• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ngtool: ng-form动态表单生态之后端校验、pdf生成等工具集

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

ngtool

开源软件地址:

https://gitee.com/jjxliu306/ngtool

开源软件介绍:

ngtool

介绍

ng-form动态表单生态之后端校验、pdf生成等工具集

简介

配套ng-form前端动态表单的后端服务,ng-form前端组件一览:

element-ui版本地址:https://gitee.com/jjxliu306/ng-form-element

iview版本地址:https://gitee.com/jjxliu306/ng-form-iview

element-plus版本地址:https://gitee.com/jjxliu306/ng-form-elementplus

安装

<dependency>	<groupId>io.github.jjxliu306</groupId>	<artifactId>ng-form-core</artifactId>	<version>1.0.1</version></dependency>

使用示例

package com.ng;import java.io.IOException;import org.apache.commons.io.IOUtils;import com.alibaba.fastjson.JSON;import com.ng.form.validator.NgFormValidator;import com.ng.form.validator.entity.FormValidator;public class TestValidator {	public void test1() throws IOException {				String template = IOUtils.toString(getClass().getResource("/template.json") , "UTF-8");		String value = IOUtils.toString(getClass().getResource("/value.json") , "UTF-8");				NgFormValidator validator = new NgFormValidator();		FormValidator fv = validator.validator(template, value);				System.out.println(JSON.toJSONString(fv));			}			public static void main(String[] args) throws IOException {		TestValidator test = new TestValidator();		test.test1();	}}

其中template.json如下

{	"list": [		{			"type": "input",			"label": "姓名",			"options": {				"type": "text",				"width": "100%",				"defaultValue": "",				"placeholder": "请输入",				"clearable": false,				"maxLength": 0,				"prepend": "",				"append": "",				"tooptip": "",				"hidden": false,				"disabled": false,				"dynamicHide": false,				"dynamicHideValue": ""			},			"model": "name",			"key": "input_1628755200021",			"rules": [				{					"required": true,					"message": "姓名不能为空",					"trigger": [						"blur"					]				}			]		},		{			"type": "textarea",			"label": "地址",			"options": {				"width": "100%",				"maxLength": 0,				"defaultValue": "",				"rows": 4,				"clearable": false,				"tooptip": "",				"hidden": false,				"disabled": false,				"placeholder": "请输入",				"dynamicHide": false,				"dynamicHideValue": ""			},			"model": "address",			"key": "textarea_1628755200021",			"rules": [				{					"required": true,					"message": "地址不能为空",					"trigger": [						"blur"					]				}			]		},		{			"type": "radio",			"label": "性别",			"options": {				"disabled": false,				"hidden": false,				"defaultValue": "1",				"dynamic": 0,				"tooptip": "",				"remoteFunc": "",				"dataPath": "",				"remoteValue": "",				"remoteLabel": "",				"linkage": false,				"options": [					{						"value": "1",						"label": "男"					},					{						"value": "2",						"label": "女"					}				],				"dynamicHide": false,				"dynamicHideValue": ""			},			"model": "sex",			"key": "radio_1628755200021",			"rules": [				{					"required": false,					"message": "性别不能为空",					"trigger": [						"change",						"blur"					]				}			]		},		{			"type": "textarea",			"label": "男性输入",			"options": {				"width": "100%",				"maxLength": 0,				"defaultValue": "",				"rows": 4,				"clearable": false,				"tooptip": "",				"hidden": false,				"disabled": false,				"placeholder": "请输入",				"dynamicHide": false,				"dynamicHideValue": ""			},			"model": "nanInput",			"key": "textarea_1628755202176",			"rules": [				{					"required": false,					"message": "男性输入不能为空",					"trigger": [						"blur"					]				},				{					"vtype": 2,					"pattern": "",					"script": "if($.sex == 1){\nreturn $.nanInput\n}else{\nreturn true\n}",					"message": "男性输入不能为空",					"required": false,					"trigger": [						"change",						"blur"					]				}			]		}	],	"config": {		"labelPosition": "left",		"labelWidth": 100,		"size": "mini",		"outputHidden": true,		"hideRequiredMark": true,		"customStyle": ""	}}

value.json如下

{"name":"小米" , "address":"" , "sex":1 }

最终输出结果如下

{    "failField":[        {            "fieldName":"地址",            "message":"地址不能为空",            "model":"address",            "type":"textarea"        },        {            "fieldName":"男性输入",            "message":"男性输入不能为空",            "model":"nanInput",            "type":"textarea"        }    ],    "result":false}

api说明

在线api地址:https://apidoc.gitee.com/jjxliu306/ngtool/

交流

点击链接加入qq群聊,可以直接提问及反馈bug 【交流群:203205848】 vue-form-design


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap