如下图所示:选中指定的菜单,然后点击字段管理按钮,就可以打开此菜单的字段管理页面。 image.png

# 字段管理的作用

字段在这里有多重含义,字段的属性可以控制如下设置:

  1. 数据库表的字段名称,类型,长度,约束等
  2. 表单的标签名称,表单的类型。
  3. 表格中是否显示此列,以及显示的方式,操作的方式。

# 默认字段

为了减少输入,支持内置功能,系统为每个菜单都自动创建一些字段,这些字段称之为“默认字段” 这些字段不要删除,如果不使用,可以隐藏起来。

# 创建新的字段

如下图所示,添加字段的界面中,主要配置四个方面的信息,基本信息,数据库设置,前端增强,拓展信息

  1. 基本信息:
    1. 字段标题:即设置为表单的标题和数据表的列名
    2. 字段名称:数据库中表的字段名称,表单对象的属性名称
    3. 字段类型:表单类型,并自动推荐数据库表字段的数据类型
    4. 默认值:数据库表的默认值
    5. 可录入:即是否在表单中提供录入的表单项
    6. 显示状态:在数据表中是否显示字段,以及显示的方式是什么样的
    7. 表单验证:支持非空和唯一
    8. 验证规则:其他基于正则表达式的表单验证

image.png

  1. 数据库设置:
    1. 创建字段:定义是否在数据库中创建这个字段,因为有时候会创建一些虚拟字段,所以,可以选择创建字段-否 这个选项
    2. 所属表:如果选择不创建字段,可以设置此字段属于哪一个表,以便自动创建连接查询。
    3. 数据结构:即数据库表中字段的数据类型,注意,系统会根据【基本信息】字段类型,自动推荐数据类型,请注意修改推荐的数据类型。
    4. 字段长度:数据库表的字段的长度
    5. 字段索引:为此数据库表的字段创建索引,可选唯一索引和普通索引

image.png

  1. 前端增强:
    1. 前端排序:允许或者禁止前端表格当页数据排序。
    2. 快速编辑:允许或者禁止通过双击修改表格中的单元格的值。
    3. 前端筛选:允许或者禁止前端数据筛选,如果选择是,则可以选择模糊筛选还是精确筛选。

image.png

  1. 扩展信息:根据不同的字段类型,其设置也略有不同
    1. 字段说明:用于给开发人员做字段备注使用
    2. 表单说明:用于在表单中对录入字段进行说明的文字。
    3. 显示条件:格式为:form.field_name == 'value',可以控制此字段显示的条件。
    4. 最大输入长度:定义字符串字段的最大长度
    5. 背景色:字符串在表格中显示为标签的时候,标签的背景颜色
    6. 输入前缀:input表单项的前缀属性
    7. 输入后缀:input表单项的前缀属性
    8. 前置图标:input表单项输入框中展示的图标

image.png

# 常见字段的表现形式

选中字段类型后,系统会根据下表自动创建数据库表的字段类型,以及表单中的组件。 如果您存储的数据与推荐值不一致,请不要忘记修改数据库表中列的数据类型。 例如:假设设置字段为性别 选中的是单选框

image.png

选项设置为上图所示,当用户选择男或者女的时候,系统会自动把值:“男”或者“女”存储到数据库中。 而默认情况下,单选框数据库中数据类型为smallint,是不能存储汉字的。 所以,需要修改数据库选项卡中的数据类型

image.png

字段类型 数据库字段类型 长度 表单说明
文本框 varchar 250 el-input
下拉框 smallint 6 el-select
下拉框(多选) varchar 250 select-tree
单选框 smallint 6 el-radio
多选框 varchar 250 el-checkbox
开关按钮 tinyint 4 el-switch
密码框 varchar 250 el-input
文本域 text 0 el-input
日期框 int 11 el-date-picker
日期范围 varchar 250 el-date-picker
创建时间(后端自动) int 11 -
修改时间(后端自动) int 11 -
单图上传 varchar 250 自定义组件
多图上传 text 0 自定义组件
单文件上传 varchar 250 自定义组件
多文件上传 text 0 自定义组件
计数器 decimal 10 el-input-number
标签 varchar 250 el-tag
滑块 smallint 6 el-slider
颜色选择器 varchar 250 自定义组件
键值对 text 0 自定义组件
省市区联动 varchar 250 自定义组件
百度地图坐标选择器 text 0 自定义组件
高德地图坐标选择器 text 0 自定义组件
编辑器(wangeditor) text 0 自定义组件
编辑器(Tinymce) longtext 0 自定义组件
markdown编辑器(mdeditor) text 0 自定义组件
腾讯地图坐标选择器 text 0 自定义组件
排序号 int 11 el-input-number
token解码值 int 11 -
随机数 varchar 250 -
订单号 varchar 250 -
隐藏域 varchar 250 -
请求ip varchar 250 -

# 创建其他字段

根据第二章创建菜单里面的表格,分别创建字段即可。

列名 数据类型 注释 其他要求
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) 更新时间