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

yylAdmin

码云 | 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.  
    # 进入项目目录
  5.  
    cd yylAdmin
  6.  
     
  7.  
    # 安装依赖
  8.  
    composer install
  9.  
     
  10.  
    # 可以通过composer镜像解决速度慢的问题
  11.  
    composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
  12.  
     
  13.  
    # 导入数据库
  14.  
    数据库文件：public/private/yyladmin.sql
  15.  
     
  16.  
    # 配置
  17.  
    重命名.env.example为.env，修改里面配置
  18.  
    或者直接修改config文件夹里面的相应配置

WEB部分

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

其它

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

截图

FQA

npm

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

ui

browser

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

debug

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

协议

posted @ 2020-11-30 10:48  skyselang  阅读(0)  评论(0)    收藏  举报