【低代码平台】JeecgBoot代码生成器如何使用?Online代码生成

原创
2023/10/25 16:56
阅读数 79

目前Vue3已经支持两种模式:Online在线模式 和 GUI模式代码生成。
JeecgBoot版本要求: 3.2.0+ ( 提供了vue3、vue3Native模板目录 )

第一步:通过online表单在线建表

jeecg提供了在线建表的功能,找到菜单: 在线开发 -> Online表单开发配置完表单,点击同步数据库,会在数据库生成表。

第二步:Online表单字段控件配置

online表单字段的控件类型,支持 下拉、radio、checkbox、选择人、选择部门、popup、下拉搜索、省市县、下拉多选等,已经满足在线低代码开发需求 , Online表单专题视频

第三步. 生成代码界面

点击online表单上方的代码生成按钮,选中需要生成的表单,就可以调出代码生成的界面

  • 3.1 单表界面

  • 3.2 一对多界面

    一对多的online表代码生成界面,标注的都是可以修改的,正常情况只需要修改包名,其它可以根据自己情况修改

  • 3.3 online表单一对多,外键配置注意

 // 子表外键配置说明7
 a) 子表引用主表主键ID作为外键,外键字段必须以_ID结尾,例如 ORDER_ID
 b) 主表和子表的外键字段名字,必须相同(除主键ID外);

  • 3.4 生成代码动图演示

第四步. 生成代码结构

如果选择生成代码目录,直可以接选择到生成到那个模块,这样java代码不需要再手工调整,只需要将前端代码复制到前端vue项目中。

前端如下:

  • 4.1 vue3模板目录

需要哪个vue版本的页面,复制哪个目录下的代码到前端项目即可

  • 4.2 vue3Native模板目录
  • vue3目录表单采用的是vben json结构写法,这种写法简单表单比较方便也好维护,但是复杂表单就麻烦了。所以提供了原生写法表单模板
  • vue3Native目录下的表单,采用原生antd写法,非vben封装表单。
  • 请用户按照自己的需求灵活选择。

  • 4.3 前端代码存放位置

需要放在view文件夹下面

第五步:配置菜单SQL

vue3目录下会生成插入菜单的sql,直接执行即可。

页面对应的前台目录为views/代码生成时写的包名 文件夹下,如果你想更改到其他目录,需要修改sql中component字段对应的值

  • 5.1 动态效果图演示
  • 第六步:角色授权
    生成代码后通过角色授权菜单,授权成功后刷新页面即可看见新增的菜单
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部