分享一个layui-vue后台,用基于官方后台用vue3重写UI,前后端不分离

webman-layui-vue-admin
项目地址 演示地址

基于 workerman开发的后台PHP框架

基于官方后台开发的layui-vue后台

基于layui-vue前端UI框架,使用cdn引入方式,非前后端分离,无需node.js;

基于 layui-vue-admin 现成的node项目全面改编成javascript方式

初衷:官方后台layui.js开发的后台,自觉不方便,便使用vue3+layui-vue重写了后台UI,并略微对webman-admin进行了改造,并将其改为前后端不分离的版本

注意:本项目主体为plugin/admin 文件夹,本质上是沿用官方后台插件并使用think-template改了前端UI;

安装方式:

1.简单方式,直接克隆到本地并安装composer install ,然后php start.php start运行项目,访问/app/admin,并安装数据库即可

2.自己手动安装

先composer安装好workerman和官方webman-admin后台插件,

composer create-project workerman/webman
composer require -W webman/admin

然后将官方plugin/admin文件夹删除,把我的项目plugin/admin文件复制过去
(这一步是因为安装官方admin时自动装了很多依赖插件,不先安装再删除就需要手动一个个插件安装,麻烦)

再安装两个插件:

composer require topthink/think-template
composer require yzh52521/easyhttp

接着就可以直接php start.php start运行项目,访问/app/admin即可</br>

注:注释了官方 数据库->所有表 这个菜单,因为我没改写相关页面
删掉了官方开发辅助菜单,替换成了 示例页面 ,可参考示例写代码