springoot-vue-demo

技术栈：vue+elementplus+springboot+mybatisplus

先搭建数据库，项目中数据库为springboot-vue.数据库文件在文件夹中

前后端需要都在本机启动服务器。

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

公共课程评价网站的功能（更新中，尚未全部实现）

普通用户

• 在课程评论区增加、删除评论
• 给课程打星
• 给他人评论点赞或者举报
• 评论和回复他人的评论

管理员

删除评论 评论置顶 增加删除课程 <<<<<<< HEAD

系统

注册登录账号 展示排行榜 课程分类 评论审核

前端界面的设计想法（更新中，尚未全部实现）

个人信息界面

个人信息不应该放在侧边栏，因为侧边栏应该是功能展区

第一行：头像

第二行：个人信息

• 用户名
• 用户昵称
• 专业
• 性别
• 地址
• 个人简介

展示以表格的形式展示，但是隐藏表格，点击每一项，或者点击修改都会进入修改界面

整体布局

顶部导航栏

顶部导航栏应该是网站的功能

顶部导航栏的内容

• 左边：网站的Logo，排行榜
• 右边：个人头像，一个下拉菜单
• 下拉菜单中的功能：个人主页，账号管理，退出

侧边栏

侧边栏就是用来展示用户功能的，采用二级导航栏

侧边栏的内容

普通用户：

• 课程评价
• 管理个人评论

管理员（更新中）：

• 课程评价
• 添加课程
• 管理评论：包括自己的评论和用户的评论，比如删除或置顶用户评论
• 设置排行榜

最新的设想： 把左边的侧边栏取消，导航栏移到顶部，右边设置为可访问的标签，左边是内容

系统

注册登录账号 展示排行榜 课程分类 评论审核

前端界面的设计想法（更新中，尚未全部实现）

个人信息界面

个人信息不应该放在侧边栏，因为侧边栏应该是功能展区

第一行：头像

第二行：个人信息

• 用户名
• 用户昵称
• 专业
• 性别
• 地址
• 个人简介

展示以表格的形式展示，但是隐藏表格，点击每一项，或者点击修改都会进入修改界面

整体布局

顶部导航栏

顶部导航栏应该是网站的功能

顶部导航栏的内容

• 左边：网站的Logo，排行榜
• 右边：个人头像，一个下拉菜单
• 下拉菜单中的功能：个人主页，账号管理，退出

侧边栏

侧边栏就是用来展示用户功能的，采用二级导航栏

侧边栏的内容

普通用户：

• 课程评价
• 管理个人评论

管理员（更新中）：

• 课程评价
• 添加课程
• 管理评论：包括自己的评论和用户的评论，比如删除或置顶用户评论
• 设置排行榜