Jeecg Online表单

新增

  1. 按图所示顺序新增表单
  2. jeecg配置连接mariadb jeecg菜单配置_javascript

关键信息如图所示根据需求选择

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_02

如果在上面选择是否有树结构的时候选择是,就会自动帮你添加两条字段 pid 和 has_child

当然 其他的字段名称都随你喜好,值得注意的是,他的字段类型没有boolean。

jeecg配置连接mariadb jeecg菜单配置_前端_03

 

jeecg配置连接mariadb jeecg菜单配置_前端_04

 你还可以为你设计的表单设计你想要他在页面上显示的方式

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_05

jeecg配置连接mariadb jeecg菜单配置_javascript_06

同上,你还可以设置检验规则

jeecg配置连接mariadb jeecg菜单配置_前端_07

如果你上面都选完了,就可以看到如下所示的一个新数据显示在列表里

jeecg配置连接mariadb jeecg菜单配置_前端_08

同步数据库数据

jeecg配置连接mariadb jeecg菜单配置_表单_09

jeecg配置连接mariadb jeecg菜单配置_前端_10

显示这个就已经在数据库里自动建表了,完成了与数据库的同步

jeecg配置连接mariadb jeecg菜单配置_前端_11

在新增表单里输入数据

  1. 想要输入数据,首先要点击 AUTO在线表单

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_12

  1. 进入菜单后就可以实现数据的新增

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_13

jeecg配置连接mariadb jeecg菜单配置_表单_14

配置菜单

  1. 点击在线开发 --> Online表单开发 -- >更多
  2. jeecg配置连接mariadb jeecg菜单配置_vue.js_15

  3. 复制配置地址
     
  4. jeecg配置连接mariadb jeecg菜单配置_前端_16

  5.  
  6. jeecg配置连接mariadb jeecg菜单配置_表单_17


  7. 复制好后,按图片顺序点击

jeecg配置连接mariadb jeecg菜单配置_vue.js_18

 

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_19

授权限

按照对应账号的角色来给他授权

jeecg配置连接mariadb jeecg菜单配置_javascript_20

 

再刷新页面就可以得到

代码生成

  1. 在线开发----->online表单开发----->新增表(具体步骤参考上面新增)
  2. 键入表名等必要字段----创建表-----同步到数据库
  3. 然后选中新建的表------>生成代码
  4. 设置生成代码的地方,包名,风格等等

然后下载到本地就可以了

jeecg配置连接mariadb jeecg菜单配置_前端_21

代码纳入

将生成的代码用到jeecg-boot项目里 也可以加入自己新开的模块 不建议加到其他项目 因为所依赖的jeecg-boot里的东西太多 如果不在后端主项目下很麻烦

  1. 首先将除去vue前端页面的其他包放入到 jeecg-boot的system/java/org/jeecg/modules/demo 下自己新建的子包中
  2. 之后将生成的vue页面放到jeecg-boot的前端项目 src/views/下的新建子包里
  3. 完成后重新启动jeecg-boot的前后端项目

系统管理----菜单管理----新增一级菜单 如下图

jeecg配置连接mariadb jeecg菜单配置_前端_22

系统管理-----角色管理-----选择你登录的角色-----授权菜单

jeecg配置连接mariadb jeecg菜单配置_vue.js_23

jeecg配置连接mariadb jeecg菜单配置_jeecg配置连接mariadb_24

这是需要退出重新登录一下 就会看到菜单列表已经有了

jeecg配置连接mariadb jeecg菜单配置_前端_25

这时生成的crud代码已经应用到了 导入导出 分页 编辑