form、table 页面构建插件 surface

Apache
PHP
跨平台
2019-12-09
zswok

【年终提升】2019尾声,来 OSC·年终盛典收割技术干货,get新技能!>>>

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

 

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

关于SDL_CreateRGBSurface

#include "SDL.h" SDL中的文档描述SDL_CreateRGBSurface函数如下: SDL_Surface *SDL_CreateRGBSurface(Uint32 flags, int width, int height, int depth, Uint32 Rmask, Uint32 Gmask, Uint...

2013/04/03 21:20
710
0
Understanding Canvas and Surface concepts

Here are some definitions: A Surface is an object holding pixels that are being composited to the screen. Every window you see on the screen (a dialog, your full-screen activity...

2015/06/09 18:39
40
0
微软 Surface Pro、Studio、Laptop 全线更新

今晨,微软在纽约的秋季新品发布会上,发布了 Surface Pro 6、Laptop 2 以及最顶级的 Studio 2 三款备受期待的 Surface 产品。至此,包括年初的 Surface Book 2 在内,完成了2018 年 Surfac...

2018/10/12 10:18
150
0
微软 Surface Pro、Studio、Laptop 全线更新

今晨,微软在纽约的秋季新品发布会上,发布了 Surface Pro 6、Laptop 2 以及最顶级的 Studio 2 三款备受期待的 Surface 产品。至此,包括年初的 Surface Book 2 在内,完成了2018 年 Surfac...

2018/10/12 20:22
150
0
surfaceflinger

这篇文章中,我们把视角往上层移动一下,研究一下framework是如何与surfaceflinger进行业务交互的。如何创建surface,如何显示窗口等等,所有的这一切都是通过系统服务WindowManagerService与...

2012/08/30 11:02
208
0
Surface、SurfaceView、SurfaceHolder详解

Surface、SurfaceView、SurfaceHolder及SurfaceHolder.Callback之间的关系

2013/12/25 14:31
803
1
SurfaceView,SurfaceHolder,SurfaceHolder.CallBack

先看一下官方的定义: 1.SurfaceView SurfaceView是视图(View)的继承类,这个视图里内嵌了一个专门用于绘制的Surface。你可以控制这个Surface的格式和尺寸。Surfaceview控制这个Surface的绘制...

2014/07/01 16:05
51
0
Android中surfaceView的使用(转载)

首先我们先来看下官方API对SurfaceView的介绍 SurfaceView的API介绍 Provides a dedicated drawing surface embedded inside of a view hierarchy. You can control the format of this sur...

2012/08/24 20:11
589
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部