1前言 13
1.1项目背景 13
1.2项目开发目的及意义 13
2相关技术及工具 14
2.1相关技术 14
2.1.1Node.js 14
2.1.3MySQL 介绍 14
2.1.3Koa 框架 14
2.1.4Redis 介绍 14
2.2开发工具 14
2.2.1VS Code 14
3需求分析 15
3.1用户需求分析 15
3.2技术可行性 15
3.3经济可行性 15
3.4操作可行性 15
3.5环境需求分析 15
3.6需求分析 16
3.6.1前台功能 16
3.6.2后台功能 16
3.7用例建模 16
3.7.1前端用例分析 16
3.7.2后端用例分析 22
4概要设计 26
4.1系统功能设计 26
4.1.1前端功能设计 26
4.1.2后台功能设计 27
4.2数据库设计 29
4.2.1数据库概念结构设计 29
4.2.2数据库逻辑结构设计 31
5系统实现 34
5.1前端实现 34
5.1.1前端流程图 34
5.1.2登录、注册 34
5.1.3个人中心 36
5.1.4模块操作页面 36
5.1.5聊天室 38
5.2后端实现 39
5.2.1后台流程图 39
5.2.2用户模块 40
5.2.3操作模块页(视频、文章、活动) 41
5.2.4广告模块 42
5.2.5管理员模块 43
6系统测试 45
6.1功能用例测试 45
6.2测试总结 46
7总结与展望 47
参考文献 48
致谢 49
1前言
1.1项目背景
当今社会互联网急速发展,借助信息平台进行获取信息资源已成为时代主流。交流 平台通过其信息来源广、时效性高、传递性快、互动性强等优势,在国内爆炸式的发展 起来,成为网络用户获取信息资源的主要渠道之一。交流平台已正式成为社会各大群体 进行信息交流的重要方式。对于校园用户而言,通过交流平台来获取资讯,已成为用户 获取信息的日常习惯。用户在交流平台的信息传递,使得用户之间的信息资源共享最大 化,极大地方便了用户的日常生活。
1.2项目开发目的及意义
在互联网快速发展的现在,以金钱盈利为目的的交流平台占据了绝大多数的市场份 额。此类交流平台广告繁多,内容真实性差,整体充斥着各种不良信息。由此,针对校 园,为师生建立一个绿色健康的交流平台更是一本万利。
通过搭建实时高效的交流平台,以此来促进师生之间的信息交流,提高个人综合素 质,优化校园文化。本平台以文章交流,视频共享,在线聊天等作为核心功能,为广大 师生构建一种多元开发,多方参与,多向互动的交流新格局,方便师生之间的资源共享、 信息获取,提高师生的日常生活质量。
2相关技术及工具
2.1相关技术
2.1.1Node. js
Node. js是一个以Chrome V8引擎为基础的JavaScript运行环境。作为一款单线程 的程序编程语言,Node.js通过使用一个事件驱动、非阻塞式I/O的模型,使其相较于其 他编程语言而言,显得更加轻便和高效。
2.1.3 MySQL 介绍
MySQL,是一种开源的关系型数据库管理系统,使用着结构化查询语言,以其运行效 率高、可靠性强、适应性广等优势,占据很大一部分市场份额,是现在主流数据库之一。
2.1.3Koa 框架
Koa框架主要是一个比较简洁而且是一款特别灵活的,Node. js前端的一个应用的框 架,它不对Node. js进行了二次的封装它只是前端页面上面进行了扩展了前端页面所缺 少的功能。
2.1.4Redis 介绍
Redis是一个使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、 Key-Value数据库。其特点是操作简单、性能高超、布署容易。
2.2开发工具
2.2.1VS Code
作为一款免费的轻量级代码编辑器,VS Code应用于多种操作系统,例如,Windows, Linux和OS X等等。VS Code拥有丰富的插件生态系统,可供用户挑选。其完整的代码 语法提示功能,更是大幅度地提升了用户的开发效率。
3需求分析
3.1用户需求分析
现如今,作为信息发布、信息获取的主要方式之一,交流平台通过网络进行信息传递 和资源共享,实现了用户之间的信息交流,使用户之间信息交流的效率得到有效的提高。 市面上普遍的校园平台,功能仅局限于资源共享,远远满足不了师生们的需求的。根据 师生需求,该平台需要拥有在线聊天,文章分享,校园活动,视频共享等功能,更好地 服务于师生,让其日常生活中的信息交流变得更加高效。
3.2技术可行性
该平台前端使用HTML5, CSS3, JQuery等技术,使得前端页面和后端数据之间的数 据交互变得更加便利,更易于开发。后端主要采用node. js技术,结合Koa2框架,提高 了开发效率,方便了后期的系统维护。数据库采用MySQL、Redis相结合的方式,使得数 据存储更加高效。
3.3经济可行性
在该平台开发过程中,只需要一台搭配有相对应开发环境的pc。开发中使用到的开 发软件VS Code可在网上免费下载,所以,开发费用是可控的。从早期系统的设计与和 规划,中期的系统开发,后期的项目维护,所需的成本并不高。所以,从经济可行性的 角度来看,该平台是可行的。
3.4操作可行性
本平台界面简洁用户友好,提示明显,引导用户进行平台中的相关操作。即使是游客 (未登录用户),也能从平台中获取到所需信息内容。同时采取权限管理,使得管理员 分工明确,提高工作效率。
3.5环境需求分析
1.开发工具:VS Code
2.开发系统:Windows系统
3.开发语言:Node.js、HTML、CSS、JavaScript、JQuery
4.数据库:MySQL, Redis
5.运行环境:各大主流浏览器(火狐、谷歌、360等)
3.6需求分析
3.6.1前台功能
根据功能分析,前台功能大致为以下功能模块:
包含注册、登陆、修改个人信息、评价、投稿视频、投稿文章等等用户基
础功能。
用户之间既可以处于聊天室进行聊天沟通,也可以进行私人聊天沟通。
3.6.2后台功能
根据所需功能分析,后台所需模块如下:
1.文章模块:审核文章、修改文章、删除文章、管理文章状态等操作。
2.视频模块:审核视频、修改视频、删除视频、管理视频状态等操作。
3.用户模块:删除用户、恢复用户、修改用户信息等操作。
4.广告模块:添加广告位、删除广告位。
5.活动模块:添加活动信息、修改活动信息和管理活动分类等操作。
6.聊天室模块:添加聊天室、删除聊天室等操作
7.权限管理:新增管理员、设置管理员权限和删除管理员等操作
3.7用例建模
3.7.1前端用例分析
根据该平台前端功能模块分析,前端所需用例如下:登陆、注册、找回密码、管理个 人信息、文章(视频)评论、在线聊天、发布视频(文章)、相关资料下载等。主要用 例描述如下:
(1)注册
用例图如图3-1注册用例图所示
图3- 1注册用例图
描述 用户通过完成注册,可拥有平台基础用户功能
主要参与者 用户
前置条件 无
事件流 基流
1)点击注册,进入注册页面
2)填写用户注册信息
3)点击注册按钮
4)完成注册 替代流
3)a校验信息格式不准确,提示相关错误并要求重新
填写。
4)a账号已被注册,提示更换账号名称,并要求重新
填写。
后置条件 用例成功执行,用户可进行登陆获取相对应功能
(2)登录
用例图如图2所示
图3- 2登录用例图
描述 用户登录校园交流平台
主要参与者 用户
前置条件 用户已拥有账号
描述 用户通过完成注册,可拥有平台基础用户功能
主要参与者 用户
前置条件 无
事件流 基流
1)点击注册,进入注册页面
2)填写用户注册信息
3)点击注册按钮
4)完成注册 替代流
3)a校验信息格式不准确,提示相关错误并要求重新
填写。
4)a账号已被注册,提示更换账号名称,并要求重新
填写。
后置条件 用例成功执行,用户可进行登陆获取相对应功能
(2)登录
用例图如图2所示
描述 用户登录校园交流平台
主要参与者 用户
前置条件 用户已拥有账号
(3)找回密码
用例图如图3-3找回密码用例图所示
描述 用户找回忘记密码
主要参与者 用户
前置条件 用户已拥有账号
事件流 基流
1) 点击忘记密码
2) 填写对应的账号
3) 填写对应的密保问题
4) 设置新密码
5) 点击确认按钮
6) 结束 替代流
3) a若该账号未设置密保问题,将弹出平台管理员的
联系方式。
4) a若密保问题回答错误,弹出错误提示,将重新回
答相对应密保问题。
后置条件 用例成功执行,用户可重新设置新密码。
。。。。。。。。。。。。。。。。。。。。。。
。。。。。。。。。。。。。。。。。。。。。。
全部文档:请点击下载