后端相关技术:
系统后端接口部分,使用目前市面上流行的 SpringBoot+SpringCloud 进行微服务架构,使用Gateway,以及阿里巴巴的 Nacos、OpenFeign等组件搭建了项目的基础环境。采用 MyBatis-Plus 进行持久层的操作,使用了 OAuth2+JWT 实现了分布式的访问。此外,项目中使用了阿里巴巴的 EasyExcel 实现对 Excel 的读写操作,使用了 Redis 进行首页数据的缓存,整合了 Swagger 生成接口文档。
college_parent // 后端项目
├── common // 通用代码层
│ └── common_util // 工具类
│ └── service_base // 业务通用代码
├── infrastructure // 对外开放网关层
│ └── api_gateway // gateway网关
├── service // 业务代码层
│ └── service_cms // 前台内容api
│ └── service_edu // 后台内容api
│ └── service_oss // 阿里云oss文件存储
│ └── service_sms // 阿里云短信分发
│ └── service_ucenter // 用户模块
├── sql // 数据库文件
│ └── edu_cms.sql // 前台内容数据库表
│ └── edu_college.sql // 学院核心数据库表
│ └── edu_ucenter.sql // 用户信息数据表
前端相关技术:
系统前端部分,使用主流的前端框架 Vue,使用 Es6 的开发规范,采用模块化的开发模式,搭建页面环境使用了 Nuxt 框架和 vue-admin-template 模板,使用 Element-ui 进行页面布局。前端环境中使用 Npm 进行依赖管理,使用 Babel 进行代码转换,使用 Webpack 进行静态资源的打包,采用 axios 进行 Ajax 请求调用。
项目展示:
前台页面:
首页
视频列表页
视频详情页
讲师列表页
讲师详情页
登录页
注册页
后台管理系统页面:
讲师管理:
讲师列表
添加讲师
课程分类管理:
课程分类列表
导入课程分类
课程管理:
课程列表
发布课程
内容管理:
广告推荐
推荐位