JeecgBoot Pro-Online表单开发

JeecgBoot Pro-Online表单开发

启动JeecgBoot Pro 项目

本文使用的是前后端分离版本

Jeecg Boot Version: 3.8.0

Spring Boot Version: 2.7.18 (v2.7.18)

产品官网： www.jeecg.com

具体启动步骤，见官网文档

Online表单开发（代码生成）

设计数据库字段

本文以创建一个单表表单为例，表单名称为test_score_a

创建一个Online表单

新增一个Online表单，创建单表test_score_a，

数据库属性：(这里的允许空值，取消勾选为 不是null，勾选上为 可以null，这里我选错了)

页面属性：将年龄选择为下拉框

添加校验字段，性别写入字典Code：

个性查询配置，将性别的控件类型改为下拉框，字典Code写入sex，最后保存

同步数据库

online表单生成表test_score_a后，选择更多中的同步数据库

生成前后端代码

勾选刚刚生成的表test_score_a，点击代码生成

选择代码生成目录（我选择在jeecg-module-demo模块下），并填上包名，点击生成代码

拷贝前端代码

将vue3目录下的代码拷贝到前端代码view/qi下

生成前端路由

方法一：运行sql语句

新建查询语句，拷贝生成代码vue3目录下的sql语句并执行

方法二：手动添加菜单

暂略，2.X版本中缺失权限控制这块内容。

添加权限

重新启动前后端项目，进入 系统管理=》角色管理=》给角色授权

功能测试

重新刷新页面，进入 测试成绩页面=》新增=》测试功能

Online表单开发（在线开发）

设计数据库字段

略，同上。

创建一个Online表单

略，同上。

同步数据库

略，同上。

重新设计数据库

修改字段是否为null的bug

设计name;sex;age;phone;score字段不能为空；设计text字段可以为空。

添加姓名唯一索引

新增name的唯一索引（插入数据时，名字不能与数据库中已存在的名字重复）

功能测试