laravel-gii 可视化代码生成工具 CRUD +GUI

Laravel Gii 参考sunshinev/laravel-gii，使用laravel7 + vue + elemnt-ui 架构，api使用resftul api，前后端分离,项目代码使用php artisan vendor:publish发布后，不依赖扩展本身，全部部署到项目各目录下,可根据需求灵活修改

[TOC]

demo

1. gii地址：http://49.233.68.29/gii/model
2. 访问地址（例）：http://49.233.68.29/alarmlog/list

原理

1. 通过解析MySQL的数据表结构，来提取字段、以及类型，并填充到stub模板。
2. 生成对应的Model、Observer、Controller、View、Route等相关项目文件。
3. 根据MySQL表结构生成Model
4. 根据Model生成Controller

注意

因为是解析MySQL的表结构，并且根据字段生成模板，所以目前生成的Model类时只支持MySQL， MySQL表结构请保证id,created_at,updated_at三个字段必须存在。

安装

###扩展包 请先安装laravel7（其他版本未测试）

Via Composer

$ composer require skyyouare/laravel-gii --dev

发布

需要先按
1、composer require laravel/ui --dev

2、php artisan ui vue

3、npm install

4、npm install element-ui vue-router qs --save-dev

5、php artisan vendor:publish  --tag gii.config --tag gii.views --tag gii.images --tag gii.js --tag gii.blade --tag  gii.sass --tag gii.controller --tag gii.request --tag gii.route --tag gii.exception --tag gii.provider --force

6、运行 npm run watch-poll 编译

访问

在发布完成后，已经进行了路由的注册，可以通过下面的路由访问Gii页面,请确认配置好数据库(否则会报错)，网站域名(ip)等

http:[domain]/gii/model

操作说明

生成Model模型

表单说明

1. MySQL table name：选择表名称
2. Model name：自动生成并选择mode名称,可以选择预定义的命名空间 可以修改config/gii.php增加或修改model_namespaces,下拉选择按配置排序
3. Parent class name：自动选择模型继承的父类,可调整config/gii.php文件中base_model_defaults配置就行修改
4. select fileds：需手动选择需要生成下拉框的文件，字典需手动修改 生成model的 get_dicts方法
5. Primary key：主键，默认选择第一个字段
6. Create at：选择创建时间字段，可以修改config/gii.php文件create_at_defaults进行调整
7. Update at：选择更新时间字段，可以修改config/gii.php文件update_at_defaults进行调整

生成的文件列表，蓝色代表全新文件，红色代表已有文件但是存在不同，白色代表已有文件。

比如指定生成的Model命名空间为App\Models\Admin\AlarmLog，那么生成的目录结构为:

    .app
    ├── Http
    │   └── Requests
    │       └── Admin
    │           └── AlarmLogRequests.php
    ├── Models
    │   └── Admin
    │       ├── AlarmLogModel.php
    │       └── AlarmLog.php
    ├── Observers
    │   └── Models
    │       └── Admin
    └──         └── AlarmLogObserver.php

通过上面的结构，我们可以发现命名空间与目录之间的关系。

生成CRUD

CRUD的创建，需要依赖之前创建的模型。

该操作会同时生成：

• route
• controller
• views

表单说明

1. Model：选择model,可配置config/gii.php文件model_base_path获取加载下拉列表目录
2. Controller namespace：选择命名空间,可修改config/gii.php文件create_at_defaults进行调整controller_namespaces
3. 自动生成文件名

如果指定命名空间的类为App\Http\Controllers\Admin,控制器为AlarmLogController ，以及关联的Model为App\Models\Admin\AlarmLog，那么生成的目录结构为:

    app
    ├── Http
    │   └── Controllers
    │   │   └── Admin
    │   │       └── AlarmLogController.php
    │   └── Requests
    │       └── Admin
    │           └── AlarmLogRequests.php
    ├── Models
    │   └── Admin
    │       ├── AlarmLogModel.php
    │       └── AlarmLog.php
    └── Observers
        └── Models
            └── Admin
                └── AlarmLogObserver.php

以及生成的视图文件

.resources
    └── pages
        └── admin
            └── alarmlog
                ├── list.vue
                ├── edit.vue
                ├── create.vue
                └── detail.vue

如何访问CRUD?

注意：路由是追加的，请勿多次生成 CRUD的路由会自动添加到路由文件中，根据Controller的命名空间App\Http\Controllers\Admin\AlarmLogController会生成如下的路由，所以请直接访问路由

    //--------- append route 2020-08-27 09:58:16----------
    {
      name: 'alarmlog',
      path:'/alarmlog/list',
      component: resolve =>void(require(['./pages/alarmlog/list.vue'], resolve))
    },
    {
      name: 'alarmlog',
      path:'/alarmlog/create',
      component: resolve =>void(require(['./pages/alarmlog/create.vue'], resolve))
    },
    {
      name: 'alarmlog',
      path:'/alarmlog/edit',
      component: resolve =>void(require(['./pages/alarmlog/edit.vue'], resolve))
    },
    {
      name: 'alarmlog',
      path:'/alarmlog/detail',
      component: resolve =>void(require(['./pages/alarmlog/detail.vue'], resolve))
    },

CRUD后台效果

列表页

包含全面的增删查改功能

• 列表
• 分页
• 搜索
• 删除
• 详情
• 编辑

快捷搜索

添加页面

编辑页面

详情

License

MIT. Please see the license file for more information.