今天的目标是利用bootstrap整合一下页面，后续会改成vue的方式。
整合了一天，整合的结果如下：
用户管理模块：
歌曲管理模块：
歌手管理模块：
评论管理模块：
专辑管理模块：
添加与修改界面拿歌曲部分举例：
添加歌曲界面：
修改歌曲界面：
代码模块，首先是公共html，也就是导航栏：
这样可以大大减少我们后续的代码，后续的拿一个模块举例：
歌曲列表模块：
歌曲管理
添加歌曲
名称
歌曲ID
歌手
专辑
歌曲文件路径
点赞数
歌曲分类
操作
修改
删除
首页
上一页
下一页
尾页
添加歌曲页面代码：
添加歌手
修改歌曲界面代码：
修改歌曲
其他地方都是大同小异，结合bootstrap很简单，几个小时就能搞定，由于逻辑在之前已经写完了，那么就不用贴后端代码了，都在前面章节。
总结：
本次整合我添加了图标，bootstrap的图标添加特别简单，只需要引入文件：
然后在bootstrap官方文档上查找对应图标：
选择一个喜欢的图标，点击进入：
复制右边的图标代码：
将其添加在想要添加的文本或按钮旁即可。
下一步将继续完善后台管理系统，比如添加一些表属性，歌单等，还有设置一下管理员登录界面，之后进入前台编写。
