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
| 名称 | 类型 | 长度 | 小数点 | 不是null | 主键 | 注释 |
|---|---|---|---|---|---|---|
| jeecg基础字段… | id主键 | jeecg基础字段… | ||||
| name | varchar | 30 | true | 姓名 | ||
| sex | varchar | 5 | true | 性别 | ||
| age | int | 10 | true | 年龄 | ||
| phone | varchar | 30 | true | 电话 | ||
| score | double | 30 | 2 | true | 成绩 | |
| text | text | 191 | 说明 |
创建一个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的唯一索引（插入数据时，名字不能与数据库中已存在的名字重复）
功能测试
