• 187
•ELECTRONICS WORLD ・
技术交流
文本主要是根据本院系学生比赛报名系统的需求，通过小程序进行系统的设计与实现。该报名系统是院系举行的计算机相关的赛事，供本学院学生报名参加，减少人工统计报名信息的工作量和提高传统的报名方式的灵活性。下面分别通过系统的设计与系统的实现两大部分进行阐述。随着科技的发达，手机等移动终端的普遍使用，作为移动终端最为常用的聊天应用，在大学校园学生体里显而易见。由于手机移动应用的广泛使用，使得小程序这种不用安装，通过用户“扫一扫”即可使用的应用广受学生的青睐。小程序有着“用完即走”，不占用手机内存空间的优点，解决了学生无需安装过多应用，占用手机内存的问题。 本文根据该特点和优点，通过小程序来设计与实现该报名系统，方便于学生的使用。1  系统设计1.1  需求分析传统的报名方式是通过PC 端进行信息填写报名，灵活性和方便性较差，不能满足随时随地可以报名的优势。而基于小程序的参赛报名系统，能够解决这一问题。随着应用成为大学生的常用聊天工具，小程序的使用也报名模块和用户信息（“我的”）模块。下面针对这三个功能模块进行详细说明。（1）登录模块上，主要是获取用户的学号，没有账号前需要用户先进行用户注册，注册成功后才可以登录或者报名等功能。登录界面的设计主要有用户和密码填写框，登录按钮和注册按钮。点击注册按钮后会跳转到注册界面。注册界面主要是填写用户的学号和密码，注册成功后即可跳转到报名界面进行报名。当点击登录模块时，显示的是欢迎界面。（2）报名模块上，主要是实现学生报名信息的收集，报名模块以表单的形式进行设置，需要学生填写个人基本信息，
如姓名、学号、班级、报名项目、指导老师等信息，信息填写格式会进行一个简单的基本验证，验证无误后进行提交报名，数据交由后台处理。（3）用户信息模块，设置在tabBar 底部的第三个导航栏上，名字设置为“我的”，主要是展示用户的基本信息，个人头像和昵称，报名信息等。用户个人头像和昵称通过用户授权进行显示，没有授权则不显示。报名信息主要是通过获取用户报名时提交的数据，将其中主要部分信息进行展示，如显示用户的比赛项目信息等。2  系统实现2.1  系统主要运用技术本系统主要通过小程序wxml 渲染层进行页面结构的布局，通过wxss 样式对渲染层界面的显示进行样式设置，js 逻辑层负责页面数据逻辑，选择阿里云作为后端服务器，数据库作为后台数据存储和管理。它们之间相互关联整合，使得该系统得以实现。2.2  系统实现
系统实现主要是介绍上述的几个功能模块的实现，该系广
东
创
新
科
技
职
业
学
院
雷
少
玲
基
于
小程
序
的学生比赛报名系统的设
计与实
登录按钮图片素材
现图1  项目文件目录
更为广泛。本系统主要是给学院学生参赛报名使用，主要记录学生的名字，班级，参赛项目，赛项指导老师等相关信息。学生报完名后在规定时间内可以修改自己的报名信息。报名时间截至后，比赛负责老师可以通过后台数据，导出学生的报名信息，以便后续的工作。通过小程序进行比赛报名，不需要学生进行应用的安装，大大方便了学生的使用，提高了报名方式的灵活性和学生报名参赛的可能性。
1.2  功能设计
系统功能设计源于系统
的需求，根据上述需求，功能设计主要分为三个模块，分别是用户登录模块，用户

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。