Kottster 是一款免费工具，可帮助开发人员快速构建和部署管理面板。只需 5 分钟，您就可以生成功能齐全的管理面板，将其部署到云端，并与您的团队共享。
当您使用 Kottster 构建应用程序时，它们会在 Remix 上运行，这是一个使用 React 和 Node.js 环境创建全栈应用程序的 Web 框架。
在本文中，我将向您展示如何创建 Kottster 应用程序、将其连接到数据库、为特定表生成页面以及将其托管在任何位置。
开始之前，请确保您的计算机上安装了 Node.js（v20 或更高版本）。
要创建新项目，请运行以下命令：
npx @kottster/cli new
系统会询问您项目名称、是否要使用 JavaScript 还是 TypeScript，以及要使用哪个包管理器。之后，将创建一个新的项目文件夹，其中包含开始所需的所有内容。
要在本地启动应用程序，打开创建的文件夹并运行 npm run dev：
应用程序加载时，您将看到登录页面。点击“创建帐户”在 Kottster 上注册。注册后，输入应用程序的名称，然后单击“创建应用程序”。这将创建您的应用程序并让您登录。
一切设置完毕后，您将看到“开始使用”页面：
连接”。
这将安装必要的包并创建一个文件，其中数据源连接到项目文件夹中的数据库。
请注意，由于您的应用是自托管的，您的凭据始终保持私密，并且 Kottster 工具无法访问您的数据库。
生成页面”选项卡：
如果您启用“
允许插入”或“允许更新”，则将可以使用用于添加和更新记录的表单。启用“允许删除”将添加删除记录的功能。
做出选择后，点击“生成页面”。该工具将自动生成页面文件并使用新项目更新侧边栏菜单。
管理面板中的每个页面都位于 app/routes 目录中。这些页面本质上是 Remix 路由，既充当 UI 又充当 API，您可以根据需要自定义它们。
Kottster 应用程序中的每个页面文件都应导出一个代表页面本身的 React 组件
当您为特定数据库表生成页面时，它将包含以下内容：
“用户”表生成的页面示例：
npx @kottster/cli new
您可以了解有关 createTableRpc 和
以上是在几分钟内为您的项目创建一个管理面板的详细内容。更多信息请关注PHP中文网其他相关文章！
