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 >= 7.1

• MySQL >= 5.6

• Redis

安装

PHP部分

#克隆项目gitclonehttps://gitee.com/skyselang/yylAdmin.git#进入项目目录cdyylAdmin#安装依赖composerinstall#可以通过composer镜像解决速度慢的问题composerconfig-grepo.packagistcomposerhttps://mirrors.aliyun.com/composer/#导入数据库数据库文件:public/private/yyladmin.sql#配置重命名.env.example为.env,修改里面配置或者直接修改config文件夹里面的相应配置

WEB部分

#克隆项目gitclonehttps://gitee.com/skyselang/yylAdminWeb.git#进入项目目录cdyylAdminWeb#安装依赖npminstall#可以通过npm镜像解决速度慢的问题npminstall--registry=https://registry.npm.taobao.org#或者使用cnpm,安装后使用cnpm替代npm,如cnpminstallnpminstall-gcnpm--registry=https://registry.npm.taobao.org#配置在.env*环境变量文件里面修改接口地址#启动服务npmrundev

访问

地址: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">

发布

#构建测试环境npmrunbuild:stage#构建生产环境npmrunbuild:prod

其它

#预览发布环境效果npmrunpreview#预览发布环境效果+静态资源分析npmrunpreview----report#代码格式检查npmrunlint#代码格式检查并自动修复npmrunlint----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系统的安装和使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注本站网站,小编会继续努力为大家带来更多实用的文章!