当前位置: 首页 > Web前端 > vue.js

后台功能快速入门-快速入门总结

时间:2023-04-01 11:55:30 vue.js

管理业务数据,需要设计数据库表来存储数据;您需要设计表格来输入和修改数据;您需要设计查询表单来过滤数据;以上业务数据的基本操作,我们着重介绍一个菜单项的两个操作:字段管理和方法管理;在快速入门示例中,我们只自定义了字段管理,方法管理是默认使用的设置,完成对业务数据的增删改查操作。定义字段下方的说明图可以方便我们了解如何实现对业务数据的管理:上述字段中:字段标题:定义表格的标签和数据库表中列的注释。字段名:定义了添加表单和修改表单中的变量名,也是数据库表中列的名称。字段类型:定义添加表单修改表单中表单元素的类型,这些类型大部分是Element-ui使用的表单组件。显示状态:定义一个字段值是否显示在列表中,如果显示,如何显示(居中、右移、左移)搜索模式:定义是否允许搜索某列,如果允许搜索,在搜索区域中会有这个将列的搜索条件输入到表单项中。定义方法因为我们没有自定义方法管理,默认情况下,系统会自动为这个业务数据表定义必要的方法。如上图所示,为了支持数据的增删改查,系统默认定义了六个方法。数据列表:用于支持员工管理的数据列表。修改排序开关:用于支持修改员工排序。添加、修改、删除、查看详情:这四个分别支持数据的添加、修改、删除、查看操作。其余列将在后续章节中详细介绍。综上所述,如果按照最简单的操作方法,要对一个基础数据表进行管理,我们需要做的就是:为这个数据表创建一个菜单,为这个菜单定义字段生成代码,完成添加通过以上三步得到基本的单表数据。删除、修改和检查。