nodejs+vue校园学生社团信息管理系统np4n3

开发语言 node.js
框架:Express
前端:Vue.js
数据库:mysql 
数据库工具:Navicat
开发软件:VScode 


本系统主要分为管理员、社长和学生。
管理员的功能如下:
(1)用户管理:管理学生,社长,社团成员。对其进行基本的信息管理。
(2)社团信息管理:对社团进行分类,如篮球社,动漫社,但社团名称不同(社团名称不允许重复)。对社团人员信息进行操作,修改社团成员信息,删除社团成员。
(3)基本信息管理:基本信息是指校园社团在前台展现给用户看的内容,如社长上传的社团周刊,社团新闻等。管理员可查看社团周刊(使用户看到这一周内的全部周刊),也可修改,删除社团周刊。社团新闻由管理员上传,主要内容是关于其他学校或者其他国家社团的一些介绍以及活动,可以让我们学校拿来借鉴学习。最后有一个关于我们的介绍,由用户来提交一些意见或建议给管理员,管理员进行可查看。nodejs+vue校园学生社团信息管理系统np4n3_第1张图片nodejs+vue校园学生社团信息管理系统np4n3_第2张图片nodejs+vue校园学生社团信息管理系统np4n3_第3张图片nodejs+vue校园学生社团信息管理系统np4n3_第4张图片nodejs+vue校园学生社团信息管理系统np4n3_第5张图片nodejs+vue校园学生社团信息管理系统np4n3_第6张图片nodejs+vue校园学生社团信息管理系统np4n3_第7张图片
 
(4)统计管理:社团人气排行,社团热门推荐(推荐排名前三的社团给用户看)、社团种类排行、近期活动,推荐近期的活动给用户,包括一些活动的内容与要求。
(5)审核管理:学生提交创建社团由管理员进行审核,同意或是拒绝。
(6)评论管理:管理员可删除一些不当言论。
vue的文件结构其实就是一个index.html
中间的内容,用的是vue,但最终都会转译为html内容html、css、js
|- node_modules: node的一些基础依赖包,可能还有拓展的安装的别的插件(npm install下载的依赖包,主要是根据package.json获取对应的依赖包)
|- public: 存放一些主要的打包文件,如index.html等等,可以放置一些需要在index.html配置的文件
|- src: 项目的主文件夹(vue是SPA单页面应用,可以看做是一个主页面的应用里面的内容组件详情可看vue 代码格式解析)
|- assets: 资源文件,用于存放一些静态文件,如字体、图片、css样式之类的
|- components: vue主要内容的公共组件,可以进行复用
|- router: 设置路由,指定路由对应的组件现如今大学社团各式各样的都有,学校对社团的管理手段处于落后阶段,以致于对社团的未来发展以及社团的活动开展都有一定的影响,导致大学校内社团不能健康的发展,所以有必要建设一个大学社团管理系统来帮助学校管理校内社团,给学校提供一个管理社团更有效的一个手段,通过这样的系统,可以做到对信息的规范管理、科学统计和快速查询,从而减少了管理方面的工作量。本课题设计的就是一个大学社团管理系统,为学校提供一个监管大学社团的平台,为社团提供一个在线收纳社员的平台,为学生提供一个在线选择社团的平台,为每个用户提供全面且贴心的服务功能。校园社团信息管理系统为学校提供一个监管大学社团的平台,为社团提供一个在线收纳社员的平台,为学生提供一个在线选择社团的平台。管理员后台进行所有社团管理的操作以及审核状态的操作,社长对自己社团管理的操作以及审核学生的操作。然后用户进入前台选择查看和加入社团,等待社长审核,社长接收到消息并处理来达到两者间的交互。
社长功能:
(1)社团管理:包括社团信息管理,社团活动管理,社团周刊管理。社长可对社团的信息以及社团成员进行管理,可以添加,编辑以及删除社团活动,限制活动人数。社长每周上传关于自己社团的周刊来吸引更多的学生加入自己的社团。
(2)审核管理:社长审核想要加入自己社团的学生,同意或拒绝。
(3)评论管理:社长可回复,删除在社团下面的评论。
(4)个人中心管理:管理自己的个人信息,如修改密码等。

学生:
作为前端用户,学生可以浏览关于社团和社团活动的基本信息,在登录之后可以申请加入社团或社团活动,可以在评论区评论、回复,对于喜欢的社团周刊可以进行下载。
(1)个人中心:学生可以对自己的用户信息进行修改,如:修改密码等。
(2)查看社团:用户可以查看社团信息。
(3)添加社团:用户选择社团进行加入,处于等待状态,待社长审核后等待结果。
(4)创建社团:对学生创建社团操作进行管理。
(5)申请社团活动:对学生所申请社团活动的管理。
 
 
 

你可能感兴趣的:(vue.js,前端,javascript)