yylAdmin 基于ThinkPHP6和Vue2的极简后台管理系统

码云 | Github

演示

地址:yylAdmin demo
账号:yyladmin、admin
密码:123456
提示:演示账号只有部分权限,请下载源码安装体验全部功能

简介

yylAdmin是一个极简后台管理系统,只有登录退出、权限管理、日志管理等基本功能,方便扩展;前后端分离,后端采用ThinkPHP6,前端采用Vue2;项目由后端yylAdmin和前端yylAdminWeb组成。

准备

要求

  • PHP >= 7.1
  • MySQL >= 5.6
  • Redis

安装

PHP部分

  1. # 克隆项目
  2. git clone https://gitee.com/skyselang/yylAdmin.git
  3. # 进入项目目录
  4. cd yylAdmin
  5. # 安装依赖
  6. composer install
  7. # 可以通过composer镜像解决速度慢的问题
  8. composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
  9. # 导入数据库
  10. 数据库文件:public/private/yyladmin.sql
  11. # 配置
  12. 重命名.env.example为.env,修改里面配置
  13. 或者直接修改config文件夹里面的相应配置

 

WEB部分

  1. # 克隆项目
  2. git clone https://gitee.com/skyselang/yylAdminWeb.git
  3. # 进入项目目录
  4. cd yylAdminWeb
  5. # 安装依赖
  6. npm install
  7. # 可以通过npm镜像解决速度慢的问题
  8. npm install –registry=https://registry.npm.taobao.org
  9. # 或者使用cnpm,安装后使用cnpm替代npm,如 cnpm install
  10. npm install -g cnpm –registry=https://registry.npm.taobao.org
  11. # 配置
  12. 在.env*环境变量文件里面修改接口地址
  13. # 启动服务
  14. npm run dev

 

访问

地址:http://localhost:9527
账号:yyladmin
密码:123456
管理员:skyselang
密码:123456

开发

以日志管理为例子

PHP部分

  • 编写接口代码:app/admin/controller/AdminLog.php

– 添加菜单信息 – 分配相应权限 

WEB部分

  • 新建接口文件:src/api/admin.js

 

– 新建页面文件:src/views/admin/log.vue – 添加路由信息:src/router/index.js

刷新权限

  • 退出重新登录

发布

  1. # 构建测试环境
  2. npm run build:stage
  3. # 构建生产环境
  4. npm run build:prod

 

其它

  1. # 预览发布环境效果
  2. npm run preview
  3. # 预览发布环境效果 + 静态资源分析
  4. npm run preview — –report
  5. # 代码格式检查
  6. npm run lint
  7. # 代码格式检查并自动修复
  8. npm run lint — –fix

 

截图

FQA

npm

  • 推荐使用cnpm:cnpm
  • 删除node_modules文件夹后使用cnpm重新安装依赖

ui

browser

  • 支持Chrome、Firefox、QQ、360、Edge等主流浏览器,不支持IE以及浏览器的兼容模式(IE内核)

debug

  • 调试模式下根据接口返回错误信息排查,或者提Issue

协议

yylAdmin 基于ThinkPHP6和Vue2的极简后台管理系统
滚动到顶部