点击查看【bilibili】
如下图所示:选中指定的菜单,然后点击字段管理按钮,就可以打开此菜单的字段管理页面。
字段管理的作用
字段在这里有多重含义,字段的属性可以控制如下设置:
- 数据库表的字段名称,类型,长度,约束等
- 表单的标签名称,表单的类型。
-
默认字段
为了减少输入,支持内置功能,系统为每个菜单都自动创建一些字段,这些字段称之为“默认字段”
这些字段不要删除,如果不使用,可以隐藏起来。创建新的字段
如下图所示,添加字段的界面中,主要配置四个方面的信息,基本信息,数据库设置,前端增强,拓展信息
基本信息:
- 字段标题:即设置为表单的标题和数据表的列名
- 字段名称:数据库中表的字段名称,表单对象的属性名称
- 字段类型:表单类型,并自动推荐数据库表字段的数据类型
- 默认值:数据库表的默认值
- 可录入:即是否在表单中提供录入的表单项
- 显示状态:在数据表中是否显示字段,以及显示的方式是什么样的
- 表单验证:支持非空和唯一
- 验证规则:其他基于正则表达式的表单验证
- 数据库设置:
- 创建字段:定义是否在数据库中创建这个字段,因为有时候会创建一些虚拟字段,所以,可以选择创建字段-否 这个选项
- 所属表:如果选择不创建字段,可以设置此字段属于哪一个表,以便自动创建连接查询。
- 数据结构:即数据库表中字段的数据类型,注意,系统会根据【基本信息】字段类型,自动推荐数据类型,请注意修改推荐的数据类型。
- 字段长度:数据库表的字段的长度
- 字段索引:为此数据库表的字段创建索引,可选唯一索引和普通索引
- 前端增强:
- 前端排序:允许或者禁止前端表格当页数据排序。
- 快速编辑:允许或者禁止通过双击修改表格中的单元格的值。
- 前端筛选:允许或者禁止前端数据筛选,如果选择是,则可以选择模糊筛选还是精确筛选。
- 扩展信息:根据不同的字段类型,其设置也略有不同
- 字段说明:用于给开发人员做字段备注使用
- 表单说明:用于在表单中对录入字段进行说明的文字。
- 显示条件:格式为:form.field_name == ‘value’,可以控制此字段显示的条件。
- 最大输入长度:定义字符串字段的最大长度
- 背景色:字符串在表格中显示为标签的时候,标签的背景颜色
- 输入前缀:input表单项的前缀属性
- 输入后缀:input表单项的前缀属性
- 前置图标:input表单项输入框中展示的图标
常见字段的表现形式
选中字段类型后,系统会根据下表自动创建数据库表的字段类型,以及表单中的组件。
如果您存储的数据与推荐值不一致,请不要忘记修改数据库表中列的数据类型。
例如:假设设置字段为性别
选中的是单选框
选项设置为上图所示,当用户选择男或者女的时候,系统会自动把值:“男”或者“女”存储到数据库中。
而默认情况下,单选框数据库中数据类型为smallint,是不能存储汉字的。
所以,需要修改数据库选项卡中的数据类型
字段类型 | 数据库字段类型 | 长度 | 表单说明 |
---|---|---|---|
文本框 | 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) | 手机号 | 检查手机号 |
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) | 更新时间 |