【《基于微信公众平台的“大学生课外活动助手”微信小程序设计与实现》12000字】

-9-1绪论1.1研究目的和意义近些年来，伴随着我国对大学生教育的高度重视以及对大学教育改革的迫切，各大教育部门对大学生课外活动的建设与日俱增。而本应该丰富多彩的大学生课外活动在校园中，由于其组织形式比较相似，基本上都是各个管理部门的宣传人员进行线下宣传，如挂宣传标语、条幅、海报等，或者由管理人员通知各个班级的负责人，各个班级的负责人再通过通知群告诉各个班级的学生，然后让学校的学生主动去报名参加。这套流程下来会耗费很多的时间和精力。活动能否达到很好的宣传效果，影响到活动是否能够达到预期的效果[1]。而学校管理者管理水平的高低一般体现在管理的效率。管理的效率高了，就能够成倍的提升管理的质量，只有提高了管理的质量，才能更利于学生的发展进步。这就要求管理者必须在管理的过程中省去很多不必要带的步骤，简化相应的程序，把更多的精力放在活动的策划及运行中。这是重中之重。大学生课外活动的良好开展可以帮助同学们逐渐地发展为新时代社会所需要的多方面发展的人才。要求大学生在取得优秀学业成绩的同时还能够与人很好地沟通交流，不仅仅只会自己埋头苦干，还要能够协同他人，共同完成一些工作。能够举一反三,深化所组织需要的各项学习活动内容,以以比赛促学习教[2]。除此之外,目前的高校学生基本上每天都在校园内,不仅白天要上课,还可能经常上晚自习。而好不容易获得的休息时间,大部分人也都会选择呆在宿舍里睡懒觉或者打游戏,一些热爱学习的则可能会利用休息时间继续学习。所以通过参与适当的课外活动,让我们的学生在完成繁忙的课余工作后,放松自己的精神和身心,舒缓一下学习的压力。这样更有利于我们的日常学习[3]。通过这种方式来参加各种文艺专业和特长性较强的活动,也有助于大学生能够在学校里寻找志同道合的亲戚好友[4]。第三、增强社会交际能力,锻炼领导的统筹能力[5]。学生如果想要积极地参与到课外活动,就需要和身边的同学以及其他老师进行一些加强互动交流和合作,通过这个活动的过程,锻炼了大部分学生的自主社会交际能力和组织领导帮扶的能力,为以后继续参加的工作奠定了沟通、团队协作的基础[6][7]。在交流合作的同时，大家也可以相互学习彼此的优点，找到彼此的缺点并加以改正，这样大家就会不断地进步。1.2国内外研究现状及分析目前来说,我国绝大部分高校普遍都参加了各种各样、丰富多彩的学生课外教育实践活动,并取得了一定的效果。尽管各大高校都有关于我国大学生的课外活动的管理办法，而且其开展和管理的方法不尽相同,但依旧有一些问题存在于课外活动的开展是否比较形式化、育人的职能不太完善、活动管理也不太智能等方面的问题,所以说这些都不太符合新的时代背景下我国大学生的教育管理需求。《高校思想政治工作质量提升工程实施纲要》中已经多次明确提出我们必须提出要始终继续坚持着力于进一步完善构建"十大"的高校育人管理体制,要求我们把现代信息化技术与我国传统教育方法相结合,提升我国校园学生行政管理的服务质量和绩效。这也就意味着我们对于新时期高校毕业生的管理水平与能力有了一个新的更高要求。[8]“互联网＋”时代推动了高校学生管理工作的发展，引发了学生管理的形态转型。新时代下的高校学生管理是高校工作信息化开展的必然趋向。①.对目前智能化学生管理情况的研究伴随着新时代互联网信息技术不断的发展进步，其先进的思想和技术正在开始很快地渗透进各个行业中。利用相应的互联网信息技术可以有效提升管理效率，提升管理质量。[9]而大学作为目前培养人才的主要基地，在对大学生的相关管理中加入先进的思想和技术，能够非常有效地提高管理的品质与效率，可以创造出更具智能的管理系统，为以后高校的发展、进步提供强有力的支持。让新时代下先进的思想和技术与传统的管理方法相结合，会更有利于学生的管理。近些年来，有关智能化学生管理方面的系统花式多样、层出不穷，应用比较多的如国外的Socrative，它是一款考试与评估的学生软件。Ratemyprofessor是以前来参加过某门课的学长或学姐们给该课的老师评分的网站，学生们输老师的姓名，就能看见所有人对这个授课老师的评价，以及学长和学姐们上这门课的心得和经验。老师们能用Studyblue来分享课件资源等学习的资料，同学们也能够建立自己的资料库，可以方便学生在自己需要的时候随时随地查询自己需要的资料，同时，它也能够生成小的测试题库，帮助学生们更加高效地学习。国内的喜鹊儿是一款校园类的app，它可以为全校的老师和学生提供很便捷的校园内的服务，比如进行成绩查询、课表查询、在线选课等。今日校园app主打校园生活方面服务，可以提供学校内的新闻，学校内的通知，课程预约等服务，极大程度上方便了在校学生的线上学习生活。志愿汇是一款主要面向全体志愿者们的一个报名志愿者活动的线上服务平台。志愿汇不但可以支持各志愿者对线上志愿者活动进行报名，还可以保留各个志愿者的志愿时常等。到梦空间这款APP可以让管理员发布已经完成的活动在上面，供完成活动的学生报名，然后可以储存相应的学分，学生们就可以随时随地地拿到这些学分证明，以供后续有需求时随时拿出来使用。以上这些，都在一定程度上，满足了国内外学生们各种不同的需求。②.对目前大学生课外活动管理情况的研究一般来说，大学生课外活动的管理是有一定的目的和计划的。为了让学生们实现德智体美劳的全面发展，活动的制定要根据不同的情况做出相应的改变，这样才能使管理更加的灵活。不仅如此，大学生课外活动的发展在某种层面上来讲也有着极强的教育意义，所以，许多的高校对大学生课外活动的丰富程度、活动的优质与否等方面都极其看重。这就要求各大高校必须就此研究出比较详细的策略方法，找到能够优质优量的完成大学生课外活动建设的大门。除了能缓解大部分高校学生学习的压力之外，又可以培养学生们的各项能力和意识。让大学生们不断地培养自己的综合素质,为将来工作以及日常生活奠定了扎实的基础[10]。让其知道什么是团队协作,什么是协作互助,让他们共同进步,共同发展。这些年来,伴随着各大高校的扩招,当今的社会对于新时代背景下成长的大学生的要求不断提高。当代中国高校大学生综合能力和素质的培养一般是指在完全符合我国教育标准的前提下,结合我国人才市场的实际需求,不断地增强壮大高校毕业生的政治思想道德,身心健康,科学技术和文化,思维创新等等。通过把创新和实践的精神要领作为重点的同时,一步步把学生塑造成全方面健康发展的四有人才。目前在我国,大多数高校依然采用传统的纸质和人员手工管理的方式来管理大学生的课外活动。此种管理的模式要花费我们更多的人力财力物力,成本比较高、局限性强且、时效性差、基本上很难共享,从而导致宣传的效果很差、参与的积极主动程度低下。除此之外,纸质化管理的工作效率很低而且出错率也很高,严重影响了大学生课外活动管理的发展。目前有些学校通过建立网站或者APP等方式实现新型的学生管理,虽然解决了高校课外活动分散管理的现状,带来了管理的便利[11]。可是却依然存在很多问题。比如,使用起来不太方便,学生们需要通过浏览器进入网站才能看到相关的信息或者要单独下载一个APP,占用了很多手机的空间,并且使用起来也不太方便。微信小程序技术由中国腾讯公司在微信技术基础上创造而来,伴随着微信在全球使用率的不断提高,微信小程序的研究开发与其应用也实现了跨越式地发展和变革。微信小程序就是基于微信的即时管理软件,不用单独进行安装,易于操作[12]。它的开发困难不高,与传统开发语言、开发架构也相当类似。而且其界面组件、开发代码、api接口相对比较完整,方便于开发者掌握和使用。在国外,这种现代化的教育方法和模式对于我国的教育制度中也是发挥着重要的推动作用,他们也都是很有意识地重视和实践[13]。对于目前我国在校大学生参加课外活动期间开展的日常管理,国外就已经建立有着相对健全的规章制度。这种管理方式就是基于对大学校园内的网站内容进行一种统一优化管理,形成的对中国智慧大学校园发展趋势的统一管理[14][15]。以美国的哈佛大学为例,学生的社团由专门的学校管理机构统一负责,社团若是想要参加申请活动,需要在哈佛大学的活动登记体系进行注册。活动在申请系统中进行申报[16]。虽然学校的社团管理职能很厉害,但是该校的学生社团管理功能却非常严重。但是开发一个如此厉害的系统需要耗费大量的财力去开发，并且还要花费大量的精力去运营维护。相对于我国高等院校的现状，一般的大学学校没有那么多的财力支撑用于如此大规模的网站开发，其次一般高等学校的学生不可能全都满足那些要求。于此相反，微信小程序的开发成本相对比起来就会低很多，而且微信目前已经成为人们手机上必不可少的一个软件，只要学生们有部智能手机就可以使用它。由此可见，微信小程序的技术在我国是很可行的。③.对目前微信小程序发展现状和前景的研究2017年初，微信小程序发布测试使用。各行各业、大小商家快速的上线微信小程序[17]。因为它便捷实用，并且在基于微信的基础上能创新出许多功能。通过这些年来的发展进步,已经逐渐发展成为了微信通讯软件中必不可少的组成部件。它不用安装,而且可以方便地被访问;依靠微信,便于更多的用户在线使用并迅速被传递,给更多的用户带来出色的使用体验感[18]。其开发模式是多种多样的,可以充分满足在电商、游戏等不同行业和场所的不同要求。还可以在微信主页面栏快速地调出曾经使用过的小程序，甚至有些还可以把它直接放在手机桌面上。微信小程序可以建立在微信这个目前最主流的即时沟通软件下，随着微信通讯软件的普及，它的进步速度是其它的软件望尘莫及的。微信小程序的开发要求我们首先在微信公众平台进行认证，虽然说普通的用户不能使用其所有的功能，但其中能使用的大部分功能也有其特有的实用性和便捷性。从微信这么多年的情况来看，微信小程序有着很好的发展前景。并且伴随着科学技术的不断创新与进步，又会有越来越多的新功能不断开放，许多以前不能实现的需求也会因此得到圆满的实现。在将来小程序发展进步的过程中，其使用会变得越来越方便快捷，注册以及认证也会更快捷灵活。与此同时，它与其他平台间的协作也将进一步地增强。这会给微信小程序的开发创作提供更强有力的后盾力量。所以说小程序的发展前景是很令人看好的。2相关技术2.1MINA框架微信小程序的框架是MINA框架，它继承了微信客户端的各种各样非常基本的算法，并加以延伸拓展。凭借其自己搭建的API就可以非常方便的实现微信小程序界面的各种基础能力设计。对于一个应用微信小软件程序的开发应用程序设计开发而言,开发者只是仅需要根据一个微信手机公众软件平台开发文件中所列的需要文件提供的各种功能接口,就已经可以迅速的进行设计和开发构建一个基于微信小软件程序应用客户端的各种功能基本操作功能界面和各种功能交互,来完成开发一个小应用程序[19]。图2-1微信小程序的MINA框架图通过我们从图2-1中可以看到的,微信小程序的视觉图层跟逻辑层之间的数据和事件相互传输是通过一个系统层所搭建的桥梁来完成的。在逻辑层写好代码后,把数据传输给系统层,系统层把相应的数据呈现在视图层上供我们查看。微信客户端开发,每个页面都包括四个部分:json文件是配置该系统的一个文件。wxml文件主要是用于显示层,由mina框架为用户提供了描述网站页面结构的文件,类似html标记语言所构建的网站基本页面的视图结构,以及用一个组件的形式进行构建的网站一系列基本部分。wxss的样式文件,可以自行设置和修改不同模块中组件的样式,这也是mina框架给出的可以用来描述网站页面呈现的样式,比较类似于CascadingStyleSheets,用于表示各个文件的基本样式。系统管理层主要负责处理网络上的存储请求、文档的存储和微信等功能[20]。微信自动化开发的文档所提供的各类组件和api接口文档,方便的可以手动调起来获取客户的个人信息、当地数据库存储、微信支付等功能。[21]2.2前端所用技术前端使用的是微信软件和开发者的设计工具,主要是为界面的设计跟逻辑而使用;微信的开发者和前端是由腾讯公司自己创建的,目前主要应用在微信公众号和小程序的前端。它同时还集成了源代码的编辑、开发和调试以及应用程序的发布[22]。微信小程序开发者的工具主要应用在微信小程序的设计上。模拟器、编辑器和调试器三个部分。模拟器的部分主要目的是为了实现用户在使用这个微信小程序的时候模拟微信小程序的真实场景,还可以选择模拟的手机机型、显示比例以及字体大小。除此之外,还可进行模拟操作、终止、静音、分离窗口等操作。编辑器部分主要是供我们编写小程序相关的代码,还可分为资源管理器区和代码编辑区。调试器主要有6个方面的功能:Netwrok可以查看request请求数据;Wxml可以帮助开发人员检查Wxml的页面。appdata可以通过显示当前一个项目的数据,实时地向客户反馈这些数据。console能够帮助开发人员调试编辑区的代码并且能够将微信小程序中的错误信息输出。sources可以提供当前一个项目的脚本文件,并且让开发人员能够看到经过编辑和处理后的脚本文件。2.3后端所用技术后端用的是visualstudiocode，是微软公司所开发的文本编辑器。首先，它的速度非常的快，能给人很流畅的使用感受，不管是多大的项目，用它也可以很快很流畅地打开。此外，它可以支持多种编程语言，并且也集成了一款编辑器应该具备的所有基础功能，本系统的开发中使用的是node.js语言，主要用于接口的设计，方便微信开发者工具连入数据库。其扩展量也十分地丰富，它的扩展数量已经上万，涵盖了方方面面，而且vscode的大部分扩展都是由微软，谷歌这些国际大公司维护，使用起来非常让人放心。2.4NavicatforMySQL数据库数据库采用的工具就是mysql,作为当下最广泛流行的主要数据库和管理软件系统之一,其所需要使用的sql语言就是一种专门用来访问整个数据库的一种标准语言,因为它具有的是体积小,速度快,源码开发的特点,中小型程序会首先考虑其方便性。在一个mysql的动态数据库中,用于数据管理和分析保存动态数据活动记录的一种数据结构也被叫做动态数据记录表,总体来说,数据库由一个或多个数据表组成,数据表由一个或多个数据记录组成。navicat是一款可靠的本机数据库管理软件和开发工具,用它就能简单快捷地使用自己的mysql本机数据库,它就能够对本机的数据库进行管理和开发,并且它就能够同时运行到windows、linux、macos三种操作系统上。3系统分析3.1可行性分析从技术的可行性方面讲,微信小程序的技术目前已经广泛应用在各个领域上,近些年来更是被广泛关注和应用,所以它的开发应用的前景较为广泛。再此外加上需要结合高校大学生就业信息化教育管理工作面临的各种现实问题和市场需求及高校微信小程序本身目前表现较突出的诸多优点,从其相关技术的应用可行性等多方面上来说,本小程序的理论研究和技术开发也都应该是可行的。从操作上的可行性来说，比较传统的纯人工管理的模式已不再能满足当今日新月异的大学生课外活动。为了能够促进校园管理发展，不得不让大学生课外活动管理变得更加便捷有效。况且如今在内基本上每个人都有一部智能的手机。大家都能够很方便地使用微信小程序。所以从操作上的可行性来说，本小程序的开发是可行的。从经济层面的可行性来说，微信小程序不用单独安装在手机上，非常方便对其进行操作。开发和维护的成本相对于网站和APP来说也比较低。所以从实际和经济意义上看,本小程序开发是可行的。综上所述，本小程序的开发设计很可行。3.2需求分析3.2.1功能需求分析本小程序的使用人员主要被划分为两种：活动的管理员，作为学校课外活动的管理者，可以以一种非常方便的途径，统一发布学校组织的课外活动信息；较高质量和效率地管理活动的项目，并且能够更新活动，发布活动，增加和删除活动；管理大学生针对课外活动的报名等功能。普通用户：作为使用方面的主体，用户可以在小程序系统内自由地选择课外活动、了解活动信息、在线完成报名，并且可以随时查看自己的报名情况及已报名活动的进展；还可以保存自己的学分记录。3.2.2开发环境需求在硬件环境方面，本系统有以下要求：处理器：Intel(R)Core(TM)i5-7200UCPU@2.50GHz2.70GHz（或以上）内存：4.00GB（或以上）硬盘：200G机械硬盘（或以上）在软件环境方面，本系统有以下要求：操作系统：window10开发工具：visualstudiocode、微信Web开发者工具数据库：MySQL系统框架：MINA框架3.2.3业务流程分析用户与管理员进入“大学生课外活动助手”小程序后，点击登录即可获得微信授权登录信息，在完成授权后，可在小程序首页查看各个活动的基本信息，点击某个活动后即可进入该活动的详情页面，查看该活动的详细信息，在此页面内，可点击报名活动即可报名该活动，若已经报过了该活动，那么按钮将变为不可点击状态。完成已报名的活动后，点击确认完成，即可获得该活动的相应学分，完成整个活动的相关流程。系统业务流程图如图3-1所示：图3-1“大学生课外活动助手”系统业务流程图3.2.4数据流程分析对于上述“大学生课外活动助手”系统，可分别从用户和管理员两个方面思考其业务和数据流的流向：用户通过登录信息后的事务处理，可以得到活动的信息和最后的学分证明。管理员登录后可得到用户的报名信息，最后再将报名信息传输出去进行加工。根据上述信息可得到以下两个顶层数据流图，如图3-2、3-3所示：图3-2用户顶层数据流图图3-3管理员顶层数据流图“活动报名”、“活动管理”、“学分保存”是本系统最基础也是必须要完成的功能，再结合以上两个顶层数据流图，可以得到一个基本的系统数据流图，如图3-4所示：图3-4一层数据流图3.2.5数据字典描述用数据字典主要是关于数据信息的集合，是对数据流图里所包含的元素进行定义的集合。①．活动的项目基础相关信息:所谓的课外活动基础信息即是要泛指所有的有关课外活动项目基础的相关信息,包括所有课外活动项目名称,所有课外活动开始时间,所有课外活动时间地点,所有课外活动内容相关的视频图片,所有课外活动的获得分数等。来源于管理员，流向用户。数据字典如表3-1所示：名字活动信息描述所有活动的基本信息定义活动信息=项目名称+活动期限+项目地点+项目图片+活动学分来源管理活动去向产生活动信息表3-1活动信息②．报名信息：报名信息是指已报名该活动所有用户的报名信息。数据字典如表3-2所示：名字报名信息描述所有活动的报名信息定义报名信息=报名人员+项目名称+活动时间+项目地点+项目图片+项目学分来源报名活动去向产生报名信息表3-2报名信息③．学分信息：学分信息是指已报名然后完成的活动所获得的学分信息。由管理员确认用户完成活动后，数据字典如表3-3所示：名字学分信息描述已报名然后完成的活动所获得的学分信息定义学分信息=项目类别+项目学分来源保存学分去向用户表3-3学分信息④．活动表：活动表是指经过管理员更新后的课外活动的基本信息表，包括活动的名称、活动的相关图片、活动的学分等信息。来源于管理员，流向用户。数据字典如表3-4所示：名字活动表描述经过管理员更新后的课外活动的基本信息表定义活动信息=项目名称+项目图片+项目学分+项目时间来源产生活动信息去向用户表3-4活动表⑤．报名表：报名表是指经过用户报名后生成的报名的基本信息表。数据字典如表3-5所示：名字报名表描述用户报名后生成的报名的基本信息表定义报名信息=报名人员+项目名称+项目学分来源产生报名信息去向管理员表3-5报名表

3.2.6数据库逻辑结构设计根据小程序的功能要求和数据流向分析后,能够确定各个实体的相互信息,实体相关属性,以及各个实体和相互之间的联系。然后我们可以透过e-r图来展示两个实体的属性之间的相互作用。据数据分析,本系统的一些实例主要包括用户、活动等。它们的体信息图如图3-5与图3-6所示。图3-5用户实体的属性实体之间的关系如下：每个用户可以报名多个活动，并且每个活动可以提供给多个学生参加。它们二者之间是多对多的关系。图3-6活动实体的属性根据实体之间的关系，可以得知，用户可以查看，搜索，报名活动，还可以查看学分，管理员可以管理活动，由此可以获得系统的E∈R图，如图3-7所示：图3-7系统实体e-r图3.2.7数据库物理结构设计根据数据库逻辑结构设计中的实体属性及实体和实体之间的关系，可将实体转化为关系模式。下面就是一些相关的数据表。①活动信息表如表3-6所示：表3-6活动信息表字段名称字段含义字段类型长度是否主键IdIdInt0是GoodsNo活动编号varchar100否Title标题varchar255否Classify分类idInt0否ClassifyName分类名称varchar100否GoodsImage图片longtext0否SaleAmount学分decimal18否②用户信息表如表3-7所示：表3-7用户信息表字段名称字段含义字段类型长度是否主键IdIdInt0是gender性别varchar10否city城市varchar255否province省份varchar255否country国家varchar255否language语言varchar255否nickName用户名varchar255否③学分信息表如表3-8所示：表3-8学分信息表字段名称字段含义字段类型长度是否主键IdIdInt0是OrderNo报名编号varchar100否GoodsName活动名称varchar255否Classify分类idInt0否GoodsImage图片longtext0否SaleAmount学分decimal18否

4系统设计4.1功能模块设计前几个是较小部分的章节从系统的基本可行性设计分析和实际应用中的需求设计分析等多个章节方面都对本文中的系统设计进行了较为全面的分析介绍,本章节主要是参考前面研究的内容实现系统的设计，其功能模块图如图4-1所示：图4-1功能模块图①登录模块用户登录的时候如果是首次登录，那么微信会自动授权登录。下一次可以直接进入系统页面。管理员在后台要登录后才能管理活动，且密码长度不得小于三位，若账号或密码不正确，则会显示出“您没有权限”。②查询模块关键字查询：可通过输入标题相关的关键字检索相关活动，若数据库里没有找到该关键字所对应的相关活动，则会显示出“没有更多了”。分类查询：可根据活动的类别分别列出各类活动。若数据库里没有找到该分类所对应的相关活动，则会显示出“没有更多了”。如图4-2所示：图4-2活动查询模块图③报名模块用户通过报名模块完成活动报名。首先查看是否已经报名了该活动，若是已报名，则报名按钮为灰色，不可点击，若是没有报名该活动，则可以报名该活动。流程图如图4-3所示：图4-3活动报名流程图④活动管理模块录入新活动：管理员录入新的课外活动，包括活动的名称、活动的时间、活动的类型、活动的图片、活动的学分。修改活动信息：管理员可修改录入活动的基本信息，包括活动的名称、活动的时间、活动的类型、活动的图片、活动的学分。删除活动：管理员可在后台删除活动的所有信息。其模块图如图4-4所示：图4-4活动管理模块图⑤个人信息管理模块用户可在个人信息管理模块查看自己报名的活动和自己已经获得的各个活动的学分以及各个类别活动的总学分。如图4-5所示：图4-5个人信息管理模块图4.3系统功能实现4.3.1系统开发及环境部署本系统的开发所使用的工具是微信开发者工具。首先我们需要在微信软件开发平台的官网上建立自己的一个项目,获得其相应的id,然后在自己的官方网站上下载好一个开发者的工具,在其中打开一个微信软件的开发者工具,要输入需要创建的基本信息,就可以在开发者工具上创建一个新的项目。如图4-9所示：图4-9目录框架图其中:主要定义是一个包含小型手机应用程序的手机客户端各个表单页面的一个表单文件例如pages,每个表单页面都可以应该认为是一个分别包含app.js、json、wxml、wxss四个单位字节的表单文件。项目本身也有app.js、app.json、app.wxss等文件。开发方面，首先设计好本地的数据库localhost，端口3006。然后用visualstudiocode连接上本地数据库，再用visualstudiocode设计好网页上的接口，把数据库里的数据直接放在网页里，这样，再用小程序直接调用接口即可获得数据库中的数据。4.3.2系统的实现系统的实现主要是为了实现需求分析中的各个功能。如用户活动的分类查看，活动的查询，活动的报名情况以及对于自己已获得学分的查看等功能。管理员包括活动的、增加、修改以及删除，对学生的管理等功能。主要页面设计如下：登录页面：首次微信自动授权登录。下一次进入小程序就直接处于登录状态。如图4-10所示：图4-10授权登录界面图个人主页面：显示了个人微信头像昵称等信息、报名的活动及已经拿到的学分。活动查询页面：输入文字信息查询相关活动。活动主页面：展示了所有活动的简要信息，可以看到相关的活动名称、活动类型、活动学分和活动日期等。活动分类界面：显示各大活动类别的状况，点击进入分类模块可以展示该类别活动的相关情况，方便目标用户查找。如图4-11所示：图4-11首页界面图活动详情界面：点击活动主界面中某条活动，进入该界面可查看相关活动的介绍和相关进程。界面的底端提供“报名、已报名”按钮交换的显示内容及“首页、我的活动”页面跳转按钮。如图4-12所示：图4-12详细界面图我的活动界面：显示已经报名的活动基本信息，包括活动名称、活动学分、活动图片；点击确认完成按钮可获得相应学分。如图4-13所示：图4-13我的活动界面图我的学分界面：显示已获得的各个类别的学分。如图4-14所示：图4-14我的学分界面图5系统测试系统的功能测试主要目的是对整个系统进行运作,查看整个系统能否可以正常地运行以及系统的主要功能是否能够实现。只有经过测试才能及时发现错误并修改错误。在模拟器上测试各个网页及其功能。此次主要是运用黑盒测试的形式来对小型应用程序的各种接口及其功能做测试。本次主要采用黑盒测试的方法对小程序各个界面和功能进行测试。对小程序部分界面和功能测试如下：用户登录模块：用户的授权登录的测试。如表5-1所示：表5-1用户登录测试表用例名称用户登录功能目的测试用户授权登录的功能测试流程在进入一个小程序之后就会弹出一个微信的授权界面,允许授权用户登录之后,就会自动进入个人的主界面预期结果是否授权：是，弹出微信授权界面；否，直接进入个人用户界面登陆后可以查看活动界面和个人界面等信息实际结果实际结果与预期结果一致用户查询报名功能模块:用户只需查看一个活动简要信息,然后即可直接进入活动详情页做报名操作,并且在我的活动详情页面上还能对用户的取消或者更改等相关测试如表5-2所示：表5-2用户报名测试表用例名称用户报名功能目的测试用户报名、删除报名的功能测试流程用户可查看主界面课外活动以及分类界面所有活动，选择一个活动，点击该活动，进入详情页面，点击立即报名，提示报名成功；我的活动界面，选择已报名活动，点击删除，取消报名成功预期结果用户在我的报名界面，可查看到自己最新的报名情况实际结果实际结果与预期结果一致管理员管理活动模块：发布、修改、删除活动测试。如表5-3所示：表5-3活动管理测试表用例名称管理员管理活动功能目的测试管理员新增、修改、删除报名的功能测试流程登录管理员管理界面，新增一个活动，删除一个活动，修改一个活动的活动详情预期结果新增一项活动、活动已修改、活动已删除完成实际结果与预期结果一致，效果如图5-1图5-1活动管理情况界面图6总结与展望本文主要是开发了一套适合学生和学校组织者使用的大学生课外活动管理系统。首先，从学校管理者和学生的需求出发，找到了微信小程序这个最适合的系统，然后利用微信的普遍使用性和微信小程序的便捷高效性来构建学生活动管理系统，对学生活动进行有效的管理。此外,在系统的研究和设计过程中,从系统求分析、系统设计、微信小程序技术的深入学习和实际应用,到小程序的所有功能都基本完成,最后到测试成功。在这整个过程中,我们分别自主地学习到了微信的小程序和微信的开发技术以及"MINA"的通信框架,很好地完成了该系统的前端设计。通过学习vscode完成了小程序后端接口的设计。用此小程序就可以帮助主办方管理好优质的活动计划，让学生可以自由选择活动计划，了解活动计划，在线报名，随时查看报名报名的进展情况，提高活动效率和学生参与度。对大学校园的管理是起到推进的作用，在提高活动执行效率方面发挥着重要作用。由于时间和技术的关系，在系统功能设计上，还又在很多可以扩展的功能，在以后做进一步完善，如：学生查看相关活动详情后，可以对活动发布相应的评价，并查看自己的评论以及收到对应的回复。2．管理员注册后台管理页面登录后，可以选择增加活动的公告，并且执行相关的操作。参考文献朱玉强.微信小程序在图书馆移动服务中的应用实践-以排架游戏为例[J].图广东工业大学硕士学位论文56书馆论坛,2017,37(7):132-138.马建萍.开展丰富多彩的社团活动促进学生全面发展[A].教育理论研究（第七辑）[C].:重庆市鼎耘文化传播有限公司,2019:1.刘冬露,刘慕昕.社团活动在高校学校学生管理中的探索[J].课程教育研究,2017(40):176-177.MaracicH,BojicI,KusekM.Accessingstudentinformationsystemsusingmobileconnecteddevices[C]Eurocon.IEEE,2013.FrostR.Developingstudentparticipation,researchandleadership:theHCDSt