(附源码)node.js精品课程网站 毕业设计27724

目  录

摘要

1 绪论

1.1研究背景

1.2研究现状及意义

1.3koa框架

1.4论文结构与章节安排

2精品课程网站系统分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.3.2数据修改流程

2.3.3数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3精品课程网站总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4精品课程网站详细设计与实现 19

4.1用户功能模块

4.1.1 前台首页界面 20

4.1.2 用户登录管理界面 20

4.1.3用户注册管理界面 21

4.1.4公告栏界面

4.1.5 课程资讯界面

4.1.6 课程信息详情界面

4.1.7我的账户界面

4.2管理员功能模块

4.2.1 登录界面

4.2.2 用户管理界面 24

4.2.3 轮播图管理界面 25

4.2.4 资源管理界面 25

4.2.5 课程信息界面 25

4.2.6 购买记录界面 25

5系统测试

5.1系统测试的目的 26

5.2 系统测试用例 26

5.3 系统测试结果 27

结论 28

参考文献

  

摘要

随着互联网趋势的到来,各行各业都在考虑利用互联网将自己推广出去,最好方式就是建立自己的互联网系统,并对其进行维护和管理。在现实运用中,应用软件的工作规则和开发步骤,采用Node.js技术建设精品课程网站。

本设计主要实现集人性化、高效率、便捷等优点于一身的精品课程网站,完成轮播图、网站公告管理、资源管理、系统用户、视频信息、分类管理、课程信息、购买记录等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。只需通过一台电脑,动动手指就可以操作系统,实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题,而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率,减少了数据存储上的错误和遗漏。

精品课程网站使用Node.js语言,采用基于MVVM模式的koa技术进行开发,使用 pycharm 编译器编写,数据方面主要采用的是微软的Mysql关系型数据库来作为数据存储媒介,配合前台HTML+CSS 技术完成系统的开发。本系统开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与精品课程网站的实际需求相结合,确定了koa来开发精品课程网站。

关键词:精品课程网站;Node.js语言;MySQL;koa框架

Abstract

With the advent of the Internet trend, all walks of life are considering using the Internet to promote themselves. The best way is to establish their own Internet system, and maintain and manage it. In practical application, the working rules and development steps of the application software are used to build a high-quality course website using Node.js technology.

This design mainly realizes a high-quality course website integrating the advantages of humanization, efficiency and convenience, and completes functional modules such as rotation map, website announcement management, resource management, system user, video information, classification management, course information, purchase record, etc. The system communicates with the server through the browser to realize data interaction and change. You can operate the system by moving your fingers through a computer to realize data communication management. The design process of the whole system fully considers the safety, stability and reliability of data, and the operation process is simple. The system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services.

The high-quality course website uses Node.js language, adopts koa technology based on MVVM mode for development, and uses pychar compiler to write. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the foreground HTML+CSS technology to complete the system development. The system development uses the existing mature technology reference, takes the source code as the template, analyzes the function adjustment and the actual demand of the quality course website, and determines koa to develop the quality course website.

Keywords: Quality course website; Node.js language; MySQL; koa Framework

1 绪论

1.1 研究背景

在21世纪这个信息高度发达,并且高速流通的时代,计算机的普及以及计算机网络技术的应用,让大量普通人能够有机会接触到比以往更多的知识。作为一个以传播知识为主要职能的机构一学校,一个自己的精品课程网站是十分必要的事情,这不仅能使更多的人享用宝贵的教育资料源,同时也对于提升学校自身的知名度,提高学生自学能力,有相当大的帮助。

人口多而教育资源缺乏影响着我国受过高等教育的人在人口比例中所占的比觅,这严重的制.约了我国社会的发展与进步,这对于提高我国国民的文化科学素养十分不利。怎样才能让更多的人享有少部分人拥有的精品教育资源呢?对于这个问题, 前人已经做了人量的研究。随着计算机技术以及计算机网络技术的飞速发展,人们终于找到了一条实现这种梦想的捷径,那就是寄希望于把各种教育资源移置到互联网上去,使得各地方的人都能够方便的获取到各种自己想要的知识,打破传统教育资源分配不均的限制, 使得更多的人能够有机会获取到知识。

1.2 研究现状及意义

 20批纪90年代以來,计算机多媒体技术乃至现在的超媒体技术迅速兴起并蓬勃发展,多媒体、超媒体被迅速应用到智能教学系统中来。利用自适应智能超媒体技术构建个性化的网络学习系统是解决学生需求的个性化和教学资源的单一化这一矛盾的有效方案。精品课程网站通过了解和掌握学生的知识基础、喜好等个性化特征建立的网络学习环境,为学生提供相应的服务,如动态生成学习页面,建议学习的路径等。从而实现个性化的现代远程教育,保证远程教育的教学质量,促进现代远程教育的发展。

精品课程网站建设是在切实加强教学建设、提高教学质量的基础上,利用现代化信息技术手段实现优质的教学资源共享及分享学生的优秀的课程作品为目的。通过该网站使学生巩固、深化、融会贯通该课程相关知识的作用,并且通过展示学生的优秀作品來提高学生学习的积极性,是一个重要的教学环节。

1.3koa框架

Node.js是一个异步的世界,官方API支持的都是callback形式的异步编程模型,这会带来许多问题,例如:1、callback嵌套问题;2、异步函数中可能同步调用callback返回数据,带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写Web应用变得得心应手。开发思路和express差不多,最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架,并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

1.4论文结构与章节安排

论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:

第一章:引言。第一章主要介绍了课题研究的背景,系统开发的现状和本文的研究现状与主要工作。

第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

第六章:总结。

2精品课程网站分析

系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

(1)经济可行性:

在项目上使用的工具大部分都是是当下流行开源免费的,所以在开发前期,开发时用于项目的经费将会大大降低,不会让开发该软件在项目启动期受到经费的影响,所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费,以及设备费用。将在无纸化,高效率的道路上越走越远。

所以经济可行性没有问题。

(2)操作可行性:

此次项目设计参考了几个该模式下网站的开发案例,对他们的操作界面分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。

因此操作可行性也没有问题。

(3)技术可行性:

技术可行性指的是对于搭建框架的可行性,以及有更优秀的技术出现时系统的技术更新换代的纳新性如何,开发时间成本费用比如何。

现有koa技术能够迎合所有电子商务系统的搭建。开发这个精品课程网站的时候我采用了koa+MySQL用以运行整体程序。

综上所述技术可行性也没有问题。

(4)法律可行性:

从开发者角度来看,koa和MySQL是网上开源且免费的,在知识产权方面不会产生任何法律纠纷。

从用户使用角度来看,只要不再系统上贩卖违禁品,对系统做出条约协议,杜绝非法支付即可。

综上所述法律可行性也没有问题。

2.2系统流程分析

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。

2.2.1 数据增加流程

用户成功登入系统后能够实现增加数据的操作,增加数据的编号是特定的,系统生成,用户不能随意填写,除了编号以外,其他增加信息用户自己填写,填写后的信息经过系统验证,验证合法通过就显示增加数据成功了,相反的话,就没有增加成功,图2-1显示的就是在增加数据时的流程。

图2-1  数据增加流程图

2.2.2 数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程差不多,如图2-2所示。

图2-2  数据修改流程图

2.2.3 数据删除流程

如果系统里面存在一些没有用的数据的话相关的管理人员还可以对这些数据进行删除,图2-3就是数据删除时的流程图。

图2-3  数据删除流程图

2.3 系统功能分析

2.3.1 功能性分析

按照精品课程网站的角色,我划分为了系统用户管理模块、普通管理者和管理员管理模块这两大部分。

系统用户管理模块:

(1)用户注册登录:用户注册为用户并登录精品课程网站;用户对个人信息的增删改查,比如个人资料,密码修改。

(2)查看精品课程网站的首页信息:精品课程网站的首页信息包含了首页、网站公告、课程资讯、视频信息、课程信息、我的(我的账户、我的收藏、个人中心)等。

(3)网站公告:在首页导航栏上我们会看到“网站公告”这一菜单,我们点击进入进去以后,会看到所有管理员在后台发布的公告信息;

(4)课程资讯:在首页导航栏上我们会看到“课程资讯”这一菜单,我们点击进入进去以后,会看到所有资讯列表,在这个界面,我们可以点击进入进行查看、评论、点赞等;

5)我的收藏:在“我的”下可以查看管理“我的收藏”信息,可以查看收藏,也可以对不喜欢的信息进行删除收藏;

(6)我的账户:当用户点击右上角“我的”这个按钮,会出现子菜单,点击“我的账户”可以对个人的资料以及登录系统的密码进行设置;

(7)个人中心:当用户点击右上角“我的”这个按钮,就会进入到对应的后台进行信息的管理了;

(8)课程信息:用户可以查看课程信息,在查询到自己想要了解的课程信息的时候,可以进入查看详细的介绍,点击“购买”这一按钮以后会跳转到购买信息填写的界面,根据提示填写好购买的信息,点击“提交”以后购买就完成了,在课程信息详情这个界面,同时支持用户对喜欢的课程信息进行收藏、点赞的功能。

管理员管理模块:

(1)登录:管理员的账号是在数据表表中直接设置生成的,不需要进行注册;

(1)系统用户管理:当点击“系统用户”这一菜单的时候,会出现管理员+系统用户+普通管理者这三个子菜单,可以对这个模块进行增删改查操作;

(3)资源管理:当点击“资源管理”这一菜单的时候,会出现课程资讯+资讯分类个子菜单,可以对课程资讯进行增删改查操作;

(4)模块管理:当点击“模块”这一菜单的时候,会出现视频信息+分类管理+课程信息+购买记录这四个子菜单,能够对四个模块进行增删改查操作;

(5)网站公告管理:当点击“网站公告管理”这一菜单的时候,会出现网站公告这一个子菜单,可以对这个模块进行增删改查操作;

(6)个人信息:管理员在登录以后可以修改自己的个人资料以及对自己账号登录的密码进行修改;

2.3.2 非功能性分析

精品课程网站的非功能性需求比如精品课程网站的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:

3-1精品课程网站非功能需求表

安全性

主要指精品课程网站数据库的安装,数据库的使用和密码的设定必须合乎规范。

可靠性

可靠性是指精品课程网站能够安装用户的指示进行操作,经过测试,可靠性90%以上。

性能

性能是影响精品课程网站占据市场的必要条件,所以性能最好要佳才好。

可扩展性

比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。

易用性

用户只要跟着精品课程网站的页面展示内容进行操作,就可以了。

可维护性

精品课程网站开发的可维护性是非常重要的,经过测试,可维护性没有问题

2.4 系统用例分析

通过2.3功能的分析,得出了本精品课程网站的用例图:

系统用户角色用例如图2-3所示。

图2-3精品课程网站系统用户角色用例图

web后台管理上的管理员是维护整个精品课程网站中所有数据信息的。管理员角色用例如图2-4所示。

图2-4精品课程网站管理员角色用例图

2.5本章小结

本章主要通过对精品课程网站的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个精品课程网站要实现的功能。同时也为精品课程网站的代码实现和测试提供了标准。

3精品课程网站总体设计

本章主要讨论的内容包括精品课程网站的功能模块设计、数据库系统设计。

3.1 系统架构设计

本精品课程网站从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。

图3-1精品课程网站系统架构设计图

表现层(UI):又称UI层,主要完成本精品课程网站的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本精品课程网站时的舒适度。UI的界面设计也要适应不同版本的精品课程网站以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层(BLL):主要完成本精品课程网站的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层(DL):由于本精品课程网站的数据是放在服务端的MySQL数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本精品课程网站的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本精品课程网站中的用例。那么接下来就要开始对本精品课程网站的架构、主要功能和数据库开始进行设计。精品课程网站根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。

               

图3-2精品课程网站功能模块图

3.2.2用户模块设计

后台管理员能够实现对前台注册的用户增删改查操作,用户模块结构图如下图:

图3-3用户用户模块结构图

3.2.3评论管理模块设计

精品课程网站是一个交流性质的公开平台,系统用户和管理人员用户可以对平台上信息进行评论,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:

图3-4评论模块结构图

3.3 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。

3.3.1 数据库概念结构设计

下面是整个精品课程网站中主要的数据库表总E-R实体关系图。

图3-6精品课程网站总E-R关系图

下面根据精品课程网站的数据库总E-R关系图可以得出精品课程网站需要很多E-R图,在此罗列出来一些主要的数据库E-R模型图。

图3-7系统用户E-R关系图

图3-8 评论E-R关系图

图3-9轮播图E-R关系图

图3-10视频信息E-R关系图

      

图3-11购买记录E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中精品课程网站中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表classification_management (分类管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

classification_management_id

int

10

0

N

Y

分类管理ID

2

video_classification

varchar

64

0

Y

N

视频分类

3

recommend

int

10

0

N

N

0

智能推荐

4

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表collect (收藏)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

collect_id

int

10

0

N

Y

收藏ID:

2

user_id

int

10

0

N

N

0

收藏人ID:

3

source_table

varchar

255

0

Y

N

来源表:

4

source_field

varchar

255

0

Y

N

来源字段:

5

source_id

int

10

0

N

N

0

来源ID:

6

title

varchar

255

0

Y

N

标题:

7

img

varchar

255

0

Y

N

封面:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表course_information (课程信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

course_information_id

int

10

0

N

Y

课程信息ID

2

course_no

varchar

64

0

Y

N

课程编号

3

course_name

varchar

64

0

Y

N

课程名称

4

lecturer

varchar

64

0

Y

N

授课老师

5

course_price

varchar

64

0

Y

N

课程价格

6

cover_photo

varchar

255

0

Y

N

封面图片

7

course_introduction

longtext

2147483647

0

Y

N

课程介绍

8

hits

int

10

0

N

N

0

点击数

9

praise_len

int

10

0

N

N

0

点赞数

10

recommend

int

10

0

N

N

0

智能推荐

11

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表general_manager (普通管理者)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

general_manager_id

int

10

0

N

Y

普通管理者ID

2

user_name

varchar

64

0

Y

N

用户姓名

3

user_gender

varchar

64

0

Y

N

用户性别

4

examine_state

varchar

16

0

N

N

已通过

审核状态

5

recommend

int

10

0

N

N

0

智能推荐

6

user_id

int

10

0

N

N

0

用户ID

7

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表notice (公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notice_id

mediumint

8

0

N

Y

公告id:

2

title

varchar

125

0

N

N

标题:

3

content

longtext

2147483647

0

Y

N

正文:

4

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表purchase_record (购买记录)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

purchase_record_id

int

10

0

N

Y

购买记录ID

2

course_no

varchar

64

0

Y

N

课程编号

3

course_name

varchar

64

0

Y

N

课程名称

4

lecturer

varchar

64

0

Y

N

授课老师

5

course_price

varchar

64

0

Y

N

课程价格

6

user_information

int

10

0

Y

N

0

用户信息

7

user_name

varchar

64

0

Y

N

用户姓名

8

contact_number

varchar

64

0

Y

N

联系电话

9

purchase_remarks

text

65535

0

Y

N

购买备注

10

pay_state

varchar

16

0

N

N

未支付

支付状态

11

pay_type

varchar

16

0

Y

N

支付类型: 微信、支付宝、网银

12

recommend

int

10

0

N

N

0

智能推荐

13

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

14

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表slides (轮播图)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

slides_id

int

10

0

N

Y

轮播图ID:

2

title

varchar

64

0

Y

N

标题:

3

content

varchar

255

0

Y

N

内容:

4

url

varchar

255

0

Y

N

链接:

5

img

varchar

255

0

Y

N

轮播图:

6

hits

int

10

0

N

N

0

点击量:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表system_user (系统用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

system_user_id

int

10

0

N

Y

系统用户ID

2

user_name

varchar

64

0

Y

N

用户姓名

3

user_gender

varchar

64

0

Y

N

用户性别

4

examine_state

varchar

16

0

N

N

已通过

审核状态

5

recommend

int

10

0

N

N

0

智能推荐

6

user_id

int

10

0

N

N

0

用户ID

7

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表video_information (视频信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

video_information_id

int

10

0

N

Y

视频信息ID

2

video_number

varchar

64

0

Y

N

视频编号

3

video_name

varchar

64

0

Y

N

视频名称

4

video_classification

varchar

64

0

Y

N

视频分类

5

user_information

int

10

0

Y

N

0

用户信息

6

video_file

varchar

255

0

Y

N

视频文件

7

cover_photo

varchar

255

0

Y

N

封面图片

8

video_introduction

longtext

2147483647

0

Y

N

视频简介

9

hits

int

10

0

N

N

0

点击数

10

praise_len

int

10

0

N

N

0

点赞数

11

examine_state

varchar

16

0

N

N

未审核

审核状态

12

examine_reply

varchar

16

0

Y

N

审核回复

13

recommend

int

10

0

N

N

0

智能推荐

14

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

15

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

3.4本章小结

整个精品课程网站的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4精品课程网站详细设计与实现

精品课程网站的详细设计与实现主要是根据前面的精品课程网站的需求分析和精品课程网站的总体设计来设计页面并实现业务逻辑。主要从精品课程网站界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入精品课程网站的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2用户登录管理界面

精品课程网站中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到精品课程网站的首页中;否则将会提示相应错误信息,用户登录管理界面如下图4-2所示。

图4-2用户登录管理界面图

4.1.3用户注册管理界面

不是精品课程网站中正式用户的是可以在线进行注册的,如果你没有本精品课程网站的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册管理界面展示如下图4-3所示。

图4-2用户注册管理界面图

4.1.4公告栏界面

当点击导航栏上的“公告栏”的时候,就会进入对应的界面查看公告信息,公告栏界面如下图4-4所示。

图4-4公告栏界面图

4.1.5课程资讯界面

当访客点击精品课程网站中导航栏上的“课程资讯”后将会进入到该“课程资讯”列表的界面,然后选择想要看的课程资讯,点击进入到详细界面,课程资讯界面如下图4-5所示。

图4-5课程资讯界面图

4.1.6课程信息详情界面

当访客点击了任意课程信息后将会进入该课程的详情界面,可以了解到该课程信息的课程编号、课程名称、授课老师、课程价格等,同时可以对该课程信息进行购买+收藏+点赞,课程信息详情展示页面如图4-6所示。

图4-6课程信息详情界面图

4.1.7我的账户界面

当用户点击右上角“我的”这个按钮,会出现子菜单,点击“我的账户”可以对个人的资料以及登录系统的密码进行设置,我的账户界面如下图4-7所示。

图4-7我的账户界面图

4.2管理员功能模块

4.2.1 登录界面

管理员,普通管理者在登录界面输入账号+密码,点击“登录”按钮,系统在用户数据库表中会对管理员,用户以的账号进行匹配,账号+密码正确的话,就会登录到系统中各个用户的主管理界面,否则提示对应的信息,返回到登录的界面,如果管理人员忘记密码的话,点击“忘记密码”根据提示可以找回密码,然后再进行登录其主界面展示如下图4-8所示。

图4-8登录界面图

4.2.2 用户管理界面

管理员可以对系统中所有的用户角色进行管控,包含了管理员、系统用户、普通管理者这三种角色,如果需要添加新的用户,点击页面中的“添加”按钮根据提示输入上用户信息,点击“提交”以后在对应的用户界面就可以查看到了,可以点击用户后面的“删除”按钮直接删除某一用户,这里以普通管理者为例。界面如下图4-9所示。

图4-9用户管理界面图

4.2.3 轮播图管理界面

 精品课程网站的管理人员是可以对精品课程网站内的轮播图管理进行维护和管理的。轮播图管理界面如下图4-10所示。

图4-10轮播图管理界面图

4.2.4资源管理界面

 精品课程网站中的管理人员在“资源管理”这一菜单下是可以对精品课程网站内的课程资讯+资讯分类列表等进行管控的,这里以课程资讯为例。其管理界面如下图4-11所示。

图4-11资源管理界面图

4.2.5课程信息管理界面

点击“课程信息”按钮会显示自己添加的课程信息,如果想要添加新的课程信息,点击“添加”按钮根据提示输入课程信息,点击“提交”后在课程信息界面就可以显示了,如果信息有错可以对课程信息进行更新维护,也可以直接删除某一课程信息,还可以管理评论信息,界面如下图4-12所示。

图4-12课程信息管理界面图

4.2.6 购买记录界面

点击“购买记录”按钮会显示自己添加的购买记录信息,如果想要添加新的购买记录信息,点击“添加”按钮根据提示输入购买记录信息,点击“提交”后在购买记录界面就可以显示了,如果信息有错可以对购买记录信息进行更新维护,也可以直接删除某一购买记录,还可以管理支付信息,界面如下图4-13所示。

图4-13购买记录管理界面图

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括:用户登录功能测试、课程信息展示功能测试、课程信息添加、课程信息搜索、密码修改功能测试,如表5-1、5-2、5-3、5-4、5-5所示:

用户登录功能测试:

表5-1 用户登录功能测试表

用例名称

用户登录系统

目的

测试用户通过正确的用户名和密码可否登录功能

前提

未登录的情况下

测试流程

1) 进入登录页面

2) 输入正确的用户名和密码

预期结果

用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入

实际结果

实际结果与预期结果一致

课程信息查看功能测试:

表5-2 课程信息查看功能测试表

用例名称

课程信息查看

目的

测试课程信息查看功能

前提

用户登录

测试流程

点击课程信息列表

预期结果

可以查看到所有课程信息

实际结果

实际结果与预期结果一致

管理员添加课程信息界面测试:

表5-3 管理员添加课程信息界面测试表

用例名称

课程信息发布测试用例

目的

测试课程信息发布功能

前提

用户正常登录情况下

测试流程

1)点击课程信息管理就,然后点击添加后并填写信息。

2)点击进行提交。

预期结果

提交以后,页面首页会显示新的课程信息 

实际结果

实际结果与预期结果一致

课程信息搜索功能测试:

表5-4课程信息搜索功能测试表

用例名称

课程信息搜索测试

目的

测试课程信息搜索功能

前提

测试流程

1)在搜索框填入搜索关键字。

2)点击搜索按钮。

预期结果

页面显示包含有搜索关键字的课程信息

实际结果

实际结果与预期结果一致

密码修改功能测试:

表5-5 密码修改功能测试表

用例名称

密码修改测试用例

目的

测试管理员密码修改功能

前提

管理员用户正常登录情况下

测试流程

1)管理员密码修改并完成填写。

2)点击进行提交。

预期结果

使用新的密码可以登录

实际结果

实际结果与预期结果一致

5.3 系统测试结果

通过编写精品课程网站的测试用例,已经检测完毕用户登录模块、课程信息查看模块、课程信息添加模块、课程信息搜索模块、密码修改功能测试,通过这5大模块为精品课程网站的后期推广运营提供了强力的技术支撑。

结论

至此,精品课程网站已经结束,在开发前做了许多的准备,在本系统的设计和开发过程中阅览和学习了许多文献资料,从中我也收获了很多宝贵的方法和设计思路,对系统的开发也起到了很重要的作用,系统的开发技术选用的都是自己比较熟悉的,比如Web、koa技术、MySQL,这些技术都是在以前的学习中学到了,其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验,其实对于我们来说工作量还是比较大的,但是正是由于之前的积累与准备,才能顺利的完成这个项目,由此看来,积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助,正是因为他们的指导与帮助,我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西,此系统也有需要改进的地方,但是由于专业知识的浅薄,并不能做到十分完美,希望以后有机会可以让其真正的投入到使用之中。

参考文献

[1]汪敏.新型活页式教材的构建模式探析——以《MySQL数据库工作手册》为例[J].传播与版权,2023(02):23-25.DOI:10.16852/j.cnki.45-1390/g2.2023.02.013.

[2]钱文婷.基于视频资源共享平台的精品课程网站的升级实践[J].信息记录材料,2022,23(12):189-191+196.DOI:10.16009/j.cnki.cn13-1295/tq.2022.12.041.

[3]张倩,李旭英,林华焜,苟睿,石睿.基于Vue.js+Koa框架的APP平台设计与实现——以酒类文化交流与电子商务为例[J].现代信息科技,2021,5(07):63-66+70.DOI:10.19850/j.cnki.2096-4706.2021.07.016.

[4]Witsarut Sriratana,Vittaya Khagwian,Sutham Satthamsakul. Analysis of Electric Current by Using MySQL Database on Web Server for Machine Performance Evaluation: A Case Study of Air Conditioning System[J]. 제어로봇시스템학회 국제학술대회 논문집,2020.

[5]. Information Technology - Data Management; Data on Data Management Reported by Researchers at Port Said University (Performance Evaluation of Iot Data Management Using Mongodb Versus Mysql Databases In Different Cloud Environments)[J]. Computer Technology Journal,2020.

[6]王仡捷.基于Node.JS技术的高并发网络应用架构的设计与实现[J].通化师范学院学报,2020,41(04):64-67.DOI:10.13877/j.cnki.cn22-1284.2020.04.014.

[7]沈旭,柯晴,王新政.移动应用程序开发精品课程网站研究与设计[J].软件工程,2020,23(01):54-58.DOI:10.19644/j.cnki.issn2096-1472.2020.01.014.

[8]刘娴,刘泽骁,荀丽丹.基于Node.js技术的报表信息管理平台设计与实现[J].无线互联科技,2019,16(24):51-52.

[9]林力文.探究Node.js技术特性在电信IT支撑领域的应用[J].计算机产品与流通,2019(12):32-33.

[10]Margaretha Ohyver,Jurike V. Moniaga,Iwa Sungkawa,Bonifasius Edwin Subagyo,Ian Argus Chandra. The Comparison Firebase Realtime Database and MySQL Database Performance using Wilcoxon Signed-Rank Test[J]. Procedia Computer Science,2019,157(C).

[11]荣先钊,左先旺,林宇驰,张上.大学生精品课程网站的设计与开发[J].科技与创新,2019(14):42-43.DOI:10.15913/j.cnki.kjycx.2019.14.016.

[12]李莹, 电子信息 易云云数据库MySQL上线. 翟立新 主编,中关村年鉴,北京出版集团公司北京出版社,2018,205,年鉴.

[13]姚佳花,彭楚瑶.基于Node.js的教育技术学资源网站的设计与开发[J].无线互联科技,2019,16(09):74-77+83.

[14]毛英杰.基于Koa框架的停车诱导系统[J].福建电脑,2019,35(01):143-144+125.DOI:10.16707/j.cnki.fjpc.2019.01.072.

[15]童威,黄启萍.精品课程网站建设方案及对教学的思考——以C语言程序设计课程为例[J].安徽电气工程职业技术学院学报,2018,23(04):107-110.

[16]肖睿,程宁,田崇峰,金志雄,杜毅. MySQL数据库应用技术及实战[M].人民邮电出版社:, 201801.177.

[17]陈小兵,钱伟,郭旭,李铁铮. MySQL数据库攻击与安全防范技术研究[C]//.第六届全国网络安全等级保护技术大会论文集.,2017:89-93.

[18]岳文鹏,赵博,郭宪立,罗莉,倪祥惠,曹峰,吴筱枫,李霞,赵瑜,袁端红. 《内经选读》精品课程平台信息化整合[C]//.中华中医药学会第十六次内经学术研讨会论文集.,2016:456-462.

[19]何仕轩. 《电子技术基础》精品课程网站建设[D].西安科技大学,2016.

致  谢

逝者如斯夫,不舍昼夜。转眼间,大用户用户活便已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?

感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着工科学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。

少年,追风赶月莫停留,平荒尽处是春山。

免费领取项目源码,请关注点赞+私聊
 

猜你喜欢

转载自blog.csdn.net/VXbishe/article/details/134590628