没有合适的资源?快使用搜索试试~ 我知道了~
基于vue_cli3 node.js的英语题库系统设计与实现.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 15 浏览量
2022-07-06
11:47:55
上传
评论
收藏 456KB DOCX 举报
温馨提示
试读
22页
基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx基于vue_cli3 node.js的英语题库系统设计与实现.docx
资源推荐
资源详情
资源评论
基于 vue_cli3+node.js 的英语题库系统设计与实现
摘要:在应用程序的开发和管理的历史过程中,web 应用的发展一日千里,而旧式框架的开
发管理已经略显累赘,而与此同时,前后端分离的概念却已渐渐走入人心。2013 年,华裔
工程师尤雨溪在在 GitHub 上发布了早期版本的 Vue.js 框架,此框架轻便快捷,灵活易用。
在 GitHub 的开源项目中,Vue 名列前茅,GitHub Star 超过了 16 万。
据国家统计局统计分析,大部分的公民在一天内的学习研究的时间严重不充足,公民的学习
研究参加率过低。当今正值互联网应用大爆发的时代,伴随着互联网的利用时间大幅增加的
大前提下,完全可以把公民的学习形式从线下转移到线上。本英语题库系统出于提升用户英
语能力的需求,分析和参考类似的题库系统,结合实际的生产活动,设计开发出一套基于
vue_cli3+node.js 的英语题库系统。
关键词:Vue.js, node.js, GitHub , web 应用,题库系统
1
目 录
第 1 章 绪 论...............................................................................................................................1
1.1 研究背景和意义...............................................................................................................1
1.1.1 研究背景分析.......................................................................................................1
1.1.2 本课题的研究意义...............................................................................................1
1.2 文献综述...........................................................................................................................2
1.2.1 国外研究...............................................................................................................2
1.2.2 国内研究...............................................................................................................3
1.3 课题研究方法和内容.......................................................................................................3
1.3.1 研究方法...............................................................................................................3
1.3.2 研究内容...............................................................................................................4
第 2 章 系统需求分析.....................................................................................................................6
2.1 系统的背景和意义...........................................................................................................6
2.2 功能需求...........................................................................................................................6
2.3 非功能需求.......................................................................................................................7
2.4 前后端分离优势分析.......................................................................................................7
第 3 章 系统设计.............................................................................................................................9
3.1 前端架构设计...................................................................................................................9
3.1.1 JavaScript 架构..................................................................................................9
3.1.2 Vue-cli 3.0.........................................................................................................9
3.1.3 Vue-Router...........................................................................................................9
3.1.4 UI 框架..................................................................................................................9
3.1.5 通信技术.............................................................................................................10
3.1.6 ECMAScript6.......................................................................................................10
3.1.7 DOM.......................................................................................................................10
3.1.8 BOM.......................................................................................................................11
3.2 功能模块设计.................................................................................................................11
3.2.1 前台模块.............................................................................................................11
3.2.2 后台模块.............................................................................................................12
2
第 4 章 系统实现...........................................................................................................................12
4.1 开发环境.........................................................................................................................12
4.1.1 硬件环境.............................................................................................................12
4.1.2 软件环境.............................................................................................................13
4.2 项目环境搭建.................................................................................................................13
4.3 登录模块开发.................................................................................................................13
4.3.1 登录注册模块实现.............................................................................................13
4.3.2 试题录入模块实现.............................................................................................14
第 5 章 系统测试...........................................................................................................................17
5.1 功能性测试.....................................................................................................................17
5.1.1 登录注册测试.....................................................................................................17
5.1.2 5.1.2 选题组卷测试..........................................................................................18
5.2 安全性测试.....................................................................................................................19
3
第 1 章 绪 论
1.1 研究背景和意义
1.1.1 研究背景分析
在应用程序的开发和管理的发展过程中,伴随着开发的复杂化和巨型化,旧
式框架的开发管理已经略显累赘,而与此同时,前后端分离的概念却已渐渐走入
人心。这些年来,Vue.js、Angular.js 和 React.js 已经成为了最具竞争力的三
大 JS 框架。Angular.js 于 2009 年问世,react.js 最初源自 Facebook 公司,并
于 2013 年 5 月份开源。而 Vue.js 也受到了 Angular.js 和 React.js 等 JavaScript
框架的启发,兼具了它们的优点,具备了其它框架的技术优势。
2013 年,华裔工程师尤雨溪在结束了关于 Angular.js 的工作后,决定开发
出新的 JavaScript 框架。在研究 Angular.js 和 React.js 等 JavaScript 框架的
优势部分后,决心构建出一款轻便、快捷、灵活、易用的框架。2014 年 2 月,
作者在 GitHub 上发布了早期版本的 Vue.js 框架。一年后,正式发布了 1.0 版本,
此框架开始走向大众,为人们所了解。2016 年,Vue 2.0 版本正式发布。在 GitHub
的开源项目中,Vue 名列前茅,GitHub Star 超过了 16 万。
Vue-cli3 是脚手架的工具,它是基于 Vue.js 的可以进行快速开发的系统。
可以减少用户配置工程量,简单的进行系统开发。它是一个插件集合,集成了丰
富的前端工具,基本的脚手架工具,在此框架下都有集成。而且,Vue 还有一套
图形化的界面-VueUI,能够简化创建和管理用户项目。综上所述,Vue.js 框架
已经成为了最热门的 Js 框架之一。由于 Vue 简单好学、性能优秀、编码轻松的
原因,现已被广大中小型公司所采用。
1.1.2 本课题的研究意义
运用 Vue 框架来开发本课题,可以简化编码,使开发工作变得更加简单轻松。
Vue 有许许多多的新特性,灵活运用这些新特性,可以大大简化系统的开发难度。
在 Vue 中,可以通过组件这一强大的特性,将页面分割成不同的部分,扩展 HTML
1
元素,并且可自定义函数。同时,在 Vue 中,使用者可以通过绑定 view 和 model,
以此来观测视图和模型的变化。例如,在 Vue 中,即可以使用单向绑定,通过改
变 model 来实现 view 地更新,也可以使用双向绑定,将 view 与 model 双向绑定,
在更新 view 或 model 的时候,model 和 view 也会随之更新。同时,Vue 支持各
种各样的过渡效果,使系统界面更加缤纷多彩。
由此可知,采用了该技术来开发此英语题库系统,能够极大地提高研发效率,
降低不需要的浪费,对用户的体验有着极大的改善。可见,该技术对前端开发有
着极高的正面意义。
1.2 文献综述
1.2.1 国外研究
相对国内则言,国外的前后端分离运动要进行得更早一些,而 JavaScript
框架的研究也更加深入一些。2009 年推出了 Angular.js 框架,后来为 Google
公司所收购。Angular.js 最广为人知的特性有 MVC 开发模式,使项目的可维护
性大幅提高,便于业务人员修改和维护。其次,Angular.js 的模块化开发有助
于开发人员将每一个的功能块切割开,分成各种各样的模块,开发人员可以选择
在某个模块进行研发,接着把模块运用在页面中。但 Angular.js 过于笨重,没
有做到轻量化,不利于中小型公司的使用和开发。同时,Angular.js 不适合交
互过于频繁的网页。与之相比,Vue.js 要更加轻便快捷,便于开发,更加适合
小型企业使用。
React.js 最初源自 Facebook,并于 2013 年 5 月份开源。Sebastian Markbage
(2018)称 React.js 的稳定性和灵活性都有了相当的发展,引入了较多的函数
调用,使其能够更好地优化。
与 Angular.js 相比,React.js 的设计更加出众。React.js 极具灵活性,可
以与当下流行的库与框架进行配合,具有优秀的灵活性。其次,React.js 采用
了声明式设计,能够极其方便的描述应用。再者,React.js 中的运用了 Virtual
DOM 算法,在 JS 与 DOM 中建立 Virtual DOM,对比新旧状态的差异,最后再写入
DOM 中,这种方法可以降低开发的复杂性,使其更具性价比。但与 Vue.js 相比,
2
剩余21页未读,继续阅读
资源评论
คิดถึง643
- 粉丝: 3916
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功