Web系统设计¶
概述¶
使用爬取到的信息设计一个网站，用来浏览和查询爬取的歌曲与歌手信息 网站需要包含以下页面（功能）：
- 歌曲列表页
- 歌曲详情页
- 歌手列表页
- 歌手详情页
- 搜索和搜索结果页
歌曲列表页¶
- 系统主页为歌曲列表页
- 歌曲列表页通过分页方式列出系统中的所有歌曲
- 分页控件至少包含：首页尾页、页码按钮跳转、输入页码跳转
- 点击列表页中的条目可以跳转到对应的歌曲详情页
歌曲详情页¶
- 对于每一首歌曲，显示其详细信息。
- 显示内容包括爬取的歌曲信息，需要包括：歌曲名、歌手名、歌曲图片、歌词、歌曲原始网站URL
- 点击歌曲原始网站URL可跳转至原歌曲网站
- 点击歌手名可跳转至对应歌手详情页
- 实现评论功能：
- 在歌曲详情页底部添加评论文本输入框和按钮，以支持用户对歌曲提交评论
- 提交的评论文本以列表形式显示在歌曲详情页底部，且持久保存，每个条目显示评论正文和评论时间，条目按时间倒序排列（最新评论显示在顶部）
- 为每个评论条目添加删除按钮，点击后可删除该条评论
- 若爬取了歌曲评论，可将其作为本页面的初始评论
- 注：评论功能不需设计用户系统，删除评论也不考虑用户权限问题
歌手列表页¶
- 歌手列表页通过分页方式列出系统中的所有歌手
- 分页控件至少包含：首页尾页、页码按钮跳转、输入页码跳转
- 点击列表页中的条目可跳转至对应的歌手详情页。
歌手详情页¶
- 对于每一位歌手，显示其详细信息。
- 显示内容包括爬取的歌手信息，需要包括：歌手名、歌手图片、简介、歌手原始网站URL
- 点击歌手原始网站URL可跳转至原歌手网站
- 在歌手详情页以列表形式列出歌手在该 Web 系统中的所有歌曲：
- 每首歌曲需展示：歌曲名、歌曲图片
- 点击此歌曲列表的条目可跳转至对应歌曲详情页
搜索和搜索结果页¶
搜索页¶
- 搜索功能可单独设计为一个搜索页，或者在前述各页面的顶部设计搜索栏
- 搜索功能包括一个搜索栏、一个单选组（选择搜索歌曲或者搜索歌手）和一个搜索按钮
- 搜索栏输入一个关键词或一段文本（20字符以内），根据单选组选项，搜索系统中存在的歌曲或歌手，搜索后跳转到搜索结果页
- 搜索考虑的字段包括：
- 歌曲：歌曲名、歌手名、歌词
- 歌手：歌手名、简介
- 搜索只考虑单关键词精确搜索即可，即关键字为原字段字符串的子串
搜索结果页¶
- 搜索结果页用于展示搜索功能得出的所有歌曲或歌手，以分页形式展示。
- 搜索结果页中的每个条目展示：名称与图片
- 点击条目可跳转到相应信息页。
- 搜索结果页需要显示搜索结果数量和搜索花费的时间（后端计时）。
- 尽量优化搜索算法使得搜索速度不至于太慢。
注意事项¶
- 网站各个页面之间应可以完全通过点击页面中的控件来跳转。不能要求用户输入URL或者使用浏览器后退前进操作来跳转。
- 搜索算法：搜索时间应在1s以内，若搜索过慢会有性能分数的区分。
- 美观度：建议对网页使用CSS和JS进行美化，网页设计效果会有少量分数考量。
作者：