基于springboot框架的在线教育系统网站设计与实现

目录
1 引言 3
1.1 编写目的 3
1.2 背景 3
1.3 参考资料 3
1.3 项目风险 4
2 任务概述 4
2.1 目标 4
2.2 用户特点 5
3 总体设计 5
3.1 说明和优先级 5
3.2 激励/响应序列 5
3.3 功能需求 6
3.3.1 用户功能 6
3.4 UML图 7
3.4.1 活动图 7
3.4.1.1 创作中心管理的活动图 7
3.4.1.2 管理员登录活动图 8
3.4.1.3 管理员功能的整体活动图 9
3.4.1.4 课程管理活动图 10
3.4.1.5 用户管理活动图 11
3.4.1.6 用户活动图 12
3.4.2 类图 13
3.4.3 用例图 14
3.4.3.1 会员用例图 14
3.4.3.2 管理员用例图 15
3.4.4 顺序图 16
3.4.4.1 用户注册顺序图 16
3.4.4.2 用户课程学习顺序图 17
3.4.4.3 用户课程创作顺序图 18
3.4.4.4 管理员用户管理顺序图 20
3.4.4.5 管理员课程管理顺序图 21
3.4.4.6 管理员黑板报管理顺序图 22
3.4.5 状态图 23
4 其它非功能需求 24
4.1 性能需求 24
4.1.1 数据精确度 24
4.1.2 时间特性 24
4.1.3 故障处理 25
4.2 安全措施需求 25
4.3 安全性需求 25
4.4 操作需求 25
4.5 网站质量属性 25
4.6 补救措施 25
5 运行环境规定 26
5.1 运行环境 26
5.2 软件环境 26
2.1 目标
准备开发一个程序员的自学网站满足下述需求，可以使得每个用户都有自己的创作中心，对课程进行管理和互动。
根据项目的计划，项目目标主要有几个方面：
1.课程的搜索和分类：课程分为启蒙修炼、进阶修炼、大师修炼三大模块
2.课程播放界面：能够播放视频，查看相应作者撰写的阅读文档，对课程进行打赏购买评论等。
3.个人中心：进行视频的创作与管理，查询消费记录，收藏课程归纳等。
4.编辑课程：上传课程、编辑文档、删除课程、课程标签分类。
界面：本文转载自http://www.biyezuopin.vip/onews.asp?id=14696页面美观，布局合理；
网页管理员身份管理：合理规范的权限控制。
5.2 软件环境
1、用MySQL作为数据存储数据库。
2、采用SSH技术作为系统的解决方案，使系统具有很好的可扩展性。
3、采用Tomcat作为系统的应用服务器。
4、客户端采用游览器形式，满足零客户端的易用性要求。

// import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
import plLazy from "@/components/pl-lazy/pl-lazy.vue";
Vue.component('pl-lazy', plLazy);
import $ from 'jquery'
// import "bootstrap"
// import "bootstrap/dist/css/bootstrap.css"
// import Swiper from 'swiper'
// import "swiper/css/swiper.css"
// import  axios from 'axios'
//validate
import "@/util/validate/self_validate"
//Video
// import Video from 'video.js'
import 'video.js/dist/video-js.css'
// Vue.prototype.$video = Video//i18n
// import VueI18n from 'vue-i18n'
// Vue.use(VueI18n)
const messages = {cn : {nav:{java:'Java修炼',swift:'Swift修炼',python:'Python修炼',showmore:'所有课程',aboutus:'关于我们',lang:'语言',login:'登录',index:'首页',logout:'退出登录',personspace:'个人空间',}},en : {nav:{java:'Java Cultivation',swift:'Swift Cultivation',python:'Python Cultivation',showmore:'ShowMore',aboutus:'About us',lang:'Language',login:'Login',index:'Home',logout:'Log out',personspace:'Space',}},jp : {nav:{java:'Javaプラクティス',swift:'Swiftの練習',python:'Pythonのプラクティス',showmore:'ショーモア',aboutus:'私達について',lang:'言語',login:'ログイン',index:'ホーム',logout:'ログアウト',personspace:'パーソナルスペース',}},
}
const i18n = new VueI18n({locale: 'cn',    // 语言标识//this.$i18n.locale //messages
})//icon
import "@/assets/icon/xiangxia/iconfont.css"//公用css
import "@/style/css/common.css"
//font-awsome
// import 'font-awesome/css/font-awesome.min.css'//
// Vue.use(ElementUI)Vue.prototype.$axios = axiosVue.config.productionTip = false
/* eslint-disable */new Vue({i18n,router,store,render: h => h(App),// watch:{//   "$route" : 'checkLogin'// },// created() {//   this.checkLogin();// },methods:{}
}).$mount('#app')

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！