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/ #?導入數(shù)據(jù)庫 數(shù)據(jù)庫文件:public/private/yyladmin.sql #?配置 重命名.env.example為.env,修改里面配置 或者直接修改config文件夾里面的相應(yīng)配置
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*環(huán)境變量文件里面修改接口地址 #?啟動服務(wù) 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
#?構(gòu)建測試環(huán)境 npm?run?build:stage #?構(gòu)建生產(chǎn)環(huán)境 npm?run?build:prod
Other
#?預(yù)覽發(fā)布環(huán)境效果 npm?run?preview #?預(yù)覽發(fā)布環(huán)境效果?+?靜態(tài)資源分析 npm?run?preview?--?--report #?代碼格式檢查 npm?run?lint #?代碼格式檢查并自動修復(fù) 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