基于Web的校园社团信息系统的设计与实现

摘要互联网现在是世界上最普遍的生活方式之一。。大学社团之间经常使用旧的交流方式，这就会限制了它们的自身发展和活动的总体方向。创建本项目的便是基于此处。该系统不仅为大学协会的管理者和成员提供了一个互动平台，而且也是大学协会之间交流和广告的手段之一。该系统不仅削弱了社区的动态信息功能，而且使社区领导能够更好地规划和管理社区学校系统。这完全符合基于互联网的社区沟通和沟通平台的核心功能。虽然这个项目只是一个原型，但它可以为未来大学之间的交流创造一个网络环境。这是个好建议。关键词:高校社团；门户网站；网络交流

AbstractTheInternetisnowoneofthemostcommonlifestylesintheworld.Universityassociationsoftenusetheoldwayofcommunication,whichwilllimittheirowndevelopmentandtheoveralldirectionoftheiractivities.Thisiswheretheprojectwascreated.ThesystemnotonlyprovidesaninteractiveplatformforthemanagersandmembersofUniversityassociations,butalsooneofthemeansofcommunicationandadvertisingbetweenUniversityassociations.Thesystemnotonlyweakensthedynamicinformationfunctionofthecommunity,butalsoenablescommunityleaderstobetterplanandmanagethecommunityschoolsystem.ThisisfullyinlinewiththecorefunctionsoftheInternet-basedcommunitycommunicationandcommunicationplatform.Althoughthisprojectisonlyaprototype,itcancreateanetworkenvironmentforthecommunicationbetweenuniversitiesinthefuture.It

was

very

good

advice.Keywords:Collegeassociation;Informationmanagement;Networkcommunication

目录一、绪论 1（一）社团系统研发背景 1（二）国内现状 1（三）社团系统的开发意义及目的 2二、社团系统相关技术介绍 2（一）研发技术的筛选 2（二）开发环境介绍 2三、社团系统网站需求分析 2（一）社团系统功能需求讨论 2（二）可行性分析 3四、社团系统网站整体规划 3（一）社团系统项目规划概述 3（二）社团系统站点模块分类 4五、社团系统网站详情规划 5（一）社团系统项目生成规划 5（二）用户模块 5（三）关键字检索模块 5（四）新闻模块 6（五）社团模块 6（六）数据库的实现 6六、测试与测试 8（一）系统实现 8（二）系统测试 15（三）测试结果及分析 16七、总结与展望 16（一）总结 16（二）展望 17参考文献 18致谢 19第页（共19页）基于Web的校园社团管理系统的设计与实现一、绪论（一）社团系统研发背景自从人类社会生产以来，管理这个概念就产生了并且一直存在“管理”这词，跟随者人类历史一样悠久，它随着人类的不断进步和丰富的物质文明而不断变化。现如今社会，进入了新兴的互联网时代，对我们的管理提出了新的挑战和要求。同时信息化普及也为生活提供了方便。管理信息系统，是一个以计算机软硬件相结合，以网络为载体，实现了对一个机构的管理和决策。通过互联网科技技术必将为社会带来更加丰厚的经济效果和社会效果，未来的世界必将是朝着高效、飞速的方向发展。网络突飞猛进的发展影响着我们的生活。如今，移动互联网已经进入黄金时代，在虚拟的网络世界中，有许多事情是不可能发生的，对网络的需求也在增长。预计未来几年需求将增加。同时，在新式的传播方式的影响下，惯例的传播方式逐渐被取代，淡出人们的视野中。集体协会应将传统的沟通和交流方法视为获取信息的手段。国家大学协会没有相互学习和发展的平台。（二）国内现状社团管理系统，随着互联网科技信息发展，网络科技带来了巨大的便捷，可以做到，门不出一步却可知天下事，钱也从触手上的纸变成了手机上的数字。这一切都归功于网络技术的不断进步。按照科技发展的趋势，一切都可以上网。校园社员管理系统基于Elementui、LayUi、Vue、Java等等开发技术而创建出来的，但是系统永远不会一次就呈现出完美的效果和完整的功能，总是要经历一次一次的优化和整改，据我调查，这些系统性能比较差，界面优化做的也不是很优雅，拓展性也差一些[6]。这并不是要否认这一点，而是每个学校都有自己的特点和独特的管理方案。因此，一个完善的管理体系并不适合每个学校。学校应该根据自己本身的发展的需求制定关于适合本校发展的管理制度。所以，在开发校园社团管理系统时，应结合本学校自身的实际需要，对社团管理的现状进行系统、详细的分析和充分的思考[5],找到系统开发的切入点,使系统的开发更加便于管理与实用化。（三）社团系统的开发意义及目的从21世纪以来，科技技术、信息技术、网络技术都在突飞猛进的飞速发展，不仅是人类进步的阶梯，更是国家强大的必不可少的发展需求，更是为广大群众带来了便捷，在这个信息化的时代，我们通过网络进行学习，沟通，工作等，为高校的互联网+社团的管理模式提供了有一点思路。高校的社团活动日趋多样化，丰富着芊芊学子的生活，于此而至的是，高校中的社团种类也愈来愈多。学校的社团信息量也在增加，使其管理工作越来越复杂，以前用的纸质版管理弊端日趋暴露。虽然现在许许多多的社团都在采用加入QQ群或者微信群的沟通交流形式[7]，进行日常的通知消息和办理工作，但是对于社团成员的信息统计无法进行有效的治理监督，也无法使其发挥积极作用。与此同时，在现代信息互动不断深化的影响下，使得信息可达到距离愈来愈长远，它还可以与其他大学的社团协会进行交流与互动，相互交流借鉴，达到各个高校之间相互交流、相互促进，取其精华去其缺点。社团系统相关技术介绍（一）研发技术的筛选对于网络站点的开发，有许多技术可以根据不同的需求、面向用户的单一性、不同的规模和其他关注点也在不同的站点位置进行标准化细致化。数据的管理可以使用Vue、Npm、Axros、ES6等为前端所得数据路由的功能，UI的控制可以使用JQuery、CSS3构建本项目的前端动画效果。（二）开发环境介绍本次社团信息管理系统的设计的开发环境为：软件Eclipse，Navicat，中间件tomcat，前端技术框架采用Vue、Elementui、LayUi，数据库采用的mysql，运用的语言java。社团系统网站需求分析（一）社团系统功能需求讨论对于不是社团管理人员，准备完成如下功能：新闻搜查、社团搜索、留言功能、更改信息、查看公告、成员检索。对于社团管理人员，准备完成如下功能：社团成员办理及整治、社团信息办理及整治、社团活动办理及整治、社团新闻办理及整治、社团公告办理及整治、个人信息办理及整治。社团系统功用需求便是明确系统必须实现什么样的性能，它能够为用户提供哪些功能或服务，协助用户完成什么样的业务操作。本课题是为学生创建一个公共社区信息管理系统。该系统是以我们校园的实际研究需求为基础的，该系统的主要包括社团的信息、社员的信息，并具有添加、删除、修改、搜索等功能来对两个内容进行修改。还有包括对一些信息进行发布，比如新闻的展示、每个社团的信息展示等功能。（二）可行性分析开发任何一个系统都会遭受到时间以及资源上的限度，所以我做出了一下剖析。经济可行性本系统是一个免费的Web应用软件，应用在浏览器端，无需使用额外的软硬件设备，以此节省了很大部分的开支；本系统的开发工作由本人自主完成，开发工具和测试工具都只需要一台电脑，作为一个学计算机的学生，开发框架是Vue，它是开源和免费的，因此没有额外的成本支出。技术可行性本系统软件Eclipse，Navicat，中间件Tomcat，前端技术框架采取Vue、Elementui、LayUi，数据库采用的Mysql，运用的语言Java。再结合HTML、CSS、JAVASCRIPT，这些技术已经十分成熟，学习的资源和教学视频也十分丰富，所以在实际开发的时候不会遇到十分棘手的技术问题，大多数时候均能自我解决，无需太多维护费用。操作可行性本系统的操作可行性主要是为提高管理体系，以便于为用户和管理者提供更好的管理性能。在不违背当下开发 Web理念的同时得到外界的认可，所以该系统的开发是被允许的，而且即便是新用户使用该系统也完全没问题。用户只需要了解基本的功能，登录流程即可，不需要掌握复杂数据库知识及各类开发技术。本系统在设计时，使用丰富多彩的界面，易于接受，简洁的操纵，功能齐全，操作者经过不冗杂的培训就可以非常娴熟的使用园管理在线系统[11]。法律可行性该系统是自主开发的，虽然借鉴了一些社团管理的种类以及管理措施，但是开发环境和运用的数据都是开源代码，所以不会存在有侵权的问题，在法律上也不会存在问题。社团门户网站整体规划（一）社团门户项目规划概述该系统是有一个标准的web界面的管理系统，这是符合操作程序的网页。系统包括菜单栏、状态栏、导航栏、图形点击区等可视化组件。网页界面直观明了，功能简单易懂。系统部署在PC端上，需要用电脑登录网页，以便我们更加清晰、便捷的使用。系统用户界面很友好，只需要简单的指引，甚至不需要指引即可立即上手操作使用；系统采用的是Vue框架，Web开发语言，开发工具，以上的资源均是开源免费的。开发成本低，简单易用，代码规整清楚，审查方便；采用HTML+CSS，实现了页面布局，以及各种页面效果；从操作上，观感上有比较好的用户体验。图1系统功能图（二）社团系统站点模块分类本网站站点按功能分为模块：用户模块、检索模块、新闻模块、后台管理。其中用户模块可以在此基础上添加不同的新功能生成的两个模块：社团模块、学校模块[2]。用户模块用户模块中主要实现的是用户登录和注册功能。更改用户信息功能，访问公共连接并获取用户相关信息。根据用户模块的主要功能，删除应用程序、创建新社区、添加和分发新的动态功能、存储旧的动态功能、交换社区应用程序功能和更改公共信息。创建一个新的连接模块。新学校单位将处理有关加入俱乐部的信息，以处理加入新俱乐部的申请。检索模块检索模块包括学校搜索、社区访问和信息接收。用户可以在无线数据库中搜索学校、协会、信息和关键词。这些关键字在下拉菜单中显示相应的广告和搜索结果。用户可以根据查看结果跳过页面。当用户未注册时，可以使用搜索模块中包含的功能。电子邮件模块包括视频和视频存储功能、图像和视频广告、电子邮件和学校跳转功能、信息或用户、信息等功能，以及电子邮件文本功能的扩展。3.新闻模块新闻模块中包括图片和视频获取功能、图片和视频放大功能、新闻所属社团和学校跳转链接功能、评论新闻或用户功能、新闻点赞功能、放大新闻正文功能。新闻模块中评论新闻或用户功能和点赞功能需要用户登录才可以使用，其余功能均可以游客方式使用[10]。五、社团系统网站详情规划（一）社团系统项目生成规划分析此网站相对的需求，进行需求分析和功能实现，一方面要追求功能实现的完美，另一方面也要注重页面布局的美观性，整齐性。通过自己所学的知识和网上了解到的知识，为社团系统准备详细的规划，尽可能使其达到自己的要求。（二）用户模块未登录用户只能对各种社团的一些基本信息进行浏览，对于想要加入，评论的行为或者是想要对自己喜欢的社团申请加入就得需要进行登录验证，如果登录成功方可进行相应的操作，进行申请加入等。如果登录失败或未登录是不能进行其他操作的。如果用户还没有登录的账号，需要进行相应的注册。只有注册了账户才能登录我们的网页进行申请加入社团。首先，实现简单的用户注册，用户名是独一无二的，不可重复。实行自我注册的功能，注册的方式很简单，很容易让用户上手操作。登录后，用户可以输入用户名和密码，并通过系统显示出个人数据，还可以补充自己的个人信息，对自己疑惑和有兴趣的内容进行查询，看到自己感兴趣的内容也可以进行收藏评论，最重要的是提供了免费创建社团组织的功能，你可以自己创建社团，也可以搜索自己喜欢的社团进行申请加入。在自己的社团中还可以发布一些相关的贴子，分享给大家，进行深度的讨论与研究[9]。（三）关键字检索模块检索模块在构造时，除了要实现从获取用户的关键字，将关键字发送到数据库以进行筛选和匹配，再到数据逻辑层通过持久层获取数据并返回给用户，这一长串的“例行”数据流动流程之外，还要注意如下这几个问题：用户键入关键字时，防止用户输入抖动，无端增加请求的次数问题；关键字所得数据表如何将整个绑定到数据路由并刷新视图的问题；因所得数据表中数据种类不止一种，数据如何在前端完成分流的问题。（四）新闻模块在首页的展示平台，有置顶新闻，照片墙和页面热点；在个人页面有个人中心和新闻时间线。新闻公告由系统管理员进行编选以及加添。通过“新闻发布”或“公告”及时更新新闻，包括图片和文稿，然后进行提交；通过“新闻更改”或“公告修改”再次编辑和修改已发布的新闻或公告，或删去无用的新闻。该系统还会根据对新闻或公告的点击量进行热点推送。（五）社团模块社团用户登录后使用。当用户为社团等级的用户时，在进入个人中心后，在系统页面会出现一个按钮，用户点开后即可对其进行添加信息，用户按照要求进行填写姓名、年级、填写联系方式、学校及自己的专业和喜好。提交申请后，用户信息将自动上传到数据库，管理员可以在管理页面上查看信息，根据用户情况对其进行审批通过或拒绝，系统会通过用户留下的联系方式对用户进行反馈，并将其情况进行实时查询。系统也会实时查询、保存社团成员名单，也可实现后台浏览[8]。（六）数据库的实现选择MySQL来实现该数据库。社团管理系统数据库所包括的相关表有新闻表、评论实体表、社团实体表等[1]。新闻实体表：新闻实体表中将会创建新闻标题、正文、发布时间、点赞次数、阅读次数、新闻所属社团systzj、新闻所属学校systzj和新闻状态。其中所属学校systzj对应学校实体表主键，所属社团systzj对应社团实体表主键。表1新闻实体表评论实体表：评论实体表中将会创建评论内容、评论时间、所属新闻systzj、所属用户systzj、目标用户systzj和所属评论systzj。所属新闻systzj对应新闻实体表主键；外键所属用户systzj和目标用户systzj均对应用户实体表的主键，其用意为区分评论的评论人和被评论人；所属评论systzj对应本表的主键，用意为判断此条评论是否为二级评论。表2评论实体表社团实体表：社团实体表中将会创建社团名称、创建时间、社团所属学校systzj、公告、公告最后更改时间、浏览次数以及社团状态。其中所属学校systzj为学校实体表主键。表3社团实体表软件实现与测试（一）系统的实现：项目虽为信息门户网站，但在用户浏览操作体验上尽量做到简易和清晰。项目实施的全过程简单。为了更有效地规划整个网站，参与者可以对不同级别的用户进行分类。用户通常通过URL识别和访问网站。他们可以提出并商定不同的利益领域。如果你对社区感兴趣，你必须申请。当登录用户接收到即时消息时，前端会在用户所浏览的页面做出相应提示[3]。首先，我们设置了一个登录界面，由于个人想法设置了一个星空背景，给人一种放松的感觉，此页面由用户名，密码，验证码三个输入框构建而成，而且下面设置了三种身份，三种有他各自的权限。密码也是采取了加密的模式。如果没有账号的话，可以进行注册。其次，注册页面的设计下面我们介绍下主页，主页的设计偏简约风，显得清新脱俗，大气化。首页界面是做了一个封层简单的橘黄色的导航栏，包含了整个社团的功能，下面有一个轮播图，播放的是一些关于社团活动的图片以及一些宣传标语，这个轮播图体现了我自己设计的大众化，比较接地气。主要的内容就是放一些社团的新闻和公告、宣传语，方便每一位登录我们网站的人去查看了解社团。目的就是给人一种视觉上的直观性强。社团信息模块，由于同个网站要有本身的特点，因此顶部的设计理念必须和首页的一样，下面的功能就是要对社团的筛选，社团信息的进行基本的展示，通过后台的管理，将社团的数据录入，然后代码请求到的数据将其展示到页面上，每个社团会有自己的独特唯一的编号和名称，所以用户可以根据自己的兴趣和爱好搜索筛选自己想要查看的社团，去了解其社团的详细信息。社团新闻模块，每个社团的负责人和普通用户的权限不一样，他们会有发布新闻的权限，社团新闻模块不仅仅可以让社团负责人发送一些宣传信息，还可以让用户去查看这些信息，同样会有筛选的功能，目标是为了提供方便。社团活动模块，这个模块是非常重要的，或者说是不可缺少的一部分，社团就是要把兴趣爱好相同的人组织到一起，去发起或参加一些友意义的活动，这个模块的重要性就体现出来了，社团担任重要角色的人在这个模块发布一些要举行要发生进展的活动，用户能够在其管理人员发布的内容后，通过email的方式进行报名。而且还可以搜索自己想要参加的活动，通过信息来了解具体的事宜。这个模块不仅仅提供了方便，还会结交更多的朋友。此模块的重要性体现在人与人之间的社交[4]。留言反馈模块，用户可以询问社团的具体事宜，还可以对每个社团反馈自己的宝贵意见。还可以在留言板中讨论关于社团的问题，欢迎五湖四海的朋友尽情发言，望各位不吝言辞。对于用户和负责人可以浏览的页面就到这里了。接下来讲讲管理员的页面设计和权限功能。这就是我们做的社团的后台的管理系统了。后台管理系统实现了个人注册登录的功能，重要的是能够获取到了用户自己的设置的密码，方便用户找回，还有就是个人信息的保存，例如实名认证，通过用户输入的身份证号和姓名获取到后端去进行判断。后期如果还需添加任何是关于社团办理功能的问题，都可以通过代码实现。整个系统到这里就结束了，通过这么长的写作时间，明确了自己在这方面欠缺良多，在之后的工作中慢慢的学习增强自己，这样会使自己考虑问题的时候会更加的全面，也会让自己使用代码更加熟练和简单去实现更多的功能，总的来说，学无止境，我们要一直学习，一直进步。（二）系统测试：1.测试原理：黑盒：就是根据程序提供的功能接口，来分别对每个功能的内部执行逻辑进行反复测试，通俗来讲，是将程序整体看做一个打不开的黑匣子，只针对对外的功能进行测试。2.测试过程：表5登录功能测试表表6关键字检索功能测试表（三）测试结果及分析：根据大量的测试用例，可以得出系统暂时还没有什么影响使用的问题。通过此次测试可以明白测试的重要性，如果不进行测试并且系统还存在问题就进行上市的话，会遭到广大用户的反馈，所以在开发过程中，也需要尽可能的考虑到会存在的问题，并及时的进行修改维护。总结与展望（一）结论基于Web的校园社团管理系统作为网络协会的活动平台，功能齐全，操作方便，可以更加有效的对社团信息实现动态管理，为社团发展提供更加强有力的支撑后援。使用数据库的形式来管理，可以便于管理人员对数据库的管理与系统维护。能够更加高校的提高社团的工作效率。现在计算机网络科技技术不断向前发展进步，随着市场经济的源源不断的发展向前迈进，它在企业的各个领域都非常流行，任何一个企业都有着在互联网这样的现代化社会走的更加长远，本文是在计算机的这样一种背景下，开发的一个校园社团管理系统。本文通过调查分析，结合国内的管理情况，采用Vue框架，用Mysql作为后台数据库的支持，将Eclipse作为开发工具，通过学习和反复测试，完成一个管理系统。对于高校来说，该系统能够完成最基本的运作，提高效率。但是就现在个人而言来说