当前位置: 首页 > Web前端 > vue.js

yylAdmin是一个基于ThinkPHP6和Vue2的极简后台管理系统

时间:2023-03-31 15:06:42 vue.js

yylAdminGitee:https://gitee.com/skyselang/y...Github:https://github.com/skyselang/...简介yylAdmin是一个极简的后台管理系统,只有登录退出、权限管理、日志管理等基本功能,易于扩展;前后端分离,后端使用ThinkPHP6,前端使用Vue2;该项目由后端yylAdmin和前端yylAdminWeb组成。yylAdminyylAdminWeb演示地址:yylAdmin演示账号:yyladmin,admin密码:123456提示:演示账号只有部分权限,请下载源码安装体验所有功能。准备PhpStudyGitNodeComposerThinkPHPVueElementrequiresPHP>=7.1MySQL>=5.6Redis安装PHP部分#克隆项目gitclonehttps://gitee.com/skyselang/yylAdmin.git#进入项目目录cdyylAdmin#安装依赖composerinstall#可以通过composermirrorcomposerconfig-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,如cnpm安装npm安装-gcnpm--registry=https://registry.npm.taobao.org#在.env*环境变量中配置修改volume文件中的接口地址#启动服务npmrundev访问地址: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刷新权限注销重新登录Release#搭建测试环境npmrunbuild:stage#Buildproduction环境npmrunbuild:prodOthers#预览发布环境效果npmrunpreview#预览发布环境效果+静态资源分析npmrunpreview----report#代码格式检查npmrunlint#代码格式检查和自动修复npmrunlint----修复预览FQAnpm推荐使用cnpm:cnpm删除node_modules文件夹后,使用cnpm使用element-ui重新安装依赖ui:element-uibrowser支持Chrome、Firefox、QQ、360、Edge等主流浏览器不支持IE及浏览器兼容模式(IE内核)。在debug模式下,查看接口返回的错误信息,或者提交IssueprotocolApache2开源协议,完全免费使用版权skyselanghttps://gitee.com/skyselang