基于nodejs+vue大学生英语网站python-flask-django-php

大学生英语网站
摘要
在社会快速发展的影响下，大学生英语网站继续发展，引起更多用户的关注，使大学生英语网站的管理和运营比过去十年前更加理性化。依照这一现实为基础，设计一个快捷而又方便的网上大学生英语网站是一项十分重要并且有价值的事情。对于传统的管理控制模型来说，大学生英语网站具有许多不可比拟的优势，首先是快速更新大学生英语网站的信息，其次是大量信息的管理，最后是高度安全，以及使用简单等特性，这使得大学生英语网站的管理和运营非常方便。进入21世纪，因为科技和经济的迅速发展，人民群众对非物质层面的精神需求正变得越来越多元化。本系统是为了实现这些目标而提出来的。
 
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。 
本论文系统地描绘了整个网上大学生英语网站的设计与实现，主要实现的功能有以下几点：管理员；首页、个人中心、用户管理、在线学习管理、英语类型管理、论坛、系统管理，用户；首页、个人中心、修改密码、个人信息，前台首页；首页、在线学习、论坛、英语快讯、个人中心、后台管理等功能，其具有简单的接口，方便的应用，强大的互动，完全基于互联网的特点。
面对此状况，应当利用国内领先的软件技术优势，对于大学生英语网站层面的特性，规划出符合该领域需求的大学生英语网站软件。本文研究的主要目的是为实现大学生英语网站的信息化、系统化、规范化，为用户的长远发展奠定了基础。基于大学生英语网站，有着较高的现实应用价值。用户不用受时间和地点的约束，进行查询信息。管理员也不用受时间和地点的约束，进行详情、修改、删除信息等操作。大大减少了很多重复繁琐的工作，落实大学生英语网站现代化、科学化和信息化。这是本论文选题的主要目标与研究的价值所在。目 录
第1章 绪 论 1
1.1课题背景 1
1.2 课题意义 2
1.3 开发工具及技术 2
1.4 国内外现状 3
第2章 系统分析 5
2.1 可行性分析 5
2.2总体设计原则 6
2.3 系统需求分析 6
2.4 业务流程分析 6
2.5 数据流图 7
第3章 系统设计 9
3.1 系统功能设计 9
3.2 数据库设计 10
第4章 系统实现 15
4.1用户功能模块 15
4.2管理员功能模块 16
4.3前台首页功能模块 16
第5章 软件测试 22
5.1软件测试的重要性 22
5.2测试实例的研究与选择 22
5.3测试环境与测试条件 24
5.4系统运行情况 24
5.5系统评价 24
第6章 总结 25
参考文献： 26
致谢 27

第1章 绪 论
1.1课题背景
 
以往的大学生英语网站相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，大学生英语网站的各方面的管理更加科学和系统，更加规范和简便。
本文所设计的在线大学生英语网站就是在这种客观条件下进行的，是一项利民利国的、非常有价值的大学生英语网站。在大学生英语网站管理方面，传统的管理方式显然无法与在线大学生英语网站相比，在线大学生英语网站正发挥着越来越重要的作用。在线大学生英语网站的速度快、信息量大、安全、简单都是传统模式难以企及的优点，正在发挥着越来越重要的作用。在本文中的在线大学生英语网站是一个基于MySQL数据库和nodejs技术的。
1.2 课题意义
社会主义进入新时代，经济实力越来越强。我们也变得越来越忙碌、对生活的要求也变得更加严格，对快速和方便的服务的需求也在逐渐增加。因此，对大学生英语网站的管理、服务的要求也越来越严格。为适应时代的发展，各大学院开始广泛地使用电脑来进行管理，并查看在线信息，为提高工作人员效率提供了一种新的方式，并且减轻了他们的工作强度，在树立学院形象的同时，为用户提供更加方便、简单而高效的系统，实现双赢。2021年处于信息网络高速发展的大背景之下。在今天，缺少手机和电脑几乎已经成为不可能的事情，人们生活中已经难以离开手机和电脑。针对增加的成本管理和操作,各大学院非常有必要建立自己的网上大学生英语网站，这既可以让更多的人体验到网络所带来的方便。
本系统即为方便管理员和用户而制作的网上大学生英语网站，结合了用户的需求，设计出的一个基于nodejs技术、MySQL数据库、express框架的网上大学生英语网站。
1.3 开发工具及技术
网上大学生英语网站从本质上讲是一个电子商务模式综合而成的系统。实现了首页、个人中心、用户管理、在线学习管理、英语类型管理、论坛、系统管理等基本功能。
主要用到以下技术：
1.3.1 B/S架构
在B/S的三层结构当中（Browser/Server，浏览器/服务器结构）系统中，它可以通过浏览对众多的服务器发出信号请求。B/S系统它对用户来说他可以对用户的工作量大大的减少，用户只要在用户端上安装、配置少量的运行软件就可以对用户的工作量大大的减少。对于数据库的访问也是由服务器来简单的完成。B/S的框架不断成熟，它结合多种浏览器和专用的软件不断加强自己的功能，这样一来可以大大的减少了开发的成本，它也是一种新的软件架构。B/S系统主要是通过逻辑层、展现层等，层层相互独立而且又相互联系来进行关联。
1.3.3 mysql数据库介绍
JDBC的驱动程序它是和数据库不同的，在每个数据库的应用它们都是和区分开的，当运行到一定的程序当中，它就会与自己相关的协议与用户端进行通讯。那么这个系统就会对使这些数据进行连接。当我们选择哪个桥的时候，接下来就会简单的叙述这个数据库是如何来创建的。当点击完成按钮的时候就会自动在对话框内弹出数据源的名称，在进行点击下一步即可，直接在输入相对应的身份验证和登录密码。
mysql它可以为用户在数据库上进行应用，它的优点就是让人们学习起来简单易懂，而且它的结构简单并且功能也强大，在信息储存量上也是比较大的，mysql它是一种主要应用于数据库的查询和编程，在很多数据库相互关系上得到了应用，它可以对许多数据进行广泛的查询和应用，对于常规的的数据它可以广泛的查询，不需要对其大量的进行储存和掌握，也不用在这上面进行多层次的组合，纪录相应集合是其主要操作，在使用灵活性强和功能强的mysql数据库的情况下，在实现其他功能时需要进行编写代码，因此，在使用mysql数据库时只需编写一小段就可以对该功能实现。
本系统的开发主要应用了mysql进行对数据的管理。
(1)数据
数据它是在数据库当中储存的对象，在大多数的人们头脑当中是数字。其实简单的来说数字是一种简单的数据，从广义的角度来说一些文字、数据、图形等等都可以认为是一种数据，这样一来可以给数据就做个定义了。
(2)数据库
数据库简单的来说它就是对数据进行储存，只不过它在计算上要以某种格式进行存放。但是数据库经过长期的在计算机内储存，它是比较有组织模型数据在里边，这样对于拥有较高的数据具有独立性和共享性。
(3)数据库管理系统
数据库的管理系统主要功能表现为以下几点：
1.数据上它可以通过数据对象进行定义。
2.数据库的语言它可以提供数据的操纵，用户可以通过语言的操纵进行删除、查询和修改等。
3.通过数据库的建立它可以创建数据库的输入和转换功能，能为数据库的重新组合做出监视等。还可以帮助数据库的恢复功能。
4.数据库的开始转充个初始密码都可以对数据库进行建立和维护功能。
1.4 国内外现状
随着计算机网络的不断渗透，人们的生活与工作、学习的方式也在慢慢发生变化。传统的大学生英语网站相关信息管理方式一般都采取人工的方式，信息的获取、整理、修改、存储等工作还停留在人工阶段。这种方式一方面需要花费大量的人力、物力和金钱，交互起来比较困难，而且会浪费时间；另一方面对用户等信息的管理，特别是随着用户数量的递增，查询、修改起来特别困难；最后由于用户等其他信息的不断增加，信息的存储也成为了难题。
一些发达国家，网络发展比较快，已经很大程度上完成了从人工到计算机管理的转变。我国计算机应用起步比较晚，而且发展区域不平衡，还有很多地区或单位使用传统的方式进行管理，但是目前计算机发展较快，包括网络也已经普及，很多单位和用户也开始慢慢接触网络管理系统。

第2章 系统分析
2.1 可行性分析
可行性分析的目的是确定一个系统是否有必要开发、确定系统是否能以最小的代价实现。其工作主要有三个方面，分别是技术、经济和社会三方面的可行性。我会从这三个方面对网上大学生英语网站进行详细的分析。
2.1.1技术可行性
该系统主要使用nodejs技术和MySQL数据库进行开发，nodejs技术易于学习和使用灵活。在校期间也接触过express框架和MySQL数据库课程，对此有一定的开发经验，因此开发难度不高，所以从技术上来说是可行的。
2.1.2经济可行性
本系统设计所选择的开发工具和服务器都是免费的开源软件，又或者是适合用户使用的免费版本，并不需要支付费用，而且由作者本人单独完成，也不存在团队费用，几乎没有经济成本，具备经济可行性。
2.1.3社会可行性
社会可行性主要包括法律和用户两个方面，下面将从这两方面进行分析。
(1)法律因素
本系统是学习开发所制作的程序，并不用作商业用途，是在根据实际调研的结果结合现有的网上大学生英语网站后得出的，而且系统制作的全部过程都是在个人的工作电脑中完成的，使用的都是开源和免费的开发环境、分析软件和数据库，不存在侵权问题。
(2)用户可行性
操作人员或者用户只需要具备一定的windows电脑操作常识，不需要精通计算机技能。此外系统管理人员，只需要在windows常识之上再熟悉下使用Tomcat服务器的操作流程，只要掌握一定的计算机知识即可，在正式上线运营之前，仅需要对操作人员进行简单的熟悉流程培训即可。所以从用户可行性上也是可行的。
2.2总体设计原则
一个系统要在开发和维护的过程中方便使用，必须采取一定的设计原则，其主要设计原则有：
简单性：系统功能简单易懂，只需要掌握基本的计算机操作能力即可使用。
针对性：针对特定的大学生英语网站，没有多余的其他功能，使用户可以专心使用。
实用性：能够满足用户方面的需求。
一致性：设计风格、命名规范一致，整个系统的各个功能模块色彩、摆放位置、功能等都是一致的。
先进性：本系统的代码采用读取数据的方式，方便后续开发、拓展。
2.3 系统需求分析
大学生英语网站需要满足的需求有以下几个：
（1）实现管理系统信息关系的系统化、规范化和自动化；
（2）减少维护人员的工作量以及实现用户对信息的控制和管理。
（3）方便查询信息及管理信息等；
（4）通过网络操作，改善处理问题的效率，提高用户利用率；
（5）考虑到用户多样性特点，要求界面简单，操作简便。
（6）管理员功能，管理员可以对用户或者所有信息进行管理。
（7）系统安全，操作简便，不过于复杂。
（8）系统可以稳定运行，不存在卡顿等问题造成用户反感。
2.4 业务流程分析
2.4.1登录流程
登录模块主要满足管理员以及用户的权限登录，用户登录流程图
3.3.2数据库表设计
将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。
表名：config
功能：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

name varchar 100 配置参数名称
value varchar 100 配置参数值

表名：users
功能：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

表名：yingyuleixing
功能：英语类型
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
leixing bigint 类型

表名：yonghu
功能：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhanghao bigint 账号
mima bigint 密码
xingming longtext 4294967295 姓名
xingbie longtext 4294967295 性别
nianling varchar 200 年龄
shouji varchar 200 手机
youxiang varchar 200 邮箱
touxiang varchar 200 头像

表名：zaixianxuexi
功能：在线学习
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
leixing varchar 200 类型
neirong varchar 200 内容
fengmian varchar 200 封面
riqi varchar 200 日期
xiangqing varchar 200 详情

第4章系统实现
4.1用户功能模块
用户登录，通过填写注册时输入的用户名、密码、角色进行登录，
5.1软件测试的重要性
只有在运行和维护阶段之前经历大量的测试的软件，才能说明它的质量是经得起检验的。最近计算机业界也都一致认为，测试应该存在于软件设计的每个阶段，因为越早发现错误，修复起来就越容易。
实际上，对于一个软件应用，错误是必然存在的，无论使用何种技术或手段，都不可能绝对的排除软件漏洞。测试是随着软件开发一同诞生的，两者是共同发展进步的。实际上，测试可以大幅度的降低维护的成本，如果一个漏洞在开发的早期就被发现，那么修复它的成本远比上线后再修复的成本要低得多。
5.2测试实例的研究与选择
测试有白盒测试和黑盒测试两种方式。
其中，白盒测试是将软件看成一个透明的白盒子，按照程序的内部控制结构和处理技术逻辑来选定测试用例、软件系统测试的逻辑路径及过程需要进行管理测试，又称玻璃盒测试。因此白盒测试需要选择足够多的测试用例，覆盖尽可能多的代码来发现程序中的错误。
黑盒测试，也称为功能测试。它将需软件看作一个黑盒，像一个普通用户一样来模拟软件的使用流程。黑盒测试通过大量的输入边界值或错误数据，来检查是否可产生正确的输出。
本系统测试 主要选择黑盒测试，少量采用白盒测试。通过测试达到以下测试目的：
1.检查各大功能模块的运行，确保其能够正确运行，并检查各页面的完整性，保证页面完整。
2.检查各个接口是否可以正确地输入和输出，保证数据流通稳定可行。
3.检查数据结构，保证其和外部接口没有访问错误，访问顺利。
4.检查原计划的性能需求有没有完成，运行流畅。

本系统的测试用例（部分）：
登录部分测试用例
编号 对象 项目 操作 预期结果 结果
1 登录 登录提示 使用正确的账号密码登录 成功登录 预期结果
2 登录提示 使用正确的账号但错误的密码登录 提示密码错误 预期结果
3 登录提示 使用错误的账号登录 提示不存在账户 预期结果
4 登录提示 不输入账号，点击登录 提示输入账号 预期结果
5 登录提示 输入账号但不输入密码点击登录 提示输入密码 预期结果
6 登录入口 已登录账号，查看登录入口 不显示登录入口 预期结果

5.3测试环境与测试条件
处理器：Inter Core I7-4710MQ四核处理器
内存：4GB
硬盘：1T
操作系统：Windows 10
数据库：MySQL
5.4系统运行情况
全部测试用例都已通过（包括但不限于以上测试用例），且不存在漏洞，实现了论文开始时所作要求。本系统运行稳定，使用流畅，可以满足用户需求。
5.5系统评价
5.5.1系统功能评价
试运行后进行系统评估，可以认为该系统达到预定的目标要求，可以满足用户的需求，也满足了系统开发前所作目标。
5.5.2系统技术评价
系统在经过大量重复测试后运行十分稳定，安全实用，功能模块已经达到预定目标所需。
5.5.3系统经济评价
在规定的时间内实现系统的大部分功能，且满足要求，节省开发成本，有助于提高科学管理水平，符合本人经济情况。
致谢
大学生活在这个时候即将划上一个句号，但是对于我的人生道路来说，这仅仅是一个逗号，我将面对的是又一次征程的开始。
回忆过去，许许多多的事情浮现在脑海：刚上大学时欢乐心情和兴奋的场景还历历在目。一切都是那么新鲜，那么富有吸引力。有快乐也有艰辛，有收获也有失落。衷心感谢学院所有支持帮助过我的同学，谢谢你们多年来的关心和爱护。同窗的友情同样难忘，你们与我共同走过了人生中不平凡的道路，给我留下了值得珍藏的美好记忆。
最后，我要特别感谢指导过我的教师。本论文是在他的悉心指导和热情帮助下完成的，教师认真负责的工作态度，严谨的治学精神和精深的理论水平都使我受益匪浅。教师无论在理论上还是在实践中，都给予我很大的帮助，使我专业技能的应用水平得到很大提高，这对于我以后的工作和学习都有益处。值此论文完成之际，特别向教师表示衷心的感谢和崇高的敬意，谢谢他细心而又耐心地辅导，使得我得以顺利的完成毕业设计开发工作，同时也要感谢其他帮助过我的教师和同学，他们在我成长过程中给予了我很大的帮助，在此一并表示感谢。
由于本人水平有限，加上时间紧促，本文一定有不少缺点和不足，恳请各位教师给予帮助和指正。