admin 发表于 2026-5-25 15:28:43

niucloud后台创建插件使用可视化代码生成功能创建页面相关功能的详细教程

1、首先我们要创建插件,创建后进行安装。

2、我们进入左侧菜单开发管理在第一步选择数据表生成代码,点击添加按钮。

请确保在操作第2步前已经在数据中创建了符合规范的数据表,比如:niu_xxxx_article(xxxx为你的插件名,当然如果要发布到niucloud市场的插件需要有前缀,比如win_xxxx,那么数据表应该就是niu_win_xxxx_article)。
3、选择已经创建好的niu_xxxx_article表,点数据表右侧的添加按钮,进入到数据表编辑页。
4、在基础设置中选择所属插件、填写模块名(xxxx_article)和类名(xxxx_article),如果数据表没有下划线的这里也没有,比如member表,直接写member。
5、在字段设置里设置字段是否在列表显示,是否在必填,是否允许搜索,搜索方式,表单类型,是否需要验证等。
6、在生成配置中设置是否软删除(标记删除时间并非真实物理删除,软删除的数据支持恢复),设置在添加或者编辑文章的时候是弹出窗口还是新建页面操作,设置排序字段以及归属的上级菜单。
7、如果有关联表单的还可以进行表单关联。


我们在生成列表中可以看到刚才生成的代码相关页面功能,如下图所示:

点击预览可查看页面的相关功能文件路径。
其中插件目录下的api是后台后端目录,包含控制器,模型和验证。admin是后台前端功能目录,api是后台前端的api接口目录,lang是存放语言文件的语言包目录,views是存放后台页面视图和组件。

我们如果想修改页面样式,需要操作在admin/views下的vue文件,修改完成后需要将文件覆盖到与网站根目录同级的admin目录内,然后进入admin目录,打开终端控制台执行npm run build编译生效。
页: [1]
查看完整版本: niucloud后台创建插件使用可视化代码生成功能创建页面相关功能的详细教程