hyperf-admin / Hyperf Admin
hyperf-admin 是基于 hyperf + vue 的配置化后台开发工具
Stars: ✭ 244
Projects that are alternatives of or similar to Hyperf Admin
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+4395.08%)
Mutual labels: admin, vue-admin
Vue Notus
Vue Notus: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 108 (-55.74%)
Mutual labels: admin, vue-admin
Febs Cloud
基于Spring Cloud Hoxton.RELEASE、Spring Cloud OAuth2 & Spring Cloud Alibaba & Element 微服务权限系统,开箱即用。预览地址:https://cloud.mrbird.cn
Stars: ✭ 1,295 (+430.74%)
Mutual labels: admin, vue-admin
Smart Admin
SmartAdmin 使用 SpringBoot和Vue,前后端分离,我们希望用一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!
Stars: ✭ 930 (+281.15%)
Mutual labels: admin, vue-admin
Ant Design Vue Pro
👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro!
Stars: ✭ 8,965 (+3574.18%)
Mutual labels: admin, vue-admin
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (-56.15%)
Mutual labels: admin, vue-admin
Vue Admin Html
Vue-cli3.0 + Element UI + Spring Boot2.0 + ThinkPHP5.1 + 响应式的后台管理系统 https://lmxdawn.github.io/vue-admin
Stars: ✭ 436 (+78.69%)
Mutual labels: admin, vue-admin
Vue Admin Php
Vue-cli3.0 + Element UI + ThinkPHP5.1 + RBAC权限 + 响应式的后台管理系统 https://lmxdawn.github.io/vue-admin
Stars: ✭ 229 (-6.15%)
Mutual labels: admin, vue-admin
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+144.26%)
Mutual labels: admin, vue-admin
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+111.48%)
Mutual labels: admin, vue-admin
Iview Vue Admin
iView vue Admin / An admin management system template
Stars: ✭ 105 (-56.97%)
Mutual labels: admin, vue-admin
Go Admin
基于Gin + Vue + Element UI的前后端分离权限管理系统脚手架(包含了:多租户的支持,基础用户管理功能,jwt鉴权,代码生成器,RBAC资源控制,表单构建,定时任务等)3分钟构建自己的中后台项目;文档:https://doc.go-admin.dev Demo: https://www.go-admin.dev Antd beta版本:https://preview.go-admin.dev
Stars: ✭ 5,439 (+2129.1%)
Mutual labels: admin, vue-admin
Vue Admin Next
Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.
Stars: ✭ 125 (-48.77%)
Mutual labels: admin, vue-admin
Fantastic Admin
一款开箱即用的 Vue 中后台管理系统框架,基于ElementUI,兼容PC、移动端,vue-admin, vue-element-admin, vue后台
Stars: ✭ 153 (-37.3%)
Mutual labels: admin, vue-admin
HyperfAdmin
是前后端分离的后台管理系统, 前端基于vue
的 vue-admin-template
, 针对后台业务列表
, 表单
等场景封装了大量业务组件, 后端基于hyperf
实现, 整体思路是后端定义页面渲染规则, 前端页面渲染时首先拉取配置, 然后组件根据具体配置完成页面渲染, 方便开发者仅做少量的配置工作就能完成常见的CRUD
工作, 同时支持自定义组件和自定义页面, 以开发更为复杂的页面.
演示站点 用户名
: daodao, 密码
: a1a1a1
演示站点部署在
亚马逊免费主机
, 国内访问可能会慢
前端为vue multiple page
多页模式, 可以按模块打包, 默认包含两个模块default
默认模块, system
系统管理模块, 绝大部分业务组件在src/components
目录
后端为composer包
模式, 目前包含组件
- 基础组件
-
composer require hyperf-admin/base-utils
hyperf-admin的基础组件包, 脚手架主要功能封装 -
composer require hyperf-admin/validation
参数验证包, 对规则和参数提示做了较多优化 -
composer require hyperf-admin/alert-manager
企微/钉钉机器人报警包 -
composer require hyperf-admin/rule-engine
规则引擎 -
composer require hyperf-admin/event-bus
mq/nsq/kafka消息派发器 -
composer require hyperf-admin/process-manager
进程管理组件
-
- 业务组件 (业务组件为包含特定业务功能的包)
-
composer require hyperf-admin/admin
系统管理业务包 -
composer require hyperf-admin/dev-tools
开发者工具包, 主要是代码生成, 辅助开发 -
composer require hyperf-admin/cron-center
定时任务管理, 后台化管理任务 -
composer require hyperf-admin/data-focus
数据面板模块, 帮你快速制作数据大盘
-
前端的安装
# 环境依赖
# 1. node ^v11.2.0 https://nodejs.org/zh-cn/download/
# 2. npm ^6.4.1
git clone https://github.com/hyperf-admin/hyperf-admin-frontend.git
cd hyperf-admin-frontend
npm i
npm run dev
请根据实际情况修改vue.config.js
中的代理 proxy.target
地址
# 打包
npm run build:prod
npm run build:test
后端的安装
hypef
项目
1. 初始化一个# 环境依赖 php ^7.2 composer swoole
composer create-project hyperf/hyperf-skeleton hyperf-admin
cd hyperf-admin
hyperf-skeleton
中的日志配置, 因为 admin
底层已配置
2. 移除rm config/autoload/logger.php
hyperf-admin
的依赖DB信息
3. 安装hyperf-admin 为分包的模式, 此处引入的是完整仓库, 实际项目请按需引入
全部的mysql
表结构及及基础数据详见 demo/db
.env
4. 修改项目APP_NAME=hyperf-admin
ENV=dev
# Redis链接信息
REDIS_HOST=localhost
REDIS_AUTH=(null)
REDIS_PORT=6379
REDIS_DB=0
# hyperf-admin 依赖的核心db
HYPERF_ADMIN_DB_HOST=localhost
HYPERF_ADMIN_DB_PORT=3306
HYPERF_ADMIN_DB_NAME=hyperf_admin
HYPERF_ADMIN_DB_USER=root
HYPERF_ADMIN_DB_PWD=root
LOCAL_DB_HOST=localhost
hyperf-admin
扩展包
5. 安装composer require hyperf-admin/hyperf-admin
hyperf-admin 为分包模式, 实际应用中请根据情况安装
validation
的依赖文档
6. 初始化php bin/hyperf.php vendor:publish hyperf/translation
php bin/hyperf.php vendor:publish hyperf/validation
key
, 配置节点password.salt
7. 设置用户密码的加密// config/config.php
'password' => [
'salt' => env('HYPERF_ADMIN_PWD_SALT', 'c093d70f088499c3a837cae00c042f14'), // 用 md5(time()) 获取 salt
8. 启动
# 启动 热重启参考 https://github.com/daodao97/hyperf-watch
composer watch
nginx配置
upstream backend {
server 127.0.0.1:9511;
}
server {
listen 80;
server_name hyperf-admin.com; # 设置自己的 domain
index index.html;
root /opt/www/hyperf-admin-front/dist;
access_log /usr/local/var/log/nginx/hyperf-admin.access.log;
error_log /usr/local/var/log/nginx/hyperf-admin.error.log;
location ~ /api/(.*) {
proxy_http_version 1.1;
proxy_set_header Connection "keep-alive";
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host hyperf-admin.com;
proxy_pass http://backend/$1$is_args$args;
}
location / {
root /opt/www/hyperf-admin-front/dist/default;
index index.html;
}
location ~ /(.*) {
set $module $1;
if ($module ~* '^$') {
set $module default;
}
try_files $uri $uri/ /$module/index.html;
}
}
浏览器打开 http://youdomain.com:8081/default/#/dashboard 即可访问
默认账号 daodao
, 密码 a1a1a1
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].