OES在线教育系统是基于[谷粒学苑]进行学习开发的项目。
项目使用了Spring boot,Spring Security,Mybatis Plus,gateway,mysql
等技术进行开发
完全完成谷粒学苑的所有功能,并添加了部分功能如
- 课程收藏
- 学习记录
- 订单管理
- 课程评论
- ······
- 添加了
sidebarLogo
,tagsView
- 更新了首页仪表盘显示
- 添加了用户数、课程数、订单数、评论数统计
本项目部份工具使用版本和所讲内容不同(如mybatis使用的是
3.5.1
版本),因此需要大家重新下载pom
依赖。项目添加了数据实体校验,课程评论模块以及优化了一些小的显示风格
OnlineEducationSystem为后端代码
OnlineEducationSystem-Admin为后台代码
OnlineEducationSystem-Student为前台代码
后台管理页面基于最新的
element-admin-template
进行开发,在编写代码过程中,基本由本人自行编写,因此和老师代码可能出入较大;但整体效果仍一致后端的``QueryWrapper
查询基本都用的
LambdaQueryWrapper`后台的组件基本全是从
element-ui
上的实例代码改的
后台首页加入了背景图片,以及滑动验证码
admin用户的菜单
sys用户的菜单
vue
权限管理为自己参考网上资料进行编写,因为本人并没有系统学习过vue
,因此可能存在部分bug,项目部分内容将在以后学习后完善
用户管理中修改了页面内容,将所有的逻辑操作包括(分配角色、编辑用户、删除角色、添加角色)都放在了该页面中
用户管理页面
用户管理中添加用户页面
用户管理中分配角色页面
用户管理中用户信息编辑
这部分中的密码为加密后的密码
用户管理删除用户
在删除用户时,可以看到被删除的用户的用户名
角色管理首页
角色管理添加\编辑角色界面
角色管理分配权限
菜单管理中的[菜单排序]对应你左侧菜单的动态排序
菜单管理
菜单修改
菜单管理权限值修改
讲师管理页面进行了部分更改设计
这部分的添加和编辑也进行了显示优化
添加、编辑回显优化
后台管理人员可以在这里进行用户的禁启用
管理人员可以在这里进行评论的浏览和删除
管理人员可以在这里进行banner的启用和禁用以及修改,修改复用了添加banner的页面
前台界面使用的是提供的
nuxt
模板进行开发,只加入了评论功能和个人信息修改功能
- 建立自己的数据库
oes
,也可以取其他名字,需要在application.properties
中进行相应更改 - 将阿里云
oss
和vod
修改为自己的oss
和vod
账号,并且将service_sms
模块中的腾讯云账号修改为自己的腾讯云key
和secret
- 启动
nacos
和redis
服务 - 开启
OnlineEducationSystem
项目的所有微服务CanalApplication
不用启动 - 后台启动则:到
OnlineEducationSystem-Admin
中npm install;npm run dev
- 同理前台启用也是一样
- 前后台的提示信息很多时候不显示
通过这次项目,我学会到了许多东西,比如spring security。
但本项目还有需要不足或者说要优化的地方比如:
- 在添加章节和小节的时候没有和课时数相判断
- spring security没有做详细的鉴权
- 前后台的提示信息很多时候不显示
- 前台代码还有很多需要修改的地方
这些问题将在后期系统学习了vue
和spring框架
之后再回来进行更改