在大学四年参加了各类竞赛后,我发现参加各类比赛存在报名过程过于繁琐,评比过程不透明和易出错等问题,所以在定题时与老师商讨后确定设计和实现基于nodejs的高校竞赛信息发布系统,帮助老师发布竞赛内容,便于同学们线上报名,同时可以提高高校竞赛的组织与管理效率,减少竞赛组织过程的错误等
高校竞赛在倡导素质教育,提高学生的创新能力和对实际问题进行设计制作的能力等诸多方面有着日益重要的推动作用。所以高校越来越重视学科竞赛,高校各类学科竞赛活动层出不穷[3][4]。目前大多数的学校在竞赛信息发布、组织报名、验证报名信息和项目评比方面依然采用人工组织的方法,难以对较大规模的高校竞赛进行有效和及时的信息发布,而且浪费大量的人力资源进行组织和管理。
本选题具有以下5个方面的意义:
(1)减少人工的繁琐宣传组织统计时间,提高工作效率和工作精确度以扩大比赛的规模[4]。
(2)将人工阶段难以实现的公开、公正、公平,通过多方监督的方法进行解决。
(3)解决了人工阶段比赛数据难以进行长久保存的问题。高校中学生四年一变换的情况导致一个活动会遇到不同的人组织,若没有前人的经验活动则很难开展,于是通过系统记录保存已经开展过的竞赛信息,为以后开展高校竞赛活动打下了坚实的活动经验基础,同时也为比赛信息和获奖记录得到了有效快速的查询。
(4)可以更有效的进行线上宣传,鼓励学生积极参与,在一定程度上节约了项目开展经费,减少了不必要的人力、物力和财力开销。
(5)满足应用的便携性。使高校竞赛信息发布系统不再局限于电脑运行环境[6],能够更加方便的进行发布竞赛内容、报名参加活动等。
前端技术: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文件夹
存放视图。
近年来,为了加强高校学生的素质建设和文化建设,激发学生理论联系实践和独立工作的能力,进一步培养大学生严谨求实的学习态度和勇于探索、积极进取的科学精神[2]。高校竞赛被引入到学科建设和课程改革中,用于提升学生创新能力、协作精神、动手能力。实践表明,