该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互
运行软件:vscode
前端nodejs+vue+ElementUi
语言 node.js
框架:Express/koa
前端:Vue.js
数据库:mysql
开发软件:VScode/webstorm/hbuiderx均可
系统主要是以后台用户管理为主。管理员需要先登录系统然后才可以使用本系统,管理员可以对个人中心、歌曲类型管理、用户管理、歌曲信息管理、排行类型管理、排行榜管理、留言投稿进行添加、查询、修改、删除,以保障畅听校园点歌系统的正常运行。
如图3.2是管理员用例图,畅听校园点歌系统中管理员的主要功能包括对个人中心、用户管理、歌曲类型管理、歌曲信息管理、排行类型管理、排行榜管理等。
采用B/S模式架构系统,开发简单,只需要连接网络即可登录本系统,不需要安装任何客户端。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。
涉及的技术栈
1) 前台页面:
页面结构布局采用Vue框架,可能会使用到第三方组件库Element-ui或View Design组件库、axios发送请求、html和less语法。
2) 后台服务器:
服务器搭建采用基于node的Express框架快速搭建服务器,需要引入mysql模块进行对数据库的操作
3) 数据库:
mysql数据库,Navicat可视化工具辅助操作数据库
本系统结合计算机系统的结构、概念、模型、原理、方法,在计算机各种优势的情况下,采用nodejs语言,结合nodejs框架与Vue框架以及MYSQL数据库设计并实现的。本畅听校园点歌系统主要包括个人中心、用户管理、歌曲类型管理、歌曲信息管理、排行类型管理、排行榜管理、留言投稿等多个模块。它帮助畅听校园点歌实现了信息化、网络化,通过测试,实现了系统设计目标,相比传统的管理模式,本系统合理的利用了畅听校园点歌数据资源,有效的减少了畅听校园点歌的经济投入,大大提高了畅听校园点歌的效率。
关键词:nodejs语言;nodejs框架;Vue框架;畅听校园点歌
目录
第1章 引言 1
1.1开发背景与意义 1
1.2研究目的 1
1.3国内外研究现状 2
1.4论文结构 2
第2章 主要技术 3
2.1 nodejs语言 3
2.2 nodejs框架 4
2.3 Vue框架 4
2.4 MySQL数据库 4
第3章 系统分析 5
3.1可行性分析 5
3.2业务流程分析 6
3.3需求分析 6
第4章 系统设计 8
4.1系统总体功能设计 8
4.1.1管理员模块 8
4.2数据库设计 10
4.2.1数据库设计概述 10
4.3.2概念设计 10
4.3.3表设计 11
第5章 系统实现 14
5.1登录模块的实现 14
5.2个人中心模块 14
5.3用户管理模块 15
5.4歌曲类型管理模块 16
5.5歌曲信息管理模块 17
5.6排行类型管理模块 18
5.7排行榜管理模块 19
第6章 程序测试 21
6.1测试的目的 21
6.2测试方法 21
6.3测试用例 21
6.3.1界面测试 21
6.3.2管理员登录测试 22
6.3.3学生信息添加测试 24
6.4测试结果 24
结论 26
致谢 27
参考文献 28