修正表构造

个中包括一个自增ID字段,及三个韶光类型的字段,别的的字段按照需求增加,这里我们包括了title,kemu_id,remark个字段。
接下来我们会在设计页面里用到这三个字段。

天生API

输入你安装的PHP时的域名/super/index.html,登录进去找到代码天生器界面。

新增页面

学生管理系统-老师管理,在分组学生管理系统分组,点击新增页面,输入页面标识、页面名称、字体图标.

学生管理系统模板phpvue3xElementplus可视化实现学生治理体系之先生治理代码生成器 Node.js

拖动CRUD组件至设计区

修正API

结合表clazz_laoshi表,那么我们在后台API属性设置即为clazz/laoshi即可。

修正表格字段

表单编辑字段

拖入单行文本字段进编辑表单设计区,输入字段标识、字段标识标题。

同理拖入多行文本字段,修正字段标识对应数据库的标识。

选择科目

科目是动态创造的,须要从数据库表里加载数据,我们供应了API加载过程。

新建科目API

拖动下拉组件至表单设计区

找到数据选项属性,点击绑定图标,绑定到刚才API要求的数据源结果进行动态绑定,个中隐蔽值显示值分别循环绑定到id,title。
导出源码即可直接下拉科目。

表格列科目

表格列科目由于分外性,也是动态数据源科目表的结果,但我们数据库存放的是科目ID表,这时也要结合天生的数据源进行绑天命据源。

绑定动态列的数据源,下拉字典,分别绑天命据。

参照代码如下:<dict-tag :options="kemu.rows" :value="scope.row.kemuId" valueField="id" labelField="title"/>

点击保存源码至本地

保存源码至本地后打开页面即可访问老师管理界面。

进入页面

启动环境进进入科目管理,在右上角可以设计不同主题效果。

数据查询

输入单选文本,字段名称改为title_like支持模板查询。
PHP更多扩展查询参照此地址:https://www.diygw.com/85

至此我们的老师管理增编削查已经完成