依据系统设计思想,再复杂的系统都是由若干个具有关系的基本表构成的,所以,要学会使用此系统,掌握基本表对应的菜单的管理功能就是关键。 以会员管理为例,将详细介绍如何为此表创建菜单,进行会员信息的管理。 主要功能包括:

  1. 添加会员信息
  2. 修改会员信息
  3. 删除会员信息
  4. 查看会员详情

# 数据库设计

设计会员表的字典定义

列名 数据类型 注释 其他要求
member_id int(11) 会员编号 主键,自增
username varchar(250) 用户名 非空,唯一
name varchar(250) 姓名
sex smallint(6) 性别 表单为单选按钮
avatar varchar(250) 头像 单个图片地址
mobile varchar(250) 手机号 检查手机号
email varchar(250) 邮箱 检查邮箱
ssq varchar(250) 省市区
address text 地址
password varchar(250) 密码 加密
expired_time int(11) 过期时间
amount int(11) 积分
sort_id int(11) 排序
status tinyint(4) 状态 表单为开关按钮
creater_id int(11) 所有者
create_time int(11) 创建时间
update_time int(11) 更新时间

# 创建菜单

如下图所示,菜单创建的界面如下: image.png 菜单分为两种:

  1. 作为容器,用来包含一些子菜单的菜单。
  2. 普通菜单项,点击后会打开一个路由页面。

# 创建菜单容器

关键点:生成代码:否 只需要配置四项:

  1. 上级菜单,如果本身就想创建顶级,则留空;
  2. 菜单名称:菜单显示在侧栏或者顶部栏的菜单名称;
  3. 访问路径:设置一个标识即可;
  4. 生成代码:否

image.png

# 创建菜单项

如下图所示: 需要配置如下选项,

  1. 上级菜单
  2. 菜单名称
  3. 访问路径:这里设置访问路径后,后面的前端组件,数据库都会自动设置,建议采用自动设置值。
  4. 菜单图标:侧栏菜单的名称前的图标
  5. 页面结构:可选三种,带有表格的综合页面,表单页面和快速编辑表格页面

image.png

# 创建菜单的意义

通过上面的步骤创建菜单后,系统就为此菜单准备好了三个方面的数据:

  1. 创建数据库
  2. 创建后端程序代码
  3. 创建前端程序代码

默认情况下,上述三个方面的代码,是根据这个菜单对应的数据库列的定义自动生成的。所以,我们接下来要对菜单的字段进行定义,实现相关数据的存储;还要对菜单的方法进行定义,以实现相关的动作。