分类:后端集成

think-elementvue2element-uithinkphp

作者:phpbloger 开源协议:MulanPSL-2.0


Think-element

think-element 使用Thinkphp6 + element ui + vue实现的快速制作项目通用后台管理框架。 适合个人开发者、工作室,非常适合快速开发中小型项目,一键curd能够快速生成一个模块的操作,支持操作和事件支持钩子实现,可以构造字段模型单独生成form、table、search等组件。

演示:

输入图片说明

运行环境要求PHP7.1+

主要新特性

  • 一键curd
  • 权限颗粒化
  • 自动渲染表单
  • 自动渲染普通表格、无限极表格
  • Element-ui 组件封装
  • 自动渲染查询组件
  • 支持无限极菜单、无限极面包屑
  • 分组增加配置选项
  • 可自定义视图
  • 功能支持钩子扩展

安装

git clone https://gitee.com/phpbloger/think-element.gitcd /think-elementcomposer update

浏览器访问站点进入安装程序,根据步骤进行安装即可。

流程

整个流程非常的简单

  • 获取路由控制器名称
  • 获取到对应的json配置文件`
  • 获取对应组件
  • 生成html 列表、表单、查询、以及操作事件等,对于想要自定义页面或者增加操作的用户来说、可以使用钩子自己实现对应事件,当然了你也可以单独实现view、或者重写 curd方法来满足一些复杂的交互逻辑。

使用

如何快速创建一个功能模块的CURD操作

  • 首先你需要再数据库创建一张数据表,用来保存该模块的数据
  • 自动
    • 可以使用后台简易的工具填写数据库对应的字段自动为你生成配置文件,也就是手动创建的三个步骤
  • 手动

    • 手动创建一个该模块的空控制器,需要use \backend\traits\View;
    • 手动创建一个该模块的空模型
    • public/static/backend/json下配置一个json文件(文件名称与控制器一致)
  • 访问你的路由即可

文档

😄 我觉得 这个写得是比较简单的了,没有过度的封装、也没有用到过深的写法,只要会PHP应该都能看懂,对于后台来说已经有一些已经实现的demo,可以参考demo去实现自己的通用模块,感觉不需要什么文档,后续增加模块也就是一个粘贴和复制的过程,如果你们迫切的需要一些指示,或者一些问题可以在下方留言,我可以针对这一部分出一些文档

参与开发