解析yylAdmin系统的安装使用

发布时间 - 2021-08-02 00:00:00    点击率:

yylAdmin

gitee:https://gitee.com/skyselang/yyladmin

Github:https://github.com/skyselang/yylAdmin

简介

yylAdmin是一个极简后台管理系统,只有登录退出、权限管理、日志管理等基本功能,方便扩展;前后端分离,后端采用ThinkPHP6,前端采用Vue2;项目由后端yylAdmin和前端yylAdminWeb组成。

  • yylAdmin
  • yylAdminWeb

演示

地址:https://demo.yyladmin.top/#/login?redirect=%2Fdashboard  
账号:yyladmin、admin  
密码:123456  
提示:演示账号只有部分权限,请下载源码安装体验全部功能

准备

  • PhpStudy
  • Git
  • Node
  • Composer
  • ThinkPHP
  • Vue
  • Element

要求

  • PHP >= 7.1
  • MySQL >= 5.6
  • Redis

安装

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部分

  • 编写接口代码:app/admin/controller/AdminLog.php

  • 添加菜单信息

  • 分配相应权限

WEB部分

  • 新建接口文件:src/api/admin.js

  • 新建页面文件:src/views/admin/log.vue

  • 添加路由信息:src/router/index.js

刷新权限

  • 退出重新登录

发布

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

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

其它

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

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

# 代码格式检查
npm run lint

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

预览

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

相关推荐:最新的10个thinkphp视频教程


# php  # thinkphp  # vue.js  # element-ui  # 管理系统  # 后端  # 可以通过  # 镜像  # 速度慢  # 的是  # 是一个  # 推荐使用  # 不支持  # 为例 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: java获取注册ip实例  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  Bootstrap整体框架之JavaScript插件架构  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  微信小程序 五星评分(包括半颗星评分)实例代码  在线教育网站制作平台,山西立德教育官网?  Windows Hello人脸识别突然无法使用  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  Laravel如何使用Sanctum进行API认证?(SPA实战)  Laravel怎么判断请求类型_Laravel Request isMethod用法  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  如何在不使用负向后查找的情况下匹配特定条件前的换行符  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  专业商城网站制作公司有哪些,pi商城官网是哪个?  再谈Python中的字符串与字符编码(推荐)  Python并发异常传播_错误处理解析【教程】  JS去除重复并统计数量的实现方法  香港服务器租用每月最低只需15元?  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  如何在Windows服务器上快速搭建网站?  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  JavaScript如何实现类型判断_typeof和instanceof有什么区别  JavaScript Ajax实现异步通信  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  教学论文网站制作软件有哪些,写论文用什么软件 ?  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  node.js报错:Cannot find module 'ejs'的解决办法  香港网站服务器数量如何影响SEO优化效果?  网页设计与网站制作内容,怎样注册网站?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  Laravel如何使用模型观察者?(Observer代码示例)  想要更高端的建设网站,这些原则一定要坚持!  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  Laravel如何使用Vite进行前端资源打包?(配置示例)  如何在云主机上快速搭建网站?  如何在宝塔面板中修改默认建站目录?  Laravel如何记录自定义日志?(Log频道配置)  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  太平洋网站制作公司,网络用语太平洋是什么意思?  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询