基于web的图书推荐系统项目介绍
- 项目的前台页面（有搜索、分类、列表）
-
尾部设计：尾部组件设计主要是使用的饿了么框架中的layout布局，通过基础的24分栏，创建简单的三列栅格。展示一些基础数据以及关于该网站的一些相关信息
-
用户登录界面
进入登录页面，填写登录信息后，点击“登录”按钮，就可对填写的信息进行验证，若用户存在，则会弹出“登录成功”弹框同时，跳转到首页页面，头部菜单栏中的菜单项发生变化，登录/注册选项被隐藏，用户名和个人中心下拉框显示出来。反之，则登录失败弹出“登录失败”弹框。也可以点击“重置”按钮，将当前的登录表单的信息清空。
-
用户注册界面：
注册页面主要是引入了饿了么框架中的表单组件，点击立即注册按钮就会调用addUser()函数，就会向接口发起get请求。也可以点击“重置”按钮，将当前的登录表单的信息清空。然后在注册表单的右上侧还有一个el-link组件，当用户发现自己已有账号就可以通过该链接跳转到登录页面。
-
用户注册未填写信息提示
若用户有未填写的信息，系统也会进行表单验证然后提示用户有未填写的信息，该功能的实现主要是因为:rules=“regFormRules”。
-
用户个人资料界面
当用户想要修改自己的个人资料的时候，可以选择个人中心下拉框中的我的主页选项。点击“我的主页”选项后，就会跳到我的主页页面，在此页面中，用户可以对自己的个人信息进行修改，由于用户id是唯一的，所以把它固化掉，不能被用户修改，只能修改用户名，年龄，邮箱等相关信息。点击“修改资料”按钮后，会有“修改成功”弹框弹出。
-
用户退出功能
当用户登录之后，登录、注册选项就会通过v-show进行隐藏，而用户名、个人中心选项就会通过v-show进行展示。个人中心是element UI的下拉框组件。点击“退出”选项后，系统将清空session，并且跳转到系统首页。头部菜单栏中的菜单项发生变化，登录/注册选项显示出来，用户名和个人中心下拉框被隐藏
-
查找书籍功能
在查找书籍输入框输入想要搜索的书籍，回车或者是点击查找书籍按钮，结果就会在头部下方显示。
-
书籍分类功能
点击不同的分类会在头部下方显示不同分类的书籍
-
书籍评分功能
用户可以通过点击书籍的标题进行评分
-
项目的后台页面
-
-
用户管理界面
后台管理员可以通过查找用户输入框对用户进行查询，并且可以修改用户资料和删除用户
-
-
-
书籍管理界面
后台管理员可以通过查找书籍输入框对书籍进行查询，并且可以修改书籍资料和删除书籍。因为书籍数据有将近7000条，所以同时还有分页功能
-
-
-
数据报表界面
数据报表主要使用的知识点是数字滚动插件count-to展示网站的相关数据和主要引入echarts可视化库来创建书籍分类饼状图。
-
应用的知识点
-
使用Element UI的各种组件实现界面功能的实现
-
使用Echarts.js实现网站数据的图表化展示
-
使用count-to完成了数字滚动功能
-
使用余弦相似度算法推算出用户向量与书籍向量的相似度
能的实现 -
使用Echarts.js实现网站数据的图表化展示
-
使用count-to完成了数字滚动功能
-
使用余弦相似度算法推算出用户向量与书籍向量的相似度
-
使用了node.js，配合MySQL完成了后端交互，数据访问