项目概述，请耐心看完以下条目

校友管理系统简介

此项目是本人本科毕业设计项目，课题是校友管理系统的设计与实现。

根目录下的三个文件夹分别是： admin， server， web。 其中，admin 是后台管理系统的操作界面，server 是整个大项目的服务器， web 是用户操作系统 三个文件夹在 npm install 安装完依赖后即可运行。

admin 介绍

• 校友管理系统的后台管理界面，Vue 的单页面应用程序，
• 进入之后查看 package.json 先大概看一下安装了什么依赖。
• 整体来说后台管理系统功能不难，因为很多功能比如：分页、三级联动、统一样式都是借助ElementUI 来完成的，这个 UI 库还是很好用的。
• 后台管理系统包括以下功能：用户、新闻信息、校园交流、校友风采、校园风光省市、广告、院系、反馈 等模块

server 介绍

• 整个项目的服务器，由 node.js + express 开发，为两个前端系统提供接口。
• 进去还是先看一下 package.json，安装一下依赖。
• 要注意的是，由于后台管理系统的功能无外乎都是增删改查，所以做了一个通用 CURD 接口（这种通用接口的学习是通过 bilibili 弹幕网 up主全站之巅的视频教程，想学习的话可以去搜索一下，不放连接了，免得以为我是打广告哈哈哈）
• 用户界面也是传统方法，一个一个实现功能的
• 所有接口使用 RESTFUL 风格

web 介绍

• 这是用户系统的操作界面，也是 Vue 的单页面应用程序
• 还是先看一下依赖，了解此项目都用了什么包（scss、富文本编辑器之类等），其中也是用了许多 Elemennt 的组件。
• 用户系统有以下功能：校园新闻、校园交流、在线交流、校友风采、校园风光、建议反馈。
• 整个项目用到了 vue 全家桶，包括 router、vuex...
• 还有在线交流必须用到的 socket.io，在 vue 中有 vue-socket.io 这个包，可以去 npm 上多了解一些。
• 在线交流实现了：群聊、私聊、未读消息提示、私聊提示音效、广播用户状态（xxx 用户进入/退出聊天室）
  • 做这块功能的时候，我在 github 上 clone 了一些项目，对我很有帮助。
  • 如果你需要做类似在线聊天室的功能，此项目关于 socket.io 的知识不足以帮到你，可以在 github 直接搜索 chatroom 很多好的项目可以参考，也可以联系（最后有联系方式）我推荐我参考过的项目。

如果需要了解更多可以联系我，备注 github + alumni

• qq：923542434
• wechat：Ncherish_