关于vue.js:后端功能快速入门创建员工菜单

31次阅读

共计 624 个字符,预计需要花费 2 分钟才能阅读完成。

实现员工治理性能

比方这里咱们创立一个员工表,实现增加,批改,删除员工信息。

创立菜单

“菜单”在本疾速开发零碎中能够看做是一个业务表,或者一个与多个表关联的业务表。通过创立菜单操作,能够进行各个方面的设置。
点击左侧菜单【菜单治理】

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

  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 表单:即配置页面,能够向表中存储数据,参照【根本配置】页面

正文完
 0