基于es6的高校社团管理系统设计与实现
毕业设计说明书基于es6的高校社团管理系统的设计与实现基于es6的高校社团管理系统的设计与实现摘要：在信息化告诉发展的当下，越来越多的集体开始使用智能化的管理模式，作为为祖国培养人才的地方，高校自然也不例外。现在的学校中已经有了可以让学生足不出户，在宿舍、教室就可以轻松查阅图书信息的电子图书室；用手机电脑就可以查看成绩的学生管理系统，作为高校学生活跃的小集体社团也急需这种信息化的管理模式。这个通过观察发现，目前为止高校的社团管理模式依旧局限于纸质管理，这导致了信息同步慢，管理混乱等问题。即使很多社团依旧通过QQ、微信群等APP辅助管理，但是依旧会时常出现漏看信息的问题，管理模式落后不足的弊端日益显露。本系统可以有效的解决这些问题，将社团信息同步管理到一起，学生可以很方便的通过网络来接受到需要信息，通过系统可以轻松做到将其他繁杂的信息过滤。本系统基于es6的高校社团管理系统就是基于上述设想来设计开发的。本系统使用MVVM（Model-View-ViewModel）模式设计，前端部分使用的是Vue全家桶，即包括HTML5、CSS3、JavaScript等技术来编写，前端语言符合ECMAScript的语言标准。后端部分使用的是Express框架来编写，数据库使用的是MySQL数据库，后端使用node.js操作数据库，前后端的交互使用axios。本文首先对本系统的设计背景、设计目的需求分析、设计流程进行介绍，接着对开发本系统时用到的技术框架、开发工具等进行一个简单的介绍，然后详细介绍实现每个需求时的数据处理的方法，最后将对本系统的一些功能进行测试，主要测试当用户进行错误操作时的信息提示以及系统对于无法撤回的操作的提示。关键词：高校社团；管理系统；es6；前端Design and implementation of es6-based college community management system Abstract:in the current development of information technology, more and more collective began to use intelligent management mode, as a place to train talents for the motherland, the university is no exception.Now there is still an electronic library in the school that allows students to consult books and information easily in the dormitory and classroom without leaving home.With the mobile phone computer can check the results of the student management system, as an active small group of college students - community is also in urgent need of this information management mode.Through observation, it is found that up to now, the management mode of associations in colleges and universities is still limited to paper management, which leads to problems such as slow information synchronization and disordered management.Even though many associations are still managed by QQ, WeChat group and other apps, the problem of missing information is still common.This system can effectively solve these problems, the community information management together, students can be very convenient to receive the need information through the network.This system based on es6 college community management system is based on the above ideas to design and develop.This system is designed with MVVM (model-view-viewmodel) mode, and the front-end part is written with Vue family bucket, HTML5, CSS3 and JavaScript, which conforms to the language standard of ECMAScript.The back-end part is written using the Express framework, the database USES MySQL database, the back-end USES node.js to operate the database, and the front-end USES axios interactively.Design background, design purpose in this paper, first of all, this system requirements analysis, introduces the design process, and then to develop this system used when the technical framework, such as development tools for a simple introduction, and then introduced to realize every demand of data processing method, the final will be some function of this system, the main test when the user error message when operating.Key words: college community, management system, Es6, the front end.目 录摘要1Abstract21 绪论11.1 系统开发背景11.2 系统开发实际意义11.3 研究的基本内容22 开发技术及工具介绍32.1 HTML5、CSS3、JavaScript32.2 Vue全家桶32.3 Express框架42.4 MySQL数据库53 设计思路及需求分析63.1 设计思路63.2 需求分析64 系统设计84.1 系统功能模块设计84.1.1 用户登陆注册模块84.1.2 超级管理员模块84.1.2 社团管理员模块94.1.3 社员管理模块104.2 数据库设计114.2.1 数据库概念结构设计114.2.2 数据库表结构设计135 详细设计165.1 系统登陆注册模块165.2 高校社团管理系统超级管理员模块195.2.1 首页模块195.2.2 社团管理模块195.2.3 活动管理模块225.2.4 修改信息模块245.3 高校社团管理系统社团管理员模块245.3.1 首页模块245.3.2 换届管理模块255.3.3 社团活动界面265.3.4 社团模块285.3.5 社团财务模块305.3.6 社团展示模块315.4 社员模块326 系统测试336.1 系统测试目的336.2 系统测试方案336.3 系统测试流程336.3.1 登陆模块336.3.2 高效社团管理系统高级管理员模块356.3.3 高效社团管理系统社团管理员模块366.4 测试小节377 结束语38参 考 文 献39致 谢40II1 绪论1.1 系统开发背景在当今的各个高校中，校园生活成为高校学生十分重要的一个版块，学生们在课余时间有很大一部分都被社团的集体生活占据，学生们在社团中认识志同道合的朋友，同龄人有一样的兴趣爱好或奋斗目标，让学生们更加充分感受到集体生活的乐趣。随着计算机技术的快速发展，越来越多的学校将物理空间和信息空间有机衔接，使任何人、任何时间、任何地点都能便捷的获取资源和服务，智慧校园1已经成为学校高效率发展和运行的必备条件。智慧校园是指以物联网为基础的智慧化的校园工作、学习和生活一体化环境，这个一体化环境以各种应用服务系统为载体，将教学、科研、管理和校园生活进行充分融合2。大学社团是大学生在自身兴趣、爱好基础上自由结合并经有关部门批准成立的群众性业余团体。它不受科系、年级的限制，它以活动形式的多样性、内容的丰富性吸引了广大学生。大学社团活动的开展有利于大学生开阔视野，开发智力，提高文化素养，培养交往、管理、创新等能力3。学生可以在社团中学习更多书本上学不到的知识，对于人生有更多的历练和不同的感受。优秀的社团其中一定有优秀的学生群体4，而好的社团和高效率的社团管理密方式不可分5。如今高校的各项管理工作中纸册记录管理模式已逐渐被取代，学生只需要上网登录本校主网站即可查询自己的学籍、成绩等相关信息，十分快捷方便6。然而，在一些大学中，各个社团的管理仍处于人工手动管理阶段。传统的社团管理和运营方式已经难以满足学校和学生的需求7，在学校社团规模日益增加8，社团人数和有关社团管理的信息愈发复杂庞大的情况下，人工管理方式已经滞后，急需转变管理模式9。1.2 系统开发实际意义近年来随着高校越来越重视高效率的管理模式10，社团的发展和管理逐渐进入人们视线，我们急需一种社团管理系统，这套系统的建立关乎高校的发展和学生精神文明生活的质量11。社团管理系统（Community Management System,CMS）是为了更加便捷、直观、高效管理信息而设计的，它可以帮助管理人员快速有效提高社团管理的工作效率，降低人工管理成本12，实现对社团相关信息的统计查询。社团管理人可以通过系统对社团信息进行管理，发布社团活动，也可以对社团成员进行管理13。通过CSS技术设计界面14，以图形化操作简洁简便15，符合实际社团工作需求实用为目标16，设计高校社团管理系统。1.3 研究的基本内容本系统预期实现一个可以满足大多数社团需求的系统功能，对于社团日常管理和活动起到帮助作用。通过研究和分析需求，不难看出，在高校社团管理的时候，一共有三种角色。一、作为校方管控社团日常活动的老师，这个角色的用户应该拥有最高权限，可以查看更多的信息，但是不可以过于繁琐，否则会造成管理层混乱，或者信息管理冲突。二、作为单
