上一篇
前端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.当授权时

可修改,否则不可修改

集合路由

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

下一篇

更多推荐

jeecgboot代码生成器生成代码案例、菜单配置、集合路由