本系统主要有社团成员，社团团长和管理人员三个角色。
社团成员可以查看。新闻公告招新信息，并可在招新信息中申请加入喜欢的社团。可以在社团活动中申请自己想要参加的社团活动。
社团团长可以对自己所负责的社团内容进行管理。
管理人员可以对整个系统进行管理，同时还负责对社团团长的任命等功能

用户在上一步中点击了社团招新信息之后可以看到社团的详细信息。包括社团名称，社团账号的内容。如果对该社团感兴趣，还可申请加入该社团。申请之后，社团团长和管理人员可以对用户的申请进行审核。

前端技术：nodejs+vue+elementui
前端：HTML5,CSS3、JavaScript、VUE
 
1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
大学做点小小的贡献。
下图为管理人员对系统的管理功能，左侧为菜单。
主要包括对社团招，新加入社团，部长管理，公告信息管理，讨论区管理，招新信息管理，加入社团申请管理，场地信息管理，场地申请管理，社团活动管理，活动申请管理，竞选社长管理，社品选票管理，竞选部长管理，竞选部长，社长选票管理等信息进行管理

下图为社团负责人具体功能，主要包括个人中心，社员管理，公告信息管理，招新信息管理，加入社团申请管理，场地信息管理，场地申请管理，社团活动管理，社团活动，出活动申请管理，竞选部长管理，社长选票管理等功能

高校社团是高校学生根据自身的兴趣爱好自愿组成，按照章程开展活动的学生组织。学生社团已渐渐成为校园文化生活中重要的组成部分，在我校扮演着校园活动的主力军角色。社团为学生的活动搭造了舞台，让同学们有了更好的发展空间。而社团的发展要不断的向前，因此社团的队伍也要不断的壮大。社团活动可以活跃学校的学习氛围，提高学生是自主管理能力，丰富学生的课余生活。学生社团可以根据学校的不同情况利用学生的课余时间开展各种形式的活动，以交流思想，切磋技艺，互相启迪，增进友谊。社团活动不仅要给大学生一个锻炼的机会，而且要走向社会，让社会了解它们，建立沟通联络的渠道，为高校学习、生活和工作服务，并且，还要让学校与学校建立联系，学生团体与学生团体建立联系，学生与学生建立联系，社会团体与社会团体建立联系，互补长短。