vue3+ElementPlus+Thinkphp6的开源免费的后台快速开发框架

分享一款完全开源免费的内容管理快速开发框架VueCMF。采用前后端分离模式搭建&＃xff0c;2.0&＃43;版本前端使用vue3、Element Plus和TypeScript构建&＃xff0c;支持PC、平板及手机等终端显示&＃xff1b;后端API基于ThinkPHP6、Casbin开发。可用于快速开发OA、CMS、CRM、WMS、OMS、ERP等管理系统&＃xff0c;开发简单、高效易用&＃xff0c;极大减少系统的开发周期和研发成本&＃xff01;使用VueCMF甚至不用写一行代码就能设计出功能强大的后台管理系统。

使用教程&＃xff1a;安装VueCMF前端使用教程 | VueCMFvuecmf内容管理快速开发框架后台使用教程。后台主要提供了模型管理、菜单管理、用户管理、角色管理及权限管理等通过后面界面操作来设计后台管理系统。http://www.vuecmf.com/guide/

安装VueCMF前端

 例如创建一个名为photo的项目

vue create --preset vuecmf/vuecmf photo

 在命令行中&＃xff0c;按照提示操作&＃xff0c;最终显示应该如下

 启动前端项目调试

1、切换到项目根目录

cd photo

2、启动开发环境项目调试

yarn dev

在命令行执行完结果如下

复制上面的结果地址(如 http://localhost:8080) 在浏览器打开&＃xff0c;若显示如下界面&＃xff0c;即表示VueCMF前端安装成功。

 安装VueCMF后端

1、例如创建一个名为myproject 的项目

composer create-project vuecmf/vuecmf myproject

 2、初始化数据

php think migrate:run

配置下伪静态

apache

Options &＃43;FollowSymlinks -MultiviewsRewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-dRewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L]


 nginx

location / { // …..省略部分代码if (!-e $request_filename) {rewrite ^(.*)$ /index.php?s&＃61;/$1 last;}
}

打开浏览器&＃xff0c;输入刚创建的后端站点 http://localhost/vuecmf &＃xff0c;若出现下面界面&＃xff0c;即表示VueCMF后端安装成功。

以上是开发框架的前后端安装部分&＃xff0c;具体如何使用及二次开发内容比较多&＃xff0c;这里就不详细介绍了&＃xff0c;感兴趣的小伙伴可以查询教程&＃xff1a;使用教程 | VueCMF