基于Hyperf + Vue + Element 构建的后台管理系统(内置聊天系统)

HFCMS(Hyperf + Vue) 管理系统

设计初衷

  • 最近在学习Hyperf这套框架,然后想着用这套框架练习下做个小项目,所以就有了这套Hycms 管理系统,因为自己使用的技术栈也是Laravel + Vue + Element 这样的组合,所以就将Laravel换成Hyperf重新做成一套新的脚手架系统, 开箱既用,内置了RBAC权限系统并且也集成了一个聊天系统,能够完成基本的聊天需求,系统还会逐渐完善,大家可以通过访问Wiki来搭建该系统,里面有具体步骤,欢迎大家Star

项目介绍

  • HFCMS 是基于 Hyperf2.0 + Vue2.x + ElementUI 所开发的一个开源管理后台模板,集合了 RBAC 权限管理控制,聊天室,以及一些常用组件(上传文件系统,监控任务,操作日志等),能够高效的提供给用户进行二次快速开发的项目。该项目后端主要使用的Hyperf2.0框架,是一个基于 swoole 所开发的协程框架,性能相比较传统 PHP-FPM 有质的提升。 作者也是在学习完 Hyperf 框架后想写一个项目当做对 Hyperf 框架的学习应用,所以才有了这个项目。该项目前端是基于 vue-element-admin 进行二次开发的,删除了大量的组件,只保留一些基础功能,并且对一些方法,组件,函数进行了进一步封装,方便在开发过程中对其的使用。此项目不仅仅是个管理后台,还集成了一个网页聊天室,该聊天室是基于 lemon-iumi 进行开发的,UI 美而简约,能够满足基本的聊天需求

在线体验

🏠 项目Wiki: wiki.linyiyuan.top

🏠 项目体验:cms.linyiyuan.top

项目源码

源码是放在Github上,有单独的一个仓库专门放这套系统的,欢迎大家Star

主要特性

  • 使用最新的基于 swoole 的协程框架 hyperf 作为后端开发,拥有高并发,高性能特性,而且绝大部分组件都是可替换与可复用的。

  • 前端用了最新的前后端分离技术栈,Vue+ElementUI 的组件快速开发极大程度上解决了后端工程师写前端的痛苦

  • 采用独立的项目管理,前端,后端,文档都各自拥有一个单独的库作为管理

  • 高效率开发,前后端代码均严格按照代码标准去书写,代码冗余性低,代码简洁清晰

  • 拥有数据字典模块,能够自行定义一些状态枚举,再也不用在前端限制死一些状态枚举参数

  • 采用 RBAC 权限作为权限管理,能够精确到接口级别

  • 自定义操作注解,能过监听到用户具体的操作行为,并且记录日志

  • 后端统一异常处理,并且严格区分业务之间的异常,拥有状态码枚举类,在开发过程中能够快速准确定位到错误

  • 采用 jwt 技术作为登录状态的保证,并且拥有独立的中间件进行 token 监控

  • 提供常用的技术开发工具,包括 Json 解析,表单构建等工具

  • 拥有聊天组件,支持全平台的用户聊天以及群聊

主要功能

  • 用户管理:提供用户的相关配置,可单独用户进行权限管理

  • 角色管理:对权限与菜单进行分配,可根据用户设置角色的权限

  • 权限管理:已实现菜单动态路由,后端可配置化,支持多级菜单,可自定义分配图标

  • 服务监控:提供服务器的一些信息数据

  • 定时任务:结合 hyperf 提供的进程作为基础封装的定时任务系统,加入任务日志

  • 字典管理:可维护常用一些固定的数据,如:状态,性别等

  • 参数设置:提供一些可自定义的配置参数管理

  • 系统建议:提供给用户反馈 bug 以及优化建议的系统模块

  • 通知管理:用来进行一些系统更新日志的通知或者系统维护等操作通知

  • 操作日志:记录了用户具体的行为日志

  • 登陆日志:记录用户的一些登陆信息,例如 IP,地址等

  • 系统日志:系统所记录的一些日志,包括了异常日志,启动日志等

  • 表单构建:能够自定义快速生成表单代码,减少打量重复的工作任务

  • JSON 解析工具:能够解析 JSON

  • Lemon-IMUI 聊天室:提供全平台用户之间的聊天,支持群聊,文件传输

项目展示

登陆页

首页

导航页

权限管理

添加权限

聊天模块

群聊

邀请组员

聊天设置

好友列表

特别鸣谢

排名不分顺序,感谢一下大佬对该项目的技术支持

  • 感谢 Hyperf 提供强大而又高性能的协程框架

  • 感谢 Vue 尤大大提供强有力的前端框架

  • 感谢 阿里云 提供的免费对象存储与 CDN 加速支持

  • 感谢 PanJiaChen 大佬提供的前端模板

  • 感谢 Lemon-IMUI 大佬提供强大的 IM 聊天组件

  • 感谢 jwt-auth 大佬提供的 JWT 登陆授权组件

  • 感谢 hyperf-permission 提供的 Hyperf 权限管理组件

  • 感谢 docsify 提供的简洁,快速的文档生成器

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 2年前 自动加精
喜欢悠闲独自在
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 21

功能不错,界面也好,加油!

2年前 评论

不错, :+1: :+1:

2年前 评论

:thumbsup: :thumbsup: :thumbsup:

2年前 评论

good! very good!

2年前 评论

厉害 :+1:

2年前 评论

:+1: :+1: :+1: :+1:

2年前 评论

有测试账号吗能看一下吗

2年前 评论
喜欢悠闲独自在 (楼主) 2年前

已star

2年前 评论
喜欢悠闲独自在 (楼主) 2年前

大佬,最近也想学习Hyperf框架,windows怎么用这个框架

2年前 评论
lucifergit 2年前
喜欢悠闲独自在 (楼主) 2年前
三七二一 (作者) 2年前
李铭昕

不错

2年前 评论
TommyTu

牛逼 :+1: :+1: :+1:

2年前 评论
zhanghaidi

hyperf-api跨域没做?

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!