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