surfaceform、table 页面构建插件

surface根据PHP代码配置创建Table、Form页面 

如果使用ThinkPHP的同学使用内置助手类，对tp更友好，可以查看/vender/iszsw/test/ThinkPhp.php中示例

github https://github.com/iszsw/surface

gitee   https://gitee.com/iszsw/surface

演示地址 http://demo.surface.zsw.ink/login/index

 Form组件

• upload
• frame
• text
• tab
• hidden
• select
• switch
• number
• json
• rate
• editor
• tree
• range
• slider
• color
• datetime
• date
• time

 Table组件

• text
• textEdit
• html
• switchEdit
• selectEdit
• in
• longText

环境需求

 PHP >= 7.1.3

安装

composer安装 shell $ composer require iszsw/surface

使用说明

• 1、因为文件涉及到前端样式 需要复制/src/static 目录到项目入口 

• 2、注册全局配置

使用了thinkPHP框架可以直接在config目录添加surface.php配置文件

return [         
    'upload' => [             
        'manageShow' => true,    // 图片管理             
        'manageUrl'  => '',    // 文件管理地址             
       'action'     => '',    // 文件上传地址             
       'uploadType' => 'image', // 文件类型 支持image|file             
       'multiple'   => false,            
       'limit'      => 1,        
   ] 
];

// 方式二

Form::global([             
    'upload' => [
                 'manageShow' => true,    // 图片管理
                 'manageUrl'  => '',    // 文件管理地址
                 'action'     => '',    // 文件上传地址
                 'uploadType' => 'image', // 文件类型 支持image|file
                 'multiple'   => false,
                 'limit'      => 1,
             ]
      ]);

• 3、创建控制器 引入测试文件

use surface\test\Test;

$type = $_GET['type'] ?? null;

if ($type) {
     if ($type == 'file') {
         echo Test::table();die;
     }
 }

 echo Test::form();

参考

/test/test.php

/src/README.md

 注意 接口请求参数说明

// 返回格式
// code === 0 成功  code > 0 失败

json_encode（['code' => 0, 'msg'=> '成功', 'data' => []]）

// 文件上传
json_encode（['code' => 0, 'msg'=> '成功', 'data' => ['url' => '....']]）


// editor 富文本中文件上传
json_encode（['code' => '000', 'message'=> '成功', 'data' => ['url' => '....']]）
json_encode（['code' => '001', 'message'=> '失败'）


// editor 富文本中文件管理
json_encode（['code' => '000', 'count'=> 100, 'data' => [
[
    'name' => '', // 增加 BUpload.js:578 FManager.js:230 增加item.name参数 显示资源名称
    'oriURL' => '',   // 文件地址
    'thumbURL' => '', //预览地址
    'height' => '',  // 高度
    'width' => '', // 宽度
    'size' => '' // 大小
                                                        ]
]）