用强数据类型保护你的表单数据-基于antd表单的类型约束-编程思维

概述 接口数据类型与表单提交数据类型,在大多数情况下,大部分属性的类型是相同的,但很少能做到完全统一。 我在之前的工作中经常为了方便,直接将接口数据类型复用为表单内数据类型,在遇到属性类型不一致的情况时会使用any强制忽略类型错误。 后来经过自省与思考,这种工作模式会引起各种隐藏bug,一定有更好的工程解决方案。 我的答案就是:为表单提交数据单独定义类型! 类型解说 接口定义的请求体类型 请求数

封装vue element的form表单组件-编程思维

前两天封装了一个基于vue和Element的table表格组件,阅读的人还是很多的,看来大家都是很认同组件化、高复用这种开发模式的,毕竟开发效率高,代码优雅,逼格高嘛。虽然这两天我的心情很糟糕,就像“懂王”怼记者:“你是一个糟糕的记者;CNN,Fake news”一样的心情,但我还是忍着难受的心情来工作和分享,毕竟工作是饭碗,分享也能化解我糟糕透顶的心情。 (文章最后有更新,是关于实现自适应布局

前端配置化表单组件设计方法-编程思维

一、背景 前端开发中涉及表单的页面非常多,看似功能简单,开发快速,实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多,vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本,下面介绍表单配置化组件的封装原理与封装方法。 二、技术方案 如上图所示,封装表单配置化组件的关键点有三个一是如何解决表单元素排布的行列问题,二是表单数据的绑定问题,三是表单元素的

表单笔记总结-编程思维

前言:本篇使用markdown写成,图片的呈现效果可能不尽人意,见谅,该博客内容主要来自08版讲述html4.1的《html开发王》,笔者又在互联网上探索了相关的知识进行补充,现在内容应该可以适用于当前学习 一、概览 ​ 表单是html的一部分,表单中包含若干控件,比如单选框、复选框、input、上传图片的控件、上传音频的控件等等;用户可以通过改变控件的状态(如键入文本、选择菜单选项等)来完成一

个人文章-编程思维

Foxnic-Web 代码生成 (6) —— 配置字段的表单组件概述  上一篇中我们讲述了字段配置的通用项,本篇将详细介绍字段的表单编辑器配置。针对不同的表单编辑器,可以指定不同的代码生成参数。默认情况下,代码生成会根据表字段的类型等信息自动匹配一个表单组件。当然,开发人员也可以手动指定每个字段的表单组件类型。  虽然表单组件是呈现在表单界面的,但是它的设置同样会影响搜索区域对应的条件输入框。搜索

天天修改-编程思维

前言ErgateForm 是配置化的 antd form(react) 组件。通过配置化生成表单。实现了表单联动、动态表等单功能,表单属性仍沿用 antd form 各个组件的属性。我自己在做ToB类项目时,比较头疼大量的表单业务。会将表单等组件重新封装一下,使用JSON来配置化自动生成表单。即方便CV,也方便各种抽离,对于模块化也比较友好,下图是我做的DEMO,可以很方便的组合成各种表单基础使用

表单的 9 种设计技巧【下】 - 编程思维

首发于码匠官方博客全文 1642 字 阅读时间约 7 分钟书接上文「表单的 9 种设计技巧【上】」,码匠继续为您分享表单交互设计中的小技巧~技巧 5:对相关信息分组,并折叠不常用表单项对有关联的信息进行分组是提高文案可读性的常用策略。码匠建议您通过运用字号、间距或者分割线等视觉手段将相关的信息进行分组,提升用户处理信息的效率,从而提高表单易用性。这里使用码匠的分割线组件,将表单内容进行了信息分组

手工实现表单重置的部分功能 - 编程思维

首先我必须说几乎所有的人都不需要自己实现表单重置的功能,表单重置功能只需要一个reset类型的input就足够了。<input type="reset" /> 当你万不得已时,不妨考虑下我下面的做法,但必须做下提醒,以下代码不可取,而当你的表单中使用到的控件不多时,或者你有其他办法时,那么就无须浪费时间阅读下面的代码了 function resetForm(ele) {

css学习笔记(十) 界面组件之表单 - 编程思维

1.概述 表单与其他页面元素的作用不同。其他元素是把服务器发过来的内容显示给用户,而表单则是 把用户的信息发送给服务器。 form 元素有两个必要的属性:action 和 method。action 属性用于指定服务器上用来处理表单数据的文件的URL。method (值为 post 或 get)用于指定怎么把数据发送到服务器。 所谓 控件,是对表单中用来收集数据的各种表单组件的通称,包括文

浅谈表单post数据的编码方式 - 编程思维

在HTTP协议中并没有规定POST请求的数据要采用编码何种方式,从某种程度上说,这种编码方式可以是自定义的,可以是任意的。 当然,这种编码是需要和服务器有一个合适的约定,这样服务器端才能正确的解码得到的数据。通常来说,服务器是根据request中的header中的Content-Type来获取传送的数据是采用何种编码方式。 就常见的语言来说,一般会内置下面几个常见编码方式的解析。 1.appli

javascript 表单脚本 - 编程思维

JavaScript 表单脚本 通过 document.forms 可以获得一个包含当前页面中所有表单的集合 HTMLFormElement 接口 下面是这个接口常用的属性和方法: action:接受请求的 URL,等价于 HTML 中的 action 特性。 elements:返回表单中所有控件(或表单字段)的集合(HTMLFormControlsCollection)。需要注意的是,其中不

表单中的method为get和post的解读 - 编程思维

表单中的method为get和post的解读 解读 form表单中的method方法,其值get/post,对应的http协议中的GET和POST传送方法。即指明的是http协议传送请求报文的方式。 区别: 1、请求方式的语义。 GET意指得到资源,是要从服务器上获取资源文件,我们在地址栏输入网址就是一种GET方式的http请求,服务器响应返回给客户端html、css、js、img...等资源。

易扩展二次开发的web快速开发平台 - 编程思维

我们先来看看web快速开发平台的发展 从编程之初,便免不了和方法,类,接口之类的东西打交道。久而久之,自然会对此进行总结,由此而产生了开发平台。而今中国的程序员之中,有很大一部分都是编一些企业MIS、政府MIS之类的程序。其主要工作就是对数据进行一下增删改查的操作,对MIS系统做一些基础的管理而已。随着互联网的流行,自然又要求以互联网为基础,把这些都网络化,以实现网络资源共享,而不是传统的单机模

前端面试每日 3+1 —— 第448天 - 编程思维

今天的知识点 (2020.07.07) —— 第448天 (我也要出题) [html] 如何通过表单下载文件? [css] 在固定宽度的div下,怎么让字体自适应大小,不超出宽度,也不要换行 [js] 用函数实现扑克牌排序 [软技能] 如果给你配台新电脑,你需要什么样的配置?说说你的理由? 《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动

开发这样一个复杂的表单你需要用多久 - 编程思维

开发这样一个复杂的表单你需要用多久 表单在中后台开发的时,是最多也是最另人头疼的,多级联动,繁杂的验证,动态解析等可算是苦不堪言。所以出现了无数的表单解决方案,像Uform, formily, NoForm等等一大堆用来解决中后台开发表单,可想而知,解决复杂的表单开发是多么另人头大;有XML的,有json-schema格式的,无论哪一种都是想能够轻松的解决另人头脑的表单开发,提高生产力。 下面看

神奇表单:一键双向从表格转换表单 - 编程思维

小到在部门群里收集团建聚餐的意见,大到调查整个社区人员的疫苗接种情况,还有诸如科创比赛项目信息、活动人员信息汇总等,我们在生活和办公场景中经常会碰到信息收集的需求。但是,信息收集偏偏不是随随便便发个表给人填写就能完成的事情,它是一件技术活。不信?思考以下这些技术要点,你是否能够解决:如何将 Excel 表格,无需拖拽自动生成收集表或表单?如何让尽可能多的目标人群填写上交?如何确保收集到的信息数据准

数字赋能|力软出席第四届安徽省制造业数字化转型峰会 - 编程思维

2021年11月19日,第四届安徽省制造业数字化转型峰会暨安徽省制造业CIO答谢会席峰会在安徽合肥成功举办。本次峰会由安徽省首席信息官协会、长三角首席信息官联盟等单位联合举办,以“数字赋能企业 转型势在必行”为主题,围绕制造业数字生态及基础前沿技术、产品生命周期核心软件、智能工厂技术与系统、产业协同技术与平台4个技术方向,邀请业界资深专家、标杆企业代表、优秀信息技术服务商等,帮助企业解读政府政策、

lr.net用户友好型自定义表单设计 - 编程思维

表单作为数据采集的工具,在日常职场中运用十分广泛。在传统的线下管理模式中,常使用纸质单据来开展业务,但随着时间推移,纸质单据保管困难、不利于对业务数据的汇总统计分析的缺点就逐渐暴露出来了。因此,为了让业务人员更好地跟进业务进展、管理业务信息,通过定制化的业务管理系统,可以针对性地解决业务现存的各种问题。而表单,在业务管理系统存在的目的,就是为了收集业务信息、为管理系统提供标准化的数据,将业务信息电

vue动态生成表单组件vue-form-maker - 编程思维

项目地址 简介 Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView 在Vue里 一般要用到什么组件或数据 都得提前声明所以要根据数据来生成表单 只能使用Vue的render函数要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来如果对项目有兴趣 可以fork或克隆项目 自行研究 有问题或BUG欢迎提issues 文档 在线DEMO 表单组件