Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

hyperf-admin 是基于 hyperf + vue 的配置化后台开发工具

NotificationsYou must be signed in to change notification settings

hyperf-admin/hyperf-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HyperfAdmin是前后端分离的后台管理系统, 前端基于vuevue-admin-template, 针对后台业务列表,表单等场景封装了大量业务组件, 后端基于hyperf实现, 整体思路是后端定义页面渲染规则, 前端页面渲染时首先拉取配置, 然后组件根据具体配置完成页面渲染, 方便开发者仅做少量的配置工作就能完成常见的CRUD工作, 同时支持自定义组件和自定义页面, 以开发更为复杂的页面.

详细文档

演示站点用户名: daodao,密码: a1a1a1

演示站点部署在亚马逊免费主机, 国内访问可能会慢

HyperfAdmin架构

前端为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.1git clone https://github.com/hyperf-admin/hyperf-admin-frontend.gitcd hyperf-admin-frontendnpm inpm run dev

请根据实际情况修改vue.config.js中的代理proxy.target地址

# 打包npm run build:prodnpm run build:test

后端的安装

1. 初始化一个hypef项目

# 环境依赖 php ^7.2 composer swoolecomposer create-project hyperf/hyperf-skeleton hyperf-admincd hyperf-admin

2. 移除hyperf-skeleton中的日志配置, 因为admin 底层已配置

rm config/autoload/logger.php

3. 安装hyperf-admin的依赖DB信息

hyperf-admin 为分包的模式, 此处引入的是完整仓库, 实际项目请按需引入

全部的mysql 表结构及及基础数据详见demo/db

4. 修改项目.env

APP_NAME=hyperf-adminENV=dev# Redis链接信息REDIS_HOST=localhostREDIS_AUTH=(null)REDIS_PORT=6379REDIS_DB=0# hyperf-admin 依赖的核心dbHYPERF_ADMIN_DB_HOST=localhostHYPERF_ADMIN_DB_PORT=3306HYPERF_ADMIN_DB_NAME=hyperf_adminHYPERF_ADMIN_DB_USER=rootHYPERF_ADMIN_DB_PWD=rootLOCAL_DB_HOST=localhost

5. 安装hyperf-admin扩展包

composer require hyperf-admin/hyperf-admin

hyperf-admin 为分包模式, 实际应用中请根据情况安装

6. 初始化validation的依赖文档

php bin/hyperf.php vendor:publish hyperf/translationphp bin/hyperf.php vendor:publish hyperf/validation

7. 设置用户密码的加密key, 配置节点password.salt

// config/config.php'password' => ['salt'=> env('HYPERF_ADMIN_PWD_SALT','c093d70f088499c3a837cae00c042f14'), // 用md5(time()) 获取 salt

8. 启动

# 启动 热重启参考 https://github.com/daodao97/hyperf-watchcomposer watch

nginx配置

upstream backend{server127.0.0.1:9511;}server{listen80;server_name hyperf-admin.com; # 设置自己的 domainindexindex.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_passhttp://backend/$1$is_args$args;}location /{root /opt/www/hyperf-admin-front/dist/default;indexindex.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

About

hyperf-admin 是基于 hyperf + vue 的配置化后台开发工具

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors13


[8]ページ先頭

©2009-2025 Movatter.jp