实现员工管理功能

比如这里我们创建一个员工表,实现添加,修改,删除员工信息。

创建菜单

“菜单”在本快速开发系统中可以看做是一个业务表,或者一个与多个表关联的业务表。通过创建菜单操作,可以进行各个方面的设置。
点击左侧菜单【菜单管理】

上图所示,菜单分为两种情况:

  1. 目录功能菜单:只是菜单中的父菜单名称而已,不代表任何业务。
  2. 业务功能菜单:对应一个业务功能。

创建菜单目录

为了管理员工,我们创建“人事管理”目录菜单。
如下图所示,为了仅仅创建目录,而不要创建数据库表,【生成代码】必须选择“否”;【创建数据表】必须选择“否”。

创建业务菜单

创建管理员工的业务菜单。
如下图所示,父菜单目录为“人事管理”,菜单名为“员工管理”。
访问路径:Hr/Emp;输入访问路径后,会自动生成产生的Vue组件的路径。
组件路径:admin/hr/emp/index.vue
表名:自动生成表名,规则是访问路径的小写字母,并用下划线连接。
主键ID:表的主键列名
创建数据库表:因为是业务表,需要操作数据,所以选择“是”
选择链接库:如果是采用多库操作,这里可以选择特定的链接,默认不需要操作。
页面结构:系统支持三种页面结构:

  1. el-table列表:采用Element-UI的表格组件,因其大量数据的性能堪忧,还有第二个选择。
  2. ag-grid列表:采用ag-grid免费功能,实现El-table类似的功能,特点是大量数据操作性能良好。
  3. form表单:即配置页面,可以向表中存储数据,参照【基本配置】页面


后山人
272 声望39 粉丝

这个是一个典型的,前后端分离的开发框架,而且很多前后端代码,都可以很好的生成,无需写代码,大大减少程序员编写代码的数量。提高效率,降低成本!