这篇文章主要介绍“yylAdmin系统的安装和使用方法”，在日常操作中，相信很多人在yylAdmin系统的安装和使用方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”yylAdmin系统的安装和使用方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
yylAdmin
Gitee：https://gitee.com/skyselang/yylAdmin
Github：https://github.com/skyselang/yylAdmin
简介
yylAdmin是一个极简后台管理系统，只有登录退出、权限管理、日志管理等基本功能，方便扩展；前后端分离，后端采用ThinkPHP6，前端采用Vue2；项目由后端yylAdmin和前端yylAdminWeb组成。
yylAdmin
yylAdminWeb
演示
地址：yylAdmin demo
账号：yyladmin、admin
密码：123456
提示：演示账号只有部分权限，请下载源码安装体验全部功能
准备
PhpStudy
Git
Node
Composer
ThinkPHP
Vue
Element
要求
安装
PHP部分
# 克隆项目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部分
# 克隆项目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 installnpm install -g cnpm --registry=https://registry.npm.taobao.org# 配置在.env*环境变量文件里面修改接口地址# 启动服务npm run dev访问
地址：http://localhost:9527
账号：yyladmin
密码：123456
管理员：skyselang
密码：123456
开发
以日志管理为例
PHP部分
编写接口代码：app/admin/controller/AdminLog.php
<img width="100%" src="./public/static/img/devphp1.jpg">
添加菜单信息
<img width="100%" src="./public/static/img/devphp2.jpg">
分配相应权限
<img width="100%" src="./public/static/img/devphp3.jpg">
WEB部分
新建接口文件：src/api/admin.js
<img width="100%" src="./public/static/img/devweb1.jpg">
新建页面文件：src/views/admin/log.vue
<img width="100%" src="./public/static/img/devweb2.jpg">
添加路由信息：src/router/index.js
<img width="100%" src="./public/static/img/devweb3.jpg">
刷新权限
退出重新登录
<img width="100%" src="./public/static/img/devref.jpg">
发布
# 构建测试环境npm run build:stage# 构建生产环境npm run build:prod其它
# 预览发布环境效果npm run preview# 预览发布环境效果 + 静态资源分析npm run preview -- --report# 代码格式检查npm run lint# 代码格式检查并自动修复npm run lint -- --fix预览
<img width="100%" src="./public/static/img/yyladmin_login.jpg">
<img width="100%" src="./public/static/img/yyladmin.jpg">
FQA
npm
推荐使用cnpm：cnpm
删除node_modules文件夹后使用cnpm重新安装依赖
ui
使用的是element-ui：element-ui
browser
支持Chrome、Firefox、QQ、360、Edge等主流浏览器，不支持IE以及浏览器的兼容模式（IE内核）
debug
调试模式下根据接口返回错误信息排查，或者提Issue
协议
Apache2开源协议，完全免费使用
Copyright skyselang https://gitee.com/skyselang
到此，关于“yylAdmin系统的安装和使用方法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
