这篇文章主要介绍“yylAdmin系统的安装和使用方法”,在日常操作中,相信很多人在yylAdmin系统的安装和使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”yylAdmin系统的安装和使用方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
yylAdmin
Gitee:https://gitee.com/skyselang/yylAdmin
Github:https://github.com/skyselang/yylAdmin
简介
yylAdmin是一个极简后台管理系统,只有登录退出、权限管理、日志管理等基本功能,方便扩展;前后端分离,后端采用ThinkPHP6,前端采用Vue2;项目由后端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 install
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 配置
在.env*环境变量文件里面修改接口地址
# 启动服务
npm run dev
访问
地址:http://localhost:9527
账号:yyladmin
密码:123456
管理员:skyselang
密码:123456
开发
以日志管理为例
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部分
<img width="100%" src="./public/static/img/devweb1.jpg">
<img width="100%" src="./public/static/img/devweb2.jpg">
<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
ui
browser
debug
协议
到此,关于“yylAdmin系统的安装和使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注天达云网站,小编会继续努力为大家带来更多实用的文章!