虽然快速生成了列表,还是需要手动去修改下(前端代码可以参考[jqadmin](http://www.kancloud.cn/jqcool/jqadmin/291949) 和[layui](http://www.layui.com/doc/))
前往视图文件45行(test/view/index/index.html)
![](https://box.kancloud.cn/36541c5357b630490c74bf6d45bd7776_1420x512.png)
我们将label中的值改为 测试标题
input的name值改为title
复制这个div,再修改处一个作者和author
~~~
<div class="layui-form-item">
<label class="layui-form-label">测试标题</label>
<div class="layui-input-block">
<input type="text" name="title" required jq-verify="required" jq-error="错误提示信息" placeholder="提示信息"
autocomplete="off" class="layui-input ">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作者</label>
<div class="layui-input-block">
<input type="text" name="author" required jq-verify="required" jq-error="作者不能为空" placeholder="请输入作者"
autocomplete="off" class="layui-input ">
</div>
</div>
~~~
回到后台刷新下页面,然后点击添加
![](https://box.kancloud.cn/10938384dc169f3c8a3b338271dee3c8_640x402.png)
我们输入一些信息点击立即提交,然后刷新一下列表(在框架内按F5或点击右上角的刷新按钮则只会刷新框架内容)
![](https://box.kancloud.cn/b79fdfb02f677deb630b7f801f6bfdee_1179x341.png)
自此,你在这个页面所看的所有功能都可以正常使用,增删改查、搜索、排序、状态全都是异步操作。
更多的则可以对html模板进行任意的修改,比如不需要异步排序和状态,则可以自行在html中删除即可。
>[success] :)