weixin289基于微信小程序的大学生科技竞赛管理系统的设计与实现+springboot(文档+源码)_kaic

第4章 系统的界面实现4.1系统登录界面的实现在系统运行成功后可以进入系统的登录界面在本界面中包括系统的标题、图片、控件、按钮、下拉框几部分组成。本界面设计的目的是起到安全的作用当用户想要使用本系统时必须有正确合法的账号和密码才可以。用户的登录的界面实现如下图4.1所示图4.1用户登录界面的实现效果4.2管理员主界面实现管理员登录系统后可以对用户进行添加管理可以对个人密码修改可以添加公告信息而且还可以管理竞赛信息、成绩信息、报名信息等。4.2.1个人中心管理界面实现本功能主要是管理员可以修改个人资料还可以修改密码。实现界面如下图4.2所示图4.2个人中心管理管理界面4.2.2公告栏管理界面管理员可以添加和管理公告信息然后对信息进行管理其实现界面如下图4.3所示图4.3添加公告信息实现界面4.2.3竞赛信息管理功能的界面的实现管理员对竞赛信息查询和审核竞赛实现界面如下图4.4所示图4.4竞赛信息管理功能实现界面第2章 系统分析2.1系统开发工具分析本系统中采用的开发工具包括软件工具和硬件工具软件采用了Java语言和MySQL数据库利用微信小程序技术框架采用SpringBoot硬件工具采用windows10操作系统。服务器采用了Tomcat运行软件为微信开发者工具。2.1.1 微信开发者工具分析微信开发者工作是微信官方提供的针对微信小程序的开发工具集中了开发调试预览上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南全新的开发者工具集成了开发调试、代码编辑及程序发布等功能帮助开发者简单和高效地开发微信小程序。启动工具时开发者需要使用已在后台绑定成功的微信号扫描二维码登录后续所有的操作都会基于这个微信的帐号程序调试主要有三大功能区模拟器、调试工具和小程序操作区模拟器模拟微信小程序在客户端真实的逻辑表现对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。调试工具分为 6 大功能模块Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel。2.1.2 VUE技术分析JAVA语言中用于Web技术编程的就是Vue技术Vue技术可以进行封装即对动态网页封装起来把网页的逻辑和网页的设计、显示进行分离Vue技术支撑着可以重用的组件开发。Vue技术和servlet技术都是一种通过服务器运行的技术其特点可以把Html页面进行返回也就是可以使用户使用浏览器进行访问页面。在大型的设计项目中经常会使用Vue技术和Servlet进行合作当Vue网页进行请求时计算机可以利用服务器先进行运行处理然后再把结果用Html的代码和处理结果一起返回。2.1.3 JAVA语言分析JAVA语言是现在最受欢迎的语言之一主要用于网络和Internet中最开始是用于分布式的语言编程中。主要的特点是具有分布式、面向对象、安全、高效等优点。面向对象指的是根据我们人类的惯有思维进行编写这样写出来的代码更加的简单易懂有利用其它程序人员的再次使用。其次Java语言还有封装性的特点可以把属性和行为都封装到一个类中Java语言可以把类封装到一个抽象类中可以不详细描述对象。2.1.4 MySQL数据库分析MySQL数据库是一种单独可使用的数据库因为处理能力强、运行速度快所以广泛应用于中小型的项目中也成为编程人员在练习中最常使用的数据库。MySQL数据库在安装的时候非常好安装并且安装速度也非常快支持Java语言、php语言、Java语言等兼容性非常好。2.1.5微信小程序分析微信小程序小程序的一种英文名Wechat Mini Program是一种不需要下载安装即可使用的应用它实现了应用“触手可及”的梦想用户扫一扫或搜一下即可打开应用。全面开放申请后主体类型为企业、政府、媒体、其他组织或个人的开发者均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。微信小程序是一种不用下载就能使用的应用也是一项创新经过将近两年的发展已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果已经有超过150万的开发者加入到了微信小程序的开发与我们一起共同发力推动微信小程序的发展微信小程序应用数量超过了一百万覆盖200多个细分的行业日活用户达到两个亿微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会2017年小程序带动就业104万人社会效应不断提升。2.2系统需求分析需求分析顾名思义就是系统是否需要开发是否有需求。通过详细的分析系统的工作内容以及各阶段、各功能的需求来确定系统的开发实现对于系统的需求分析从功能方面、性能方面来进行分析。2.2.1 性能需求分析本基于微信小程序的大学生科技竞赛管理系统可以稳定、快速的运行主要依靠的就是系统在开发中严格的性能要求。性能要求主要包括几个方面1在系统开发中要注意信息的安全因为系统中会有大量的个人以及学校的内部信息在现代社会中数据非常重要相当于人的隐私所以需要额外注意2在系统开发中要注意所使用技术以及所开发功能的先进性不能刚开发设计好就被淘汰3在系统开发中要注意所开发的系统要可以进行扩展人都不会站在未来考虑事情所以开发的系统必然会不适应今后的社会生活需要不断的改进这时候就需要设计好各个端口方便今后其它编程人员的扩展4在系统开发中要注意所开发的系统的有效性所开发的系统要可以实现用户的需求并且可以尽最大可能的满足用户的隐形需求。2.2.2 功能需求分析所设计的大学生科技竞赛管理系统在角色方面包括学生和管理员以及主办方功能模块有用户管理、主办方管理、公告栏管理、竞赛分类管理、竞赛信息管理、报名信息管理和竞赛成绩管理、系统管理。主办方可以发布竞赛学生可以报名报名后由主办方审核和发布成绩发布的成绩由管理员审核后才可以在首页里展示。2.3可行性分析为了保证系统设计的顺利进行保证系统在时间、空间、运行、开发、技术、财力方面都可行。本大学生科技竞赛管理系统从技术可行性、经济可行性以及操作可行性三方面来进行分析。2.3.1 技术可行性分析本系统在技术方面采用了硬件和软件两个部分软件上采用了微信开发者工具、Idea软件和MySQL数据库硬件采用了本人普通电脑、手机进行开发。2.3.1.1硬件技术可行性分析本系统在硬件运行上必没有采用特别要求高的硬件在市面上流通的计算机、手机都可以使用当然对于一些特别老旧的计算机比如很多年的128m内存这样的硬件还是不能运行的。但这些特别老旧的计算机已被淘汰市场上根本找不到它的流通所以不需要担心。本人也在多种计算机上测试过都是可以快速调试运行的所以本系统在硬件技术上是可行的。2.3.1.2软件技术可行性分析本系统在开发软件中采用了MySQL数据库和微信开发者工具MySQL数据库和微信开发者工具软件都是免费开源的并且支持多种编程语言为Java语言提供了完美的组件支持。所以本系统在软件技术可行性分析是可以的。综合硬件技术和软件技术可行性分析得出本系统在技术可行性上来说非常具有开发价值。2.3.2 经济可行性分析经济方面的分析可以分为系统的开发、维护成本和系统的收益。本系统的开发是做为练习测试使用所以不会产生收益所以本论文不从系统的收益方面进行分析。本系统在系统的开发中涉及的成本费用问题从以下几点来进行分析本系统的开发可以改变传统的浪费纸张、查询统计不方便的问题并且可以有效的降低数据的出错率可以降低工作人员的管理成本为使用方节省资金成本本系统在开发中所使用的技术都是免费的本系统也不存在后期的维护和升级补丁并且本系统在运行配置方面并没有太高的要求综合以上两点进行分析本系统在经济方面的分析是可行的。2.3.3 操作可行性分析考虑到使用本系统的人员不可能都是专业的编程人员不可能都是经过专业培训的技术人员所以在设计中本系统的操作流程非常的简单采用“看到即所得”的方式进行设计。所有的操作都可以立即给出反应非常好用。所以本系统在操作的分析上也是可行的。2.4系统数据流程分析本系统的流程为用户凭借账号、密码进行登录进入功能界面管理员可以管理系统用户的基本信息学生可以查询用户信息以及在线报名主办方负责对报名审核和发布成绩等具体的流程如下图2.1所示图2.1 系统数据流程图