上一篇
前端vue使用一些组件和页面格式可以使用 vue.ant.design
参考视频

代码生成器生成代码案例

1.在MySQL建立一张表test_demo（实际复制的joa_demo）

2.打开ideal后端项目，配置代码生成器
找到jeecg-boot/jeecg-boot-module-system/src/main/resources/jeecg/jeecg_config.properties
配置代码生成路径

3.运行jeecg-boot-module-system/src/main/java/org/jeecg/JeecgOneGUI.java



4.在相应的地方可以看到生成代码

5. 4中生成的代码中vue中的代码是前端的，相应的复制到webstrom中，其中
二者留一个就好（本次我们用了弹窗式的）
将TestDemoList.vue复制到ant-design-vue-jeecg/src/views/jeecg，
TestDemoModal.vue复制到ant-design-vue-jeecg/src/views/jeecg/modules（ideal中vue中前端代码删除），

接着我们把之前的test菜单变成TestDemoList菜单

刷新页面，然后我们在相应的路径去看菜单页面

另外我们去找刚才webstrom插入的TestDemoList，

该处使用了混入编程，如果不想使用混入，需要CTRL +点击@/mixins/JeecgListMixin进入该文件，将该文件内容对应复制到TestDemoList的对应位置（如data、menthods，不要忘记复制引入的文件 ）

菜单配置

首先在webstrom中找到之前加载的vue组件（ant-design-vue-jeecg/src/views/jeecg/TestDemoList.vue）做以下操作
1.

2.

3.
新增按钮授权

4.其中将新增按钮指定成无效的，将不会对按钮进行控制

禁用控制
首先，1.中的操作去掉
5.找到之前的前端代码ant-design-vue-jeecg/src/views/jeecg/modules/TestDemoModal.vue
进行如下修改


6.修改权限配置

7.当授权时

可修改，否则不可修改

集合路由

集合路由类似于竹子路径，若让父元素打开默认到莫格子元素，下图中的路径两者要一样

下一篇