niuconghui / alumni

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

校友管理系统简介

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

根目录下的三个文件夹分别是: 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_

About


Languages

Language:Vue 79.4%Language:JavaScript 19.7%Language:CSS 0.5%Language:HTML 0.4%