跨平台移动应用开发-期末考试，Coding第六天

记录：2019-11-8 13：26

昨天已完成前台的前端页面并且搭建了后台管理系统的页面框架以及完成了推荐管理列表页，由于剩下的四个管理模块（成长轨迹、人生阶段、用户、管理员）都具有相应的功能（列表页），那么，今天就可以直接复制粘贴，做一些小改动即可，话不多说，效果图：

1、成长轨迹管理列表页

成长轨迹管理列表页

2、人生阶段管理列表页

人生阶段管理列表页

3、用户管理列表页

用户管理列表页

4、管理员管理列表页

管理员管理列表页

突然想起来显示评论的地方有遗漏点：若为管理员发表的评论，应该有一个标志会比较好

管理员标志

一个小插曲，上述已将所有模块的列表页都完成了。接下来先做添加推荐的页面，先做一下分析，大概需要一些什么表单：（1、标题 2、简述内容 3、缩略图 4、详细内容）共4个需要填写的内容，并不多，那么就用layui的弹出层来做一个页面吧。首先，先将一些普通的表单元素处理好：

基本信息表单

然后还剩下一个添加详细内容的地方，这个地方将使用layui的文本编辑器：

layui的富文本编辑器

那么现在已经将添加推荐页面完成了，接下来就是复制、粘贴、修改，来完成其余4个模块的添加页面了：

添加管理员页

添加成长轨迹页

添加人生阶段页

添加用户页

OK，完成！那么现在就剩下各个模块的修改页以及根据成长轨迹文章、根据用户、根据管理员来管理评论的页面。共8个页面，老规矩，先完成修改推荐页，复制添加推荐页，再根据需要修改即可：

修改推荐页

相似的操作，复制添加页成修改页，修改部分代码，完成剩下4个模块的页面：

修改管理员页

修改成长轨迹页

修改人生阶段页

修改用户页

修改类的页面已经完成，剩下的是评论管理，据需求，其实可以做成一个页面，只是接入后端时需要根据不同的情况来查询出评论列表：

评论管理

那么到目前为止，前台与后台的页面都已经完成了。明天开始接入后端，将使用SSM框架来完成后端代码编写

总结：layui挺好用的。使用它来搭建后台管理系统比较方便快捷