layui - - - 动态获取图书分类、重新渲染表单（图书管理系统）

1.添加图书页面动态获取图书分类

从 api 接口中获取“图书分类”信息，并展示在“图书分类”下拉框中。 首先在添加图书页面显示的时候，请求 api“获取图书分类信息”。

给“图书分类”下拉框添加一个 id="categoryId"的属性。

把 api“获取图书分类信息”的结果拼接成下拉项的 html 字符串，然后将 html 字符串设置到图书分类的位置。

删除默认的“图书分类”下拉项。

运行项目，使用 Chrome 浏览器打开。 “图书分类”没有选项，因为form 组件会在元素加载完毕后，自动对所有表单区域完成一次渲染；当表单元素被动态插入时，需主动进行组件渲染才能显示。

2.重新渲染图书分类元素

当表单元素被动态插入时，需主动进行组件渲染才能显示。 在“组件”中，选择“表单组件”，然后选择“渲染”，复制“仅渲染 select 元素”的代码。

在设置“图书分类”的下拉项后，手动进行组件渲染。

运行项目，使用 Chrome 浏览器打开。 手动进行组件渲染后，“图书分类”下拉框就有选项了。

3.创建时间选择框设置默认时间

在日期时间选择器中，设置默认显示的时间为当前时间。

运行项目，使用 Chrome 浏览器打开。创建时间默认为打开添加图书页面的当前时间。

4.修改所有表单元素的 name 属性

因为当表单提交的时候，表单数据会被编码为键值对（key-value pairs）的形式发送到服务器。 这里的“键”就是表单元素的 name 属性值，而“值”则是表单元素的值（如输入框中的文本、选中的选项等）。 所以需要给每个表单元素设置好 name 属性。