基于前端页面开发课程教学网站的设计与实现

前端页面开发课程教学网站出现以前，人们的学习形式单一，自主学习程度较低，资源共享程度不高，很难接触到更广的知识体系。造成了学习资源的浪费。市面上现在并没有专门的基于前端页面开发的课程教学网站，只有泛化的在线教学网站，并且它们教学内容质量参差不齐，对前端页面开发相关课程涵盖内容不够丰富，对于学习者而言，金钱代价大，试错成本高，相应的时间成本也随之升高。
本网站致力于打造一个免费的、开源的、拥有高质量内容的基于前端页面开发的课程教学网站。本网站用vue-cli脚手架搭建，配合npm丰富的包，更好的发挥模块化的特点。并且使用webapck打包工具，对项目代码进行压缩，编译，打包处理。vue生态圈也相对完善，开发过程中使用element-ui组件库，大量减少了工作量，提高了开发效率。本系统相关技术栈及组件库有：html，css，JavaScript，vue，webpack，nodejs，element-ui
这个网站的出现，将颠覆以往课程教学网站鱼龙混杂的行业状态。吸引大量的用户，提高前端页面开发教育行业活跃度，为用户的前端页面设计学习营造良好的学习氛围，提供优质的学习资料，提高学习效率，减少时间金钱成本。

关键词：课程教学网站；前端页面开发；webpack

1　绪　论 1
1.1　课题研究背景 1
1.2 本文研究目的和意义 1
1.3 国内外研究现状及发展 1
1.3.1 国外研究现状 1
1.3.2 国内研究现状 2
1.3.3 发展趋势 2
1.4 系统内容安排 2
2　需求分析 3
2.1　可行性分析 3
2.1.1 操作可行性分析 3
2.1.2 技术可行性分析 3
2.1.3 经济可行性分析 4
2.2 业务流程分析 4
2.2.1 设计思想 4
2.2.2 业务模型 4
2.2.3 业务流程 5
2.2.4 数据流分析 6
2.2.5 数据字典 7
2.3 功能需求分析 9
3　网站的设计 11
3.1　网站流程 11
3.1.1　注册登录流程 11
3.1.2　看视频文章等前端页面开发课程流程 12
3.1.3　收藏评论流程 13
3.2　模块设计 13
3.2.1 注册页面模块 13
3.2.2 登录页面模块 14
3.2.3 前端页面开发课程展示功能模块 14
3.2.4 评论功能模块 15
3.2.5 分类展示功能模块 15
3.2.6 收藏模块 16
3.3　数据库设计 17
3.3.1 数据库的选定 17
3.3.2 数据库概念模型设计 17
3.3.3 数据库逻辑设计 18
4　网站的实现 21
4.1 注册登录模块 21
4.1.1 登录模块 21
4.1.2 注册模块 21
4.2 课程展示模块 22
4.3 评论模块 23
4.4 分类模块 24
4.5 收藏模块 24
5　网站测试 26
5.1 网站测试的重要性 26
5.2 测试方法及用例 26
6　结　论 28
6.1　设计评价 28
6.2　改进要求及目标 28
参考文献 30
致　谢 31

项目截图：








资料下载地址：请点击》》》！！！