yylAdmin
Gitee: https://gitee.com/skyselang/yylAdmin
Github ：https://github.com/skyselang/yylAdmin
Introduction
yylAdmin is a minimalist backend management system with only basic functions such as login and exit, permission management, and log management, which is easy to expand; The front-end and back-end are separated. The back-end uses ThinkPHP6 and the front-end uses Vue2; the project consists of the back-end yylAdmin and the front-end yylAdminWeb.
- yylAdmin
- yylAdminWeb
Demo
Address: https://demo.yyladmin.top/#/login?redirect =/dashboard
Account: yyladmin, admin
Password: 123456
Tips: The demo account only has partial permissions, please download the source code to install and experience all the functions
Preparation
- PhpStudy
- Git
- Node
- Composer
- ThinkPHP
- Vue
- Element
Requirements
- PHP >= 7.1
- MySQL >= 5.6
- Redis
Installation
PHP part
# 克隆项目 git clone https://gitee.com/skyselang/yylAdmin.git # 进入项目目录 cd yylAdmin # 安装依赖 composer install # 可以通过composer镜像解决速度慢的问题 composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/ # 导入数据库 数据库文件：public/private/yyladmin.sql # 配置 重命名.env.example为.env，修改里面配置 或者直接修改config文件夹里面的相应配置
WEB part
# 克隆项目 git clone https://gitee.com/skyselang/yylAdminWeb.git # 进入项目目录 cd yylAdminWeb # 安装依赖 npm install # 可以通过npm镜像解决速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 或者使用cnpm，安装后使用cnpm替代npm，如 cnpm install npm install -g cnpm --registry=https://registry.npm.taobao.org # 配置 在.env*环境变量文件里面修改接口地址 # 启动服务 npm run dev
Access
Address: http://localhost:9527
Account: yyladmin
Password: 123456
Administrator: skyselang
Password: 123456
Development
Take log management as an example
PHP part
- Write the interface code: app/admin/controller/AdminLog.php
- Add menu information
- Assign corresponding permissions
WEB part
- New interface file: src/api/admin.js
- New page file: src/views/admin/log.vue
- Add routing information: src/router/index.js
Refresh permissions
- Log out and log in again
Publish
# 构建测试环境 npm run build:stage # 构建生产环境 npm run build:prod
Other
# 预览发布环境效果 npm run preview # 预览发布环境效果 + 静态资源分析 npm run preview -- --report # 代码格式检查 npm run lint # 代码格式检查并自动修复 npm run lint -- --fix
Preview
FQA
npm
- It is recommended to use cnpm: cnpm
- After deleting the node_modules folder, use cnpm to reinstall the dependencies
ui
- is using element-ui: element-ui
browser
- Supports Chrome, Firefox, QQ, 360, Edge and other mainstream browsers do not support IE and the browser's compatibility mode (IE core)
debug
- Return according to the interface in debug mode Troubleshoot the error message, or submit an Issue
Protocol
- Apache2 open source protocol, completely free to use
- Copyright skyselang https://gitee.com/skyselang
