1.前后端列表练习
前端页面下的views下的system下的基本都是系统管理的东西。
在system下新建一个目录edu。
index基本就是列表页面。
modal就是新增编辑弹窗。
api就是接口。
data就是列配置。
一些组件的使用可以参考官方文档,help.jeecg.com。
在创建一个列表页面的时候,可以仿照其他功能进行实现。
1.列表页面弹窗的导入组件要改
2.列表页面import from 导入api和列配置要改
3.弹窗页面的import from要改
菜单管理新增菜单,前端组件对应view后面的路径。访问路径唯一就行。
访问路径/system/edu/index,前端组件system/edu/index。
这就创建完成了,然后角色管理进行授权。
可以点击用户管理找到当前用户的角色,然后进角色管理进行授权。
api接口对接:
控制类在jeecg-system-biz/src/main/java/org/jeecg/modules/system/controller下。
在modules下新建一个edu目录。edu目录下建一个controller目录。然后建一个educontroller。
建一个entity实体包和控制类同级。新建mapper下的xml和service下的impl。
更改后端代码之间的关系。
这个时候更改控制类的路径和后端api接口对应上。
mapper,xml,service,impl都不写,就写controller.
确定数据库和实体类对应上。
2.表单配置和代码生成:
低代码开发-->online表单开发-->新增-->表名,表描述。可以创建字段。
页面属性可以修改控件类型,保存完成之后同步数据库。
功能测试可以进行测试。
在校验字段中有字典code,可以配置字典。在系统管理下的数据字典中可以找到。
点击更多,配置地址,复制sql并去数据库去运行。会将表单生成到菜单管理中。
还可以创建菜单,然后让菜单变成另一个的子菜单。
记住角色授权。
表单开发,选中,代码生成,选择目录。生成完成之后sql语句执行以下。
在start下的jeecg目录下有配置文件。
3.树表和一对多表单配置:
新增表单开发中有是否树,勾选之后会有两个数据字段,树开表单列是展开显示什么。
创建完成同步数据库,然后online在线表单。
树表之后一个列表中会有添加下级。新增创建子树。
一对多表单就是表类型选择主表或者附表。附表的main_id【要自己创建字段主动关联】在外键中和主表进行绑定主表名和主表字段。
创建完表要同步数据库。
一对多班级对学生老师。
4.表单配置和一对多模板风格:
主题模板有ERP一对多,内嵌子表主题,TAB主题。
控件的默认值可以使用${}进行填充,{}中的内容需要系统编码规则中有。
新增表单的时候控件类型有关联记录,更多配置中去配置关联表和标题字段,保存同步数据库并进行功能测试。
报表配置:
字典table中的值是报表内容,字典code对应的是报表的值,字典text对应的是返回的字段名称。
5.online表单权限:
主要就是权限设置和角色授权。
6.新建一个单体的模块:
进入到项目的根路径,然后打开终端。
复制代码到终端中,然后运行,等待建立完成。
DartifactId为模块名,Dversion为版本号,去项目的pom.xml文件中去查看。
然后创建表,代码生成,将前端的代码复制到前端项目中去,执行sql。
系统管理,菜单管理,找到生成的菜单。
角色管理下对菜单进行授权。
将新生成的模块加载到启动start的模块中引入进去。
7.报表和仪表盘的使用:
报表配置允许你通过sql的方式对数据进行统计等。
8.按钮表单接口权限:
去设置授权标识,并设置角色授权。
9.打包:
后端:clean install
java -jar [jar包]
前端:npm run build
dist目录下的东西使用tomcat部署。
apifox调用后端接口的时候路径为:
http://127.0.0.1:8080/jeecg-boot/kpi/kpi/queryByIdForTodoList
使用接口的时候传token,在前端的请求头中的x-access-token。