课程管理介绍与环境搭建

课程管理

需求分析

在线教育平台的课程信息相当于电商平台的商品。课程管理是后台管理功能中最重要的模块。本项目为教学机构提

供课程管理功能,教学机构可以添加属于自己的课程,供学生在线学习。

课程管理包括如下功能需求:

1、分类管理

2、新增课程

3、修改课程

4、预览课程

5、发布课程

用户的操作流程如下:

1、进入我的课程

1565873267377

2、点击“添加课程”,进入添加课程界面

1565873287707

3、输入课程基本信息,点击提交

4、课程基本信息提交成功,自动进入“管理课程”界面,点击“管理课程”也可以进入“管理课程”界面

1565873309158

5、编辑图片

上传课程图片。

1565873330163

6、编辑课程营销信息

营销信息主要是设置课程的收费方式及价格。

1565873353250

7、编辑课程计划

1565873373554

添加课程计划:

1565873394367

环境搭建

搭建数据库环境

1) 创建数据库

课程管理使用MySQL数据库,创建课程管理数据库:xc_course。

导入xc_course.sql脚本

2) 数据表介绍

课程信息内容繁多,将课程信息分类保存在如下表中

1565873435014

数据表结构如下:

1565873454699

1565873478567

1565873493073

1565873544117

导入课程管理服务工程

1)持久层技术介绍:

课程管理服务使用MySQL数据库存储课程信息,持久层技术如下:

1、spring data jpa:用于表的基本CRUD。

2、mybatis:用于复杂的查询操作。

3、druid:使用阿里巴巴提供的spring boot 整合druid包druid-spring-boot-starter管理连接池。

druid-spring-boot-starter地址:https://github.com/alibaba/druid/tree/master/druid-spring-boot-starter

2)导入工程

导入资料下的“xc-service-manage-course.zip”。

注意:后端dao框架采用jpa和mybatis共同开发

,在复杂查询或面向sql较多的时候用mybatis,简单查询yongjpa更加方便

导入课程管理前端工程

课程管理属于教学管理子系统的功能,使用用户为教学机构的管理人员和老师,为保证系统的可维护性,单独创建

一个教学管理前端工程。 教学管理前端工程与系统管理前端的工程结构一样,也采用vue.js框架来实现。

从课程资料目录拷贝xc-ui-pc-teach.zip到工程,使用webstorm打开,启动工程:

注意:前端node-sass有错误,要npm rebuild node-sass重新编译一下

HuangRui

Every man dies, not every man really lives.

HaungRui, China suixinblog.cn