VOL.NetCore框架学习(二)使用代码生成器生成菜单和页面

VOL.NetCore框架学习(二)使用代码生成器生成菜单和页面

解决方案goocz2025-05-20 22:26:049A+A-

在使用之前确保前端后端都已正常运行,可以查看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、点击【添加子级】,然后填写信息,权限按钮可自定义勾选, 点击【保存】,即生成子级目录

这样我们的一个简单的单表操作界面就完成了,是不是很简单,而且颜值还不错哦。

大家觉得好,或者感觉有帮助的话,请帮我点关注哦,顺便给个赞。

点击这里复制本文地址 以上内容由goocz整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

果子教程网 © All Rights Reserved.  蜀ICP备2024111239号-5