快速构建Table和Form页面

最新推荐文章于 2023-08-04 17:25:20 发布

iszsw

最新推荐文章于 2023-08-04 17:25:20 发布

阅读量412

点赞数 1

分类专栏： php admin 文章标签： PHP admin table form

本文链接：https://blog.csdn.net/qq_33504339/article/details/103345256

版权

php 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

admin

1 篇文章 0 订阅

订阅专栏

项目地址

https://github.com/iszsw/surface

基本功能

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

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

（iview主题暂时未兼容正在完善）

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安装

$ 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' => '' // 大小
                                                        ]]）