Analysieren Sie die Installation und Verwendung des yylAdmin-Systems

yylAdmin ist ein minimalistisches Backend-Managementsystem, das auf ThinkPHP6 und Vue2 basiert

yylAdmin ist ein minimalistisches Back-End-Verwaltungssystem mit nur grundlegenden Funktionen wie Anmelden und Beenden, Berechtigungsverwaltung und Protokollverwaltung, das einfach zu erweitern ist und ThinkPHP6 als Rückseite verwendet -end und Vue2 als Front-End. Das Projekt besteht aus dem Back-End yylAdmin und dem Front-End yylAdminWeb.

yyladmin

yyladminweb

demo

address: https://demo.yyladmin.top/#/login?redirect=%2fdashboard

account: yyladmin, admin
• password: 123456
tips: Das Demo -Konto ist Nur teilweise Erlaubnis, bitte laden Sie den Quellcode herunter, um alle Funktionen zu installieren und zu erleben

PHP > ;= 7.1

MySQL > ;= 5.6

Redis

Installation

PHP-Teil

# 克隆项目
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-Teil

# 克隆项目
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

Visit

Adresse: http://localhost:9527

Konto: yyl admin

Passwort: 123456

Administrator: skyselang

Passwort: 123456

Entwicklung

Nehmen Sie die Protokollverwaltung als Beispiel

PHP-Teil

Schreiben Sie den Schnittstellencode: app/admin/controller/AdminLog.php
• 
• Menüinformationen hinzufügen

Entsprechende Berechtigungen zuweisen

WEB-Teil


Neue Schnittstellendatei: src /api/admin.js

Neue Seitendatei: src/views/admin/log. vue

• 

Routing-Informationen hinzufügen: src/router/index.js

• 

Berechtigungen aktualisieren

Abmelden und erneut anmelden

Veröffentlichen

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

Andere

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

Vorschau

• FQA

npm

Es wird empfohlen, cnpm zu verwenden: cnpm
Nach dem Löschen des Ordners „node_modules“ verwenden Sie cnpm, um die Abhängigkeiten neu zu installieren.

ui

verwendet element-ui: element-ui. Unterstützt jedoch nicht den IE und den Kompatibilitätsmodus des Browsers (IE-Kernel). , völlig kostenlos zu verwenden
• Copyright skyselang https://gitee.com/skyselang

Verwandte Empfehlungen:

Die neuesten 10 Thinkphp-Video-Tutorials

Das obige ist der detaillierte Inhalt vonAnalysieren Sie die Installation und Verwendung des yylAdmin-Systems. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!