快速构建Table和Form页面

项目地址

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

关于

作者：zsw
邮箱：zswemail@qq.com

感谢form-create作者xaboy提供方便优秀的vue工具

快速构建Table和Form页面相关推荐

C# Winform 通过FlowLayoutPanel及自定义的编辑控件，实现快速构建C/S版的编辑表单页面...
个人理解,开发应用程序的目的,不论是B/S或是C/S结构类型,无非就是实现可供用户进行查.增.改.删,其中查询用到最多,开发设计的场景也最为复杂,包括但不限于:表格记录查询.报表查询.导出文件查询等等 ...
快速构建页面APP程序员的人生计划
快速构建页面:bootstarp可视化工具快速构建APP:APPCan工具程序员人生计划参考:
快速构建Spring Cloud工程
spring cloud简介 spring cloud为开发人员提供了快速构建分布式系统的一些工具,包括配置管理.服务发现.断路器.路由.微代理.事件总线.全局锁.决策竞选.分布式会话等等.它运行环境 ...
用Flutter + Dart快速构建一款绝美移动App
作者 | Wojciech Kuroczycki 译者 | 弯月来源 | CSDN(ID:CSDNnews) 如今,与前端或移动相关的新框架层出不穷.所有从事Web开发的人都应该熟悉各种目不暇接的新 ...
【转】使用PowerApps快速构建基于主题的轻业务应用 —— 进阶篇
在上一篇使用PowerApps快速构建基于主题的轻业务应用 -- 入门篇中,我用了三个实际的例子演示了如何快速开始使用PowerApps构建轻业务应用,你可能已经发现,我都是使用默认生成的设置,没 ...
快速开发系统之前台页面 ---- NO1----登录页面
2019独角兽企业重金招聘Python工程师标准>>> 快速开发系统之前台页面 ---- NO1----登录页面 <%@ page language="java&qu ...
java窗口程序实例_Java Swing快速构建窗体应用程序
以前接触java感觉其在桌面开发上,总是不太方便,没有一个好的拖拽界面布局工具,可以快速构建窗体. 最近学习了一下NetBeans IDE 8.1,感觉其窗体设计工具还是很不错的 , 就尝试一下做了一 ...
使用飞冰+dva快速构建一个后台系统
使用飞冰+dva快速构建一个后台系统写在前面最近我们接到这样一个需求,要写一个后台管理系统,时间很急,产品也只是给出了原型稿,把功能陈列了一下,给出的要求就是先注重功能,用起来再去考虑美化.但是作 ...
思路+步骤+方法，三步教你如何快速构建用户画像？
思路+步骤+方法,三步教你如何快速构建用户画像? 2016-10-07 超哥互联网er的早读课互联网er的早读课数十万互联网从业者的共同关注! 作者:超哥.作者授权早读课发表,转载请联系作者. ...