基于vue+nodejs的学生社团管理系统设计与实现-nodejs-vue

49 阅读2分钟

淘宝店铺搜索:点创微科

基于vue+nodejs的学生社团管理系统设计与实现-nodejs-vue

本项目为前几天收费帮学妹做的一个项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考

一、项目描述

基于vue+nodejs的学生社团管理系统设计与实现-nodejs-vue

后端地址: http://localhost:9528/controller/

系统管理员后台账号:admin /a123456

前端地址: http://localhost:9999/

账号密码:李小测 /a123456

二、项目功能

社团列表:展示所有已注册社团的完整信息

修改密码:用户自助修改账户密码

社团管理员管理:设置/撤销社团管理员权限

注册用户信息:新用户注册审核流程

系统公告:全站公告发布与管理

留言列表:用户留言板管理

新社团创建申请:社团成立在线申请

会员申请:学生加入社团申请

职位申请:社团职位竞选申请

退出社团申请:成员退出申请提交

参加活动申请:活动报名系统

类别管理:树形结构分类体系

学院:学院信息维护

专业:专业基础信息维护

班级:班级花名册维护

社团类别:分类标准设置

职位类别:职位体系搭建

三、运行环境

开发环境 idea

运行环境 nodejs MySQL vue14.18

(此配置为本人调试所用,仅供参考)

四、项目技术

前端: vue

开发语言:nodejs

框架:vue+elementui+node+express+mysql

数据库:mysql5.7

数据库工具:Navicat

开发软件:idea

推荐浏览器:谷歌浏览器

运行: ①安装好npm、node

②将数据库文件organization.sql导入myql数据库

③用vscode打开项目

④进入server文件夹:

安装依赖:npm install

启动:node server.js

⑤进入admin文件夹:

安装依赖: npm install

启动:npm run dev

⑥进入foreground文件夹:

安装依赖:npm install

启动:npm run dev

技术栈:nodejs

五、项目截图

1752992083-ce441c922eb0d8d.jpg

1752992085-b354e3a0c4159dc.jpg

1752992088-c59a0435b30a63f.jpg

1752992089-1da8f5ec6cf0ae5.jpg

1752992092-4e0cddb681995ca.jpg

1752992094-92974d158f62cc2.jpg

1752992096-9d5c2df7d058b8c.jpg

1752992098-3db43cbb24df5a3.jpg

1752992101-bb59948f8acac17.jpg

1752992103-6dd365d19cd048f.jpg

1752992105-6c6c459b33c32a8.jpg

1752992107-4c2d194432220b8.jpg

1752992109-a01a160b9de3a88.jpg

1752992111-77581c473296eb0.jpg

1752992114-67ed9b4ae8a0dbf.jpg

1752992116-011cf650c1d8682.jpg

1752992118-0b036dda70cd9d9.jpg

1752992120-1bcc96b22790e51.jpg

1752992122-9c1019f68ad236d.jpg

1752992124-85842136772c20b.jpg

1752992126-80f02b8b6961ac0.jpg

1752992128-67894d1b9b68894.jpg

1752992130-3b518344a2738e2.jpg

1752992133-18dacab807b0927.jpg

1752992135-aeaae3eb0d74ce1.jpg

1752992137-0f9baea070b171d.jpg

1752992139-a334057cf43edb8.jpg

1752992141-68fff434d95efe3.jpg

0c6f25b0fc054fd88c8dd70eac55b61f~tplv-73owjymdk6-jj-mark-v1_0_0_0_0_5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6Z2S6Z2S5a2m5aeQ_q75.webp