VOL.NetCore框架学习(二)使用代码生成器生成菜单和页面
在使用之前确保前端后端都已正常运行,可以查看VOL.NetCore框架学习(一)从零开始搭建项目
(一)首先是在Microsoft Visual Studio Enterprise 2022 (64 位) 中打开后端项目解决方案:
到此后端项目配置就完成了,下面打开项目开始新建一个VUE页面吧,让我们感受一下快速开发给我们带的乐趣。
(二)打开MSSQL2012 建一张要生成页面的数据表
比如我们要做一个供应商管理的页面,先建一张供应商表,表名为Gy_Supplier,字段不列了。
(三)开始生成Vue页面
1、使用超级管理员账户登录网站【本地登录用户名:admin;密码:123456】
2、点击菜单栏中的【代码在线生成器】→【Vue+后台代码生成】,再点击【新建】
弹出下面的窗口,新建配置信息,首先创建目录
【父级ID为0相当于创建目录,其他空随意填写】
点击【+确定】之后就会生成一个一级目录【表信息如下】
3、填写VUE路径,此路径为你前端启动的vue项目目录下src/views
填绝对路径,比如 D:\苏州优赛公司资料\公司项目\2022年项目\泾东毛纺\JDMF\Vol.Vue3_Client\src\views
填写排序字段,需要自增类型的,此处填f_id
7、然后依次点击【生成业务类】、【生成Model】和【生成Vue页面】,即可生成相应的Vue页面
(二) 其次是把生成的菜单目录和页面放到页面里,即将配置好的页面移出来
1、选择【系统】→【菜单设置】,点击【新建】,生成一级目录
父级ID填0,菜单名称自定义,视图/表名填.,Url不填,排序号随意(排序号越高越靠前),点击【保存】, 新的一级目录则出现在左侧
2、点击【添加子级】,然后填写信息,权限按钮可自定义勾选, 点击【保存】,即生成子级目录
这样我们的一个简单的单表操作界面就完成了,是不是很简单,而且颜值还不错哦。
大家觉得好,或者感觉有帮助的话,请帮我点关注哦,顺便给个赞。