前面一节介绍了表单设计器的背景和最终的大概样式，本节主要介绍表单设计器的需求及功能设计。 在讲需求之前先明确几个常用的概念： 主表或者卡片表——具有多行多列的一个区域的控件块，如下图所示。 明细表——就是常用的表格类型的控件块，表头信息就确立了该列的数据类型，如下图所示 ...

　　这一节介绍表单设计器的常用控件的设计。 　　在前面两章节的附图中我已经给出了表单控件的两大分类：区域控件、常用控件。这里对每个分类以及分类所包含的控件的作用进行一一的介绍，因为它们很重要，是表单设计器的基本元素，更是核心组成部门。 　　一、区域控件，它主要包含三个类型的控件：卡片区域、表格 ...

　　由于这样工作和自身的一些原因很长一段时间没有写过博客了。最近想把自己前面一段时间搞出的一个表单设计器的相关经验或者经历记录下来、分享给大家，也算是对自己前2个月的一个总结回顾吧。 　　首先介绍一下开发此版本的表单设计器的原因及背景。该项目是公司为中国某大型国有企业开发网上经费报销系统，主要 ...

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节 ...

　　看过之前设计器截图的朋友应该有印象，可能会发觉我们的设计器UI设计布局其实类似Visual studio 的设计界面，采用的是左、中、右三个区域布局。左侧为控件区域、中间为表单的画布设区域、右侧为属性区域。这样的UI设计肯定就得支持控件的拖拽设计，用户只要拖放一个控件到我们的画布上，那么画布 ...

　　接着上一节介绍控件拖放的设计。 　　通过前面的介绍知道，我们的区域类型的容器控件有三种：Card、Table、Mixed。 　　Card 可以支持几乎所有的常用控件，包括：文本TextField、多文本TextArea、数字NumberField、金额NumberField、日期 ...

一、数据校验 　　项目中涉及到数据校验，如果只做前端校验是不安全的，我们可以绕过前端校验，重要数据一定要加上后端校验； 　　1、通过程序，每个数据取出，进行校验，如果失败直接来到添加页面，提示其重新填写；（不推荐） 　　2、SpringMVC：可以利用 JSR303 做数据校验 ...

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节 ...