eForm自定义表单使用文档

合集下载

自定义表单用户手册1

自定义表单用户手册1

第1章表单管理1.1.模块概述 2009系统表单管理模块使所有 2009用户都可以在表单管理模块中轻松录入或修改表单数据,支持重复表的使用,通过动态的表单收集团队或机构内部各种分散的信息,避免进行大量繁锁或重复性的工作,帮助用户快速而准确地获得信息并对信息进行准确的判断。

本模块具有以下功能:⏹直接通过Web浏览器在线编辑和提交表单用户也可以方便地利用 2009来在线录入和编辑表单数据,最大程度减少用户熟悉和培训的时间,机构或团队不同技术层面、不同职责的人员都可以利用表单管理模块实现最大范围内的数据共享和再使用。

⏹通用的权限设置实现对设计模板和表单使用权限的控制采用与 2009系统相同的权限设置方式,在表单设计器中,系统管理员或者是模板管理员可以设置哪些人员有权创建模板、管理模板。

在表单流程管理模块,系统管理员可以设置表单流程的使用权限、知会权限和监控权限。

⏹通过视图和流程来赋予不同角色的用户对同一表单有不同的操作权限针对使用同一表单的用户职责与权限的不同,用户可自定义表单流程,在同一流程中不同权限的用户所能查看和录入的字段不同,方便用户明确职责与任务的同时也能有效地保障数据安全。

⏹从数据库或者视图中读取数据一方面,设计模板时候,可以在控件属性中设置好需要从数据表或者视图中读取的数据字段,用户在前台页面打开表单的时候就可以直接从数据表或者视图中读取数据,显示在表单编辑页面上。

另一方面,用户需要在浏览器中录入本机构的人员和部门信息时(具体的信息根据实际需要设置选取的数据字段),只需要通过点击功能按钮, 2009系统自动弹出人员信息、部门信息以及数据库表或视图中的几个字段信息的选择窗口供用户选取,并将结果显示在当前表单编辑页面上,不需要用户手工录入(这类模板的创建方法以下将作详细说明)。

⏹表单数据的导入导出功能用户可以直接从表单管理模块中导出表单数据,在本地进行编辑好之后再将数据导入到表单管理模块,因此即使在无法连接到网络的情况下,用户也可以对表单进行处理。

formitem required的自定义规则

formitem required的自定义规则

formitem required的自定义规则
formitem required的自定义规则是指对表单项设置必填规则的要求。

根据相关法规和规范要求,以下是几条自定义规则的示例:
1. 必须填写:所有表单项都必须填写,不得有任何未填写的项。

2. 格式正确:填写的内容必须符合指定的格式,例如邮箱地址必须包含@符号,日期必须按照指定格式填写等。

3. 字符长度限制:填写的内容必须符合指定长度的限制,例如密码长度必须在6-20个字符之间。

4. 必须选择:对于选项类型的表单项,必须在给定选项中进行选择,不得选择其他无效选项。

5. 逻辑合理:填写的内容必须符合逻辑要求,例如起始时间必须早于结束时间,金额必须大于等于0等。

6. 格式一致:填写的内容必须与指定的格式一致,例如填写的姓名必须为中文字符,填写的手机号必须为11位数字等。

需要注意的是,在自定义规则中不得出现任何网址、超链接和电话,以确保信息的安全性和私密性。

EKP表单自定义宝典

EKP表单自定义宝典

蓝凌EKP-J 表单自定义宝典文档控制/Document Control 修改记录审阅人分发目录第一章导读 (4)1.1从什么地方开始 (4)1.2相关资料 (4)第二章快速入门 (4)2.1第一次使用表单自定义 (4)2.2表单自定义可以做什么 (5)2.3表单自定义可以用在什么地方 (6)2.4表单自定义不能做什么 (6)第三章使用表单自定义 (6)3.1使用表单自定义工具 (6)3.2表单自定义的版本功能 (14)3.3理解表单自定义的数据存储 (15)3.4使用表单自定义的高级控件 (17)第四章扩展表单自定义 (26)4.1扩展表单自定义中的存储事件 (26)4.2扩展表单自定义工具中的控件(未展开说明) (32)第五章在应用中部署表单自定义 (32)5.1部署说明 (32)5.2部署表单模板 (33)5.3部署表单主文档 (35)5.4部署表单存储映射 (41)第一章导读1.1 从什么地方开始✓若您对表单自定义完全不了解,建议您先查阅“快速入门”章节。

✓若您了解表单自定义的基本概念,想使用表单自定义来完成您的业务需求,那建议您查阅“使用表单自定义”的章节。

温馨提醒:“使用表单自定义”的章节将由浅入深,告诉您如何使用表单自定义,当然,深一点的内容需要有一定的编程基础。

✓当您发现现有的表单自定义满足不了您的业务需求的时候,您期望做一些扩展,那您可以查阅“扩展表单自定义”章节。

温馨提醒:该章节需要有一定的EKP-J编程基础。

✓若您期望在一个新的模块能使用表单自定义的功能,那请查阅“在应用中部署表单自定义”章节。

温馨提醒:该章节需要有一定的EKP-J编程基础。

✓若您是一个表单自定义的使用者,一个非开发人员,建议您查阅本文的所有案例,了解通过表单自定义可以做到什么程度,若您是一个开发人员,建议您通读全文。

1.2 相关资料本文涉及到公式定义器的相关知识,请参阅详见《公式定义器宝典》涉及到流程部分的知识,请参阅详见《流程宝典》第二章快速入门2.1 第一次使用表单自定义我们在费用报销的时候经常会碰到一个这样的需求,当报销金额大于10000元的时候,需要高一层的领导进行审批,然后再交给财务审批。

eformstudy

eformstudy

带导航条的单表输入
一次取一条记录
翻页后(移动记录后)将当前记录的主键字段的值赋给全局变量pubdjbh,以 便修改保存时能够找到修改哪条记录。
带导航条的单表输入
还需要的设置:
主键字段的设置 数据集的SQL语句和保存表名的设置 界面上输入控件的设置
带导航条的主从表输入
增加行:dssub1.Append(); 删除行:dssub1.Delete(); 插入行:dssub1.Insert();
同名字段复制规则,即字段名相同时数据自动传递
数据集字段设置
设置本数据集的字段信息
显示下面的这些字段信息是只有当数据 集绑定到grid控件上时才起作用的
数据集与控件
Ds 的数据区
数据集控件的 XML 数据区,为 TR,TD 格式.可 用 ds.oDom 来 存取
零散控件 checkbox 控件、 radio 控件、 text 控件、 listbox 控件、
动态SQL语句
:pubdjbh 取全局变量pubdjbh的值 :Ds.fieldname 取数据集当前记录某字段的值 :$text1.value 取控件上的值或当前表单中全局 变量的值 用脚本ds.Open(sql) 重新组织一个新的SQL语句
用检索方案来选择输入
方案编号 允许多选 隐藏字段 SQL支持 :v_get 同名字段复制
:pubdjbh表示取全局变量pubdjbh的值, 修改打开时会将sdwid字段的值传给 pubdjbh全局变量.新增打开时不会执 行此SQL语句,全局变量pubdjbh的值为 空
列表+卡片的单表输入
主键字段的设置
主键字段类别的说明: 特定格式ID值 : 表示调用后台的函数来生成主键字段的值,需传一个三个字母的参数,生成 XXX00000001格式 也可修改后台的函数来自定义主键字段的值的产生方式. 自动编号ID值 : Sql server 的识别种子字段,字段的值由数据库自动产生. oracle序列作ID : 用oracle的序列作主键字段值时使用.需 传一个序列名称作参数. 单个字段作主键 : 单个字段作主键,主键字段的值要先给好.且要保持唯一性. 多 个字段作主键: 多个字段作主键,每个主键字段的值要先给好.且要保持唯一性.

微软forms的用法

微软forms的用法

微软forms的用法Microsoft Forms是Microsoft提供的一款在线调查和表单创建工具,用于创建问卷调查、投票表单等。

以下是使用Microsoft Forms 的基本步骤:创建表单:* 登录:* 使用Microsoft账户登录到Microsoft Forms。

你可以使用Outlook、Hotmail、Office 365等Microsoft账户登录。

* 新建表单:* 在Microsoft Forms首页,点击“新建表单”或“+ 新建”按钮。

* 添加问题:* 选择表单的标题,然后逐步添加问题。

可以选择不同类型的问题,如单选题、多选题、文本框等。

* 设置问题选项:* 对于每个问题,添加选项或答案,设置必填项、其他选项等属性。

* 调整表单布局:* 调整问题的顺序,设置分页以便更好地组织表单。

共享和收集回应:* 调整表单设置:* 在表单编辑界面,点击右上角的“...”(更多选项),可以设置表单的共享和收集回应的方式。

* 共享表单链接:* 通过点击“共享”按钮,获取表单的链接,可以将链接分享给他人。

也可以通过邮件、社交媒体等方式分享表单。

* 嵌入表单:* 可以将表单嵌入到网站或其他应用程序中,以便用户在其他环境中填写表单。

* 设置截止日期:* 在表单设置中,可以设置截止日期,截止日期后将不再接受新的回应。

查看和分析回应:* 查看回应:* 在表单编辑页面,可以随时查看表单的实时回应,包括每个问题的回答情况。

* 分析回应:* Microsoft Forms提供了简单的数据分析工具,可以帮助你分析回应的统计信息,包括图表和图形化数据。

* 导出回应:* 可以将回应导出为Excel文件,以便在本地进行更详细的分析和处理。

Microsoft Forms是一个简便易用的工具,适用于创建各种类型的表单,从简单的调查问卷到更复杂的投票表单。

它与其他Microsoft Office应用(如Excel)整合紧密,方便用户进行数据处理和分析。

form表单中属性及功能应用

form表单中属性及功能应用

form表单中属性及功能应用form表单中属性及功能应用通俗的讲form标签是用来进行表单提交用的,那么大家知道form表单中属性及功能应用是怎样的呢?下面一起来看看!form表单属性介绍1. 详解form标签中的method属性浏览器使用method 属性设置的方法将表单中的数据传送给服务器进行处理。

共有两种方法:POST 方法和 GET 方法。

2. form中的lable标签小伙伴们,在你们学习表单各种控件的时候,有没有发现一个标签--label,这篇就来揭晓他的作用。

label标签不会像用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。

如果你在label标签内点击文本,就会触发次控件。

就是说,当用户单击选中该label标签时,浏览器就会自动将焦点赚到和标签相关的表单控件上。

3. 详解html中form表单的参数和属性new : HTML5 中的新属性。

4. HTML5的表单中关于所有type类型的.详细介绍button:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)checkbox:定义复选框color:定义拾色器5. 详解HTML5新表单属性最完整的表单属性可以通过查阅w3cschool-h5表单属性获取,这里仅针对常见属性讲解。

autocomplete(自动完成):能够记录用户的输入,并且给予提示,这就是autocomplete的作用6. HTML5表单属性教程实例新属性:autocompletenovalidate新属性:autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight and widthlistmin and maxmultiplepattern (regexp)placeholderrequiredstepform表单功能介绍1. 基于HTML实现表单提交后不刷新页面使用ajax实现表单提交无刷新页面在项目中经常会用到。

《Forms》的在线表格设计技巧与实战案例

《Forms》的在线表格设计技巧与实战案例

《Forms》的在线表格设计技巧与实战案例摘要:本文主要介绍了在线表格设计技巧,并结合实际案例进行深入分析。

有效的表格设计可以提高数据采集和处理的效率,同时也可以提高用户的体验感。

在设计表格时,需要考虑清楚数据的类型、重要性和呈现方式,以及如何避免清晰度不佳和数据误导。

在最后,提供了一些在线表格设计的最佳实践。

1.引言在线表格已经成为了我们生活和工作中不可或缺的一部分,它被广泛用于数据采集、调查和数据分析等领域。

不过并不是所有的在线表格都是同等有效的,一个良好的表格设计可以提高数据采集和处理的效率,减少出错的可能,同时也可以提高用户的使用体验。

2.表格设计技巧2.1数据类型首先,在设计表格时,我们需要先考虑表格中所包含的数据类型。

不同类型的数据需要使用不同的展示方式。

例如,在统计一组数据时,可以使用柱状图或饼图来进行展示;而在收集简短的文本信息时,可以使用单行或多行文本框来进行收集。

2.2数据重要程度其次,我们需要考虑数据的重要程度。

重要的信息需要被清晰的展示在表格中,而非重要的信息则可以被隐藏或者放置在较小的空间中。

重要数据可以使用更加醒目的颜色或字体进行强调,以便于用户的快速识别。

2.3呈现方式表格的呈现方式也需要考虑,表格的排版需要尽可能的直观和简洁,使用户能够快速的找到所需要的信息。

表格的列宽和行高也需要足够宽广,以便用户能够自由的进行滚动查看所需要的信息。

同时,在进行大量数据输入时,也需要考虑表格的滚动条和分页展示。

2.4避免数据误导和清晰度不佳在设计表格时,我们还需要避免数据误导和清晰度不佳。

多个数据序列在同一图表中进行展示时,数据的清晰度容易受到图像覆盖和线条错综复杂的影响。

在展示数据时,需要考虑使用更加清晰的图形来进行展示,同时还需要考虑使用标签和数据提示来提高数据的清晰度。

3.实战案例以Google Forms为例,以下是一些在线表格设计的最佳实践:–展示主要数据。

在展示调查数据时,可以通过设置可选页面来清晰地展示主要数据。

form的使用技巧

form的使用技巧

form的使用技巧Form是网页开发中常用的一种元素,用于收集用户输入的数据。

在实际应用中,合理地使用form可以提高用户体验,简化数据处理过程。

下面将介绍一些form的使用技巧。

一、使用合适的输入类型在form中,可以使用不同的输入类型来适应不同的数据需求。

常见的输入类型包括文本框、密码框、单选框、复选框、下拉框等。

根据实际情况选择合适的输入类型,可以让用户更方便地输入数据,提高用户体验。

二、设置合理的表单验证为了保证用户输入的数据的准确性和安全性,可以在form中设置合理的表单验证。

例如,可以使用required属性来要求用户必须填写某个字段,使用pattern属性来限定用户输入的格式等。

通过合理的表单验证,可以减少用户输入错误的可能性,提高数据的准确性。

三、美化表单样式为了让form更符合网页的整体风格,可以对表单的样式进行美化。

可以使用CSS来设置表单的背景色、边框样式、字体样式等,从而使表单更加美观和易于使用。

四、使用正确的提交方式在form中,可以使用不同的提交方式来处理用户输入的数据。

常见的提交方式有GET和POST。

GET方式将用户输入的数据附加在URL后面,适用于数据量较小的情况;POST方式将用户输入的数据放在请求体中,适用于数据量较大或敏感数据的情况。

根据实际需求选择合适的提交方式,可以提高数据传输的效率和安全性。

五、合理布局form元素在网页中,form元素通常与其他元素一起布局。

为了使布局更加合理和美观,可以使用div等容器元素来对form进行分组和排列。

可以使用CSS的布局技巧,如flexbox、grid等,来实现更灵活的布局效果。

六、处理表单数据在用户提交表单数据后,需要对数据进行处理。

可以使用后端技术,如PHP、Python等,来接收和处理表单数据。

在后端处理过程中,可以进行数据校验、数据存储等操作,从而实现对用户输入数据的有效管理和利用。

七、及时反馈用户操作为了提高用户体验,可以及时地向用户反馈其操作的结果。

Yii框架form表单用法实例

Yii框架form表单用法实例

Yii框架form表单用法实例文章主要介绍了Yii框架form表单用法,实例分析了Yii中form表单的实现方法与相关技巧,非常具有实用价值,需要的朋友可以参考下。

使用表单在 Yii 中处理表单时,通常需要以下步骤:1. 创建用于表现所要收集数据字段的模型类。

2. 创建一个控制器动作,响应表单提交。

3. 在视图脚本中创建与控制器动作相关的表单。

一、创建模型在编写表单所需的 HTML 代码之前,我们应该先确定来自最终用户输入的数据的类型,以及这些数据应符合什么样的规则。

模型类可用于记录这些信息。

正如模型章节所定义的,模型是保存用户输入和验证这些输入的中心位置。

取决于使用用户所输入数据的方式,我们可以创建两种类型的模型。

如果用户输入被收集、使用然后丢弃,我们应该创建一个表单模型; 如果用户的输入被收集后要保存到数据库,我们应使用一个Active Record。

两种类型的模型共享同样的基类 CModel ,它定义了表单所需的通用接口。

1、定义模型类例如创建为一个表单模型:复制代码代码如下:class LoginForm extends CFormModel{public $username;public $password;public $rememberMe=false;}LoginForm 中定义了三个属性: $username, $password 和$rememberMe。

他们用于保存用户输入的用户名和密码,还有用户是否想记住他的登录的选项。

由于 $rememberMe 有一个默认的值 false,相应的选项在初始化显示在登录表单中时将是未勾选状态。

我们将这些成员变量称为特性(attributes)而不是属性(properties),以区别于普通的属性(properties)。

特性(attribute)是一个主要用于存储来自用户输入或数据库数据的属性(propertiy)。

2、声明验证规则一旦用户提交了他的输入,模型被填充,我们就需要在使用前确保用户的输入是有效的。

form的用法及搭配

form的用法及搭配

form的用法及搭配一、什么是表格(form)及其作用表格(form)是在网页上收集和提交用户填写信息的常见元素。

通过使用表格,网站可以方便地收集用户输入的数据,如姓名、邮箱地址、密码等,以便进行后续处理或与用户进行交互。

本文将介绍表格的基本结构和常见的搭配用法。

二、表格的基本结构在HTML中,表格由`<form>`元素包裹,并包含一个或多个输入组件。

以下是一个简单的表格示例:```html<form><label for="name">姓名:</label><input type="text" id="name" name="name"><br><label for="email">邮箱地址:</label><input type="email" id="email" name="email"><br><input type="submit" value="提交"></form>```以上代码展示了一个包含姓名和邮箱地址输入框以及提交按钮的基本表单结构。

每个输入组件都使用`<input>`标签,并通过不同的`type`属性来指定不同类型的输入。

三、常用的表单组件及其搭配用法1. 文本输入框文本输入框是最基础也是最常见的表单组件之一。

通过设置`type`属性为"text",你可以创建一个普通文本输入框:```html<input type="text" id="username" name="username">```可以使用`placeholder`属性为输入框添加默认提示文本,指导用户输入正确的信息:```html<input type="text" id="username" name="username" placeholder="请输入用户名"> ```2. 密码输入框密码输入框用于输入敏感的用户密码。

自定义表单用户手册

自定义表单用户手册

第1章表单管理1.1.模块概述 2009系统表单管理模块使所有 2009用户都可以在表单管理模块中轻松录入或修改表单数据,支持重复表的使用,通过动态的表单收集团队或机构内部各种分散的信息,避免进行大量繁锁或重复性的工作,帮助用户快速而准确地获得信息并对信息进行准确的判断。

本模块具有以下功能:⏹直接通过Web浏览器在线编辑和提交表单用户也可以方便地利用 2009来在线录入和编辑表单数据,最大程度减少用户熟悉和培训的时间,机构或团队不同技术层面、不同职责的人员都可以利用表单管理模块实现最大范围内的数据共享和再使用。

⏹通用的权限设置实现对设计模板和表单使用权限的控制采用与 2009系统相同的权限设置方式,在表单设计器中,系统管理员或者是模板管理员可以设置哪些人员有权创建模板、管理模板。

在表单流程管理模块,系统管理员可以设置表单流程的使用权限、知会权限和监控权限。

⏹通过视图和流程来赋予不同角色的用户对同一表单有不同的操作权限针对使用同一表单的用户职责与权限的不同,用户可自定义表单流程,在同一流程中不同权限的用户所能查看和录入的字段不同,方便用户明确职责与任务的同时也能有效地保障数据安全。

⏹从数据库或者视图中读取数据一方面,设计模板时候,可以在控件属性中设置好需要从数据表或者视图中读取的数据字段,用户在前台页面打开表单的时候就可以直接从数据表或者视图中读取数据,显示在表单编辑页面上。

另一方面,用户需要在浏览器中录入本机构的人员和部门信息时(具体的信息根据实际需要设置选取的数据字段),只需要通过点击功能按钮, 2009系统自动弹出人员信息、部门信息以及数据库表或视图中的几个字段信息的选择窗口供用户选取,并将结果显示在当前表单编辑页面上,不需要用户手工录入(这类模板的创建方法以下将作详细说明)。

⏹表单数据的导入导出功能用户可以直接从表单管理模块中导出表单数据,在本地进行编辑好之后再将数据导入到表单管理模块,因此即使在无法连接到网络的情况下,用户也可以对表单进行处理。

html中form表单的使用方法

html中form表单的使用方法

html中form表单的使用方法HTML中的form表单是一种用于收集用户输入数据的元素,它可以包含各种类型的输入字段,如文本框、复选框、下拉框等,同时还可以指定数据的提交方式和目标地址。

在本文中,我们将学习form表单的基本用法以及一些常用的属性和事件。

一、基本用法要创建一个form表单,我们需要使用`<form>`标签,并设置一些基本属性。

以下是一个示例:```html<form action="submit.php" method="post"><!-- 表单内容 --></form>```在上面的代码中,我们通过`action`属性指定了表单数据提交的地址,这里使用了一个假设的地址`submit.php`。

`method`属性用于指定数据的提交方式,常见的有GET和POST两种方式。

二、输入字段form表单中最常见的元素就是各种输入字段,下面分别介绍几种常用的输入字段。

1. 文本框文本框用于接收用户输入的文本数据,通过`<input>`标签创建,其`type`属性设置为"text"。

示例代码如下:```html<input type="text" name="username" placeholder="请输入用户名">```上面的代码创建了一个文本框,用户可以在其中输入用户名。

`name`属性用于标识字段的名称,这个值将在数据提交时作为键名。

2. 复选框复选框用于接收用户的多选数据,通过`<input>`标签创建,其`type`属性设置为"checkbox"。

示例代码如下:```html<input type="checkbox" name="hobby" value="football">足球<input type="checkbox" name="hobby" value="basketball">篮球```上面的代码创建了两个复选框,用户可以选择自己的兴趣爱好,这些值将在数据提交时作为数组传递。

实验二 综合使用FORM表单及其处理

实验二 综合使用FORM表单及其处理

实验二综合使用form表单及其处理
一、实验目的
1.熟练掌握form表单标记及其子标记的使用,体会form表单的两种发送方法。

2.掌握form表单的两种验证方式(服务器端验证和客户端验证)。

二、实验工具
环境:JDK1.5、Tomcat5.5,数据库mysql。

三、实验内容与步骤
1.实验步骤
1)安装并正确设置JSP技术运行环境。

(如果系统已经安装JSP运行环境,请记录相
关的系统参数设置)
2)分析实验内容,选择开发工具(dreamWeaver)完成静态页面的编辑。

3)记录运行情况,按要求完成实验报告。

2.实验内容
1)编写一个雇员注册的表单,要求输入以下内容:雇员编号、雇员姓名、雇员工作、
雇佣日期、基本工资和奖金。

2)对上面的表单进行JavaScript验证(客户端验证),验证要求如下:
●雇员编号:只能是数字。

●雇员姓名:不能为空。

●雇员工作:不能为空。


●雇员日期:必须是日期格式,即2010-09-3。

●基本工资:必须是数字(小数)。

●奖金:必须是数字(小数)。

四、要求及注意:
1.所编页面美观、舒适,符合人们的上网习惯。

2.实验内容的基本功能要实现。

五、思考总结
1.表单传送的两种方式:GET方法和POST方法的区别?
2.表单中的中文问题的原因和解决方式?
六、实验报告填写要求
1.实验内容要写在报告单上。

2.总结要写清楚。

3.当堂提交电子程序。

form 用法

form 用法

form 用法form 是一个 HTML 表单元素,用于创建用户输入的界面。

它通常包含文本框、复选框、单选按钮、下拉列表等表单控件,以及提交按钮。

form 标签的用法如下:1. 创建一个表单:使用 form 标签创建一个表单,可以为其指定一个名称和动作属性。

例如:html<form name="myForm" action="/submit"><!-- 表单控件 --></form>```2. 添加表单控件:在 form 标签内部添加各种表单控件,如文本框、密码框、单选按钮、复选框等。

例如:html<form name="myForm" action="/submit"><label for="username">用户名:</label><input type="text" id="username" name="username"><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><input type="submit" value="提交"></form>```3. 设置表单属性:可以使用 form 标签的 onsubmit、onreset 等事件属性来处理表单提交和重置事件。

例如:html<form name="myForm" action="/submit" onsubmit="return validateForm()"><!-- 表单控件 --></form>```4. 使用 CSS 样式美化表单:可以使用 CSS 样式对表单进行美化,如设置边框、背景颜色、字体大小等。

Elementui:form表单使用

Elementui:form表单使用

Elementui:form表单使⽤form 表单赋值/取值取值:获取 form 表单的每个表单项的值:this.formName.property,⽐如:ername,this.ruleForm.psw赋值:⼤部分都是下⾯这种⽅式赋值格式(property: value),⼀般的 input ,赋值和显⽰的事⼀致的,⽽有些则不⼀定。

⽐如下拉选择列表 select ,复选框 checkbox , 单选 radio ,⽇期 date 时间 time , ⽂件上传 fileupload 等等会有个显⽰⽂本(给⽤户看)和实际值(后台数据库存储的值)。

select 选择器设置默认选择,见此例checkbox 复选框和⽂件上传 fileupload 的是数组动态⽣成后的默认选项设置:label对应的string,:label对应的传过来的参数(string,number),见此例form 表单验证⾃带验证和⾃定义验证。

⾃带验证:<script>export default {data() {return {form: {telphone: '',cardnum: '523456178988776111',},rules: {telphone: [{ required: true, message: '请输⼊⼿机号', trigger: 'blur' }],cardnum: [{ required: true, message: '请输⼊买受⼈⾝份证号', trigger: 'blur' }],}}},...}</script>⾃定义验证:<script>export default {data() {//⾃定义验证规则//⾝份证验证var checkCardnum = (rule, value, callback) => {setTimeout(() => {var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;if(!reg.test(value)){callback(new Error('⾝份证输⼊不合法'));}else{callback();}}, 1000);};return {form: {telphone: '',cardnum: '523456178988776111',},rules: {telphone: [{ required: true, message: '请输⼊⼿机号', trigger: 'blur' },{ pattern: /^1[34578]\d{9}$/, message: '⽬前只⽀持中国⼤陆的⼿机号码' }],cardnum: [{ required: true, message: '请输⼊买受⼈⾝份证号', trigger: 'blur' },{ validator: checkCardnum, trigger: 'blur' }],}}},...}</script>当然,⾃定义验证规则时,⼀般都会是单独的⽂件做相关验证规则限制,然后引⼊调⽤。

协同自定义表单用户指南

协同自定义表单用户指南

协同自定义表单用户指南1引言本文以自定义请假单为例,描述协同自定义表单的使用指南。

2数据结构定义2.1开始定义数据结构通过菜单协同→自定义表单→数据结构定义进入。

主实体即主表,用于保存单据的表头信息。

填写编码、标题后点击左侧树的“自定义的组件”,填写的信息会被应用(此操作以下简称“应用”)。

此时可以开始定义主实体。

2.2定义主实体点击右侧表下的可以为当前数据结构增加主实体。

修改显示名称后应用,此时页面切换至主实体的基本信息及属性列表,此时可以开始增加需要的主实体字段。

应用后,各属性显示在左树中,此时可以开始编辑各个属性的详细信息,各数据类型说明如下:a)简单类型可以指定当前属性为字符串、布尔型、数值、时间日期b)实体类型如果是选择的实体类型,还需要指定关联到的实体类型,可选的实体除了系统中的实体外,还可以是自定义表单中的自定义实体。

本例中职务代理人关联的是用户实体。

c)属性类型可以使用基础设置中的各种基础属性。

d)枚举类型在页面总最终显示为下拉列表,可以使用系统预置的枚举或者自定义枚举类型。

自定义枚举参见定义枚举。

2.3定义子实体如果请假单还需要列举各种需要注意的工作事项,可以通过定义子实体实现。

a)添加子实体选择左树的根节点,点击右表下的即可为当前数据结构添加子实体。

其他操作与主实体相同。

一个数据结构中可以存在多个子实体,但只允许有一个主实体。

b)与主实体关联子实体需要手动设置与主实体关联,才能在页面上以子表的形式显示出来。

在主表中加入一个实体类型字段,数据类型选择为刚刚建立的“工作注意事项”即可。

子实体中会自动添加主实体的只读属性。

2.4定义枚举如果请假单上要加入一个请假类型,标示是事假、病假、婚假等等,需要以枚举形式显示,这时需要自定义枚举。

自定义枚举过程与自定义子实体类似,不过之需要填写各个枚举项即可,无须为枚举项指定数据类型,每个枚举项会被程序自动指定整数类型的值。

然后在主实体中加入整数类型的属性“请假类型”,并绑定该自定义枚举即可。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

3 eForm 简介
3.1 简介
eForm 是一个页面设计工具, 它既能完成静态 HTML 页面的设计, 也能读写数据库完成动态页面设计。 它采用可视化图形操作,通过拖拉即可完成表单设计。提供多种数据类型和 HTML 控件,并预先实现常见 的业务逻辑功能,用户无需编程或是修改代码,完全在界面上操作即可完成页面设计;也能写一些事件代码 以完成复杂表单的设计。 eForm 实际上就是一个构件库,它对大量实用的控件进行了结构化的封装和调试。通过简单的拖拉设置 就可以实现控件所能实现的功能,从而大大减少了代码的编写和调试难度。eForm 主要是由 HTML 和 JS 脚本生成的,数据传输是靠 XMLHttpRequst 即 AJAX 来完成的。
XXX 科技有限公司 eForm 自定义表单
使用文档
当前版本:< V1.0> 修改日期:<2011-11-09> 文档状态:草稿 作 者:
文档信息
使用 eForm 自定义表单
文档名称
eForm自定义表单使用文档


类பைடு நூலகம்



文件名称
OA系统eForm自定义表单使用.docx
文件说明
修订历史 (REVISION HISTORY)
3.2 设计原理
设计表单分两个部分:一个是界面样式的设计,如字体,颜色,位置等;另一个是数据,即界面上的数 据如何和数据库中的数据互动。 eForm 自定义表单的界面样式部分是完全采用 IE 的 DHTML 来实现的,完全采用 HTM 的标准,IE 便可以直接解释展现,eForm 无需解释这部分,只需将设计好的 HTML 串保存后直接取出放到IE上就可以 了。在数据方面,eForm 是靠 dataset 作桥梁,前台的界面上的控件通过 dataset 和后台的数据库相关联。 比如在后台执行一个 SQL 查询语句, 将执行结果传入前台放入 dataset 中, 然后 dataset 再和前台的控件绑 定。将数据显示到控件上,保存数据的过程正好反向。
4
使用 eForm 自定义表单
2 目标与范围
2.1 建设目标
本着对 eForm 自定义表单的使用研究, 以期在实际项目中充分利用 eForm 自定义表单所具有的优点并 满足系统功能的技术实现。
2.2 业务需求
现有 OA 系统可能需要集成 eForm 自定义表单以满足客户自定义业务数据的需求。
5
使用 eForm 自定义表单
3
使用 eForm 自定义表单
1 简介
1.1 内容摘要
本文档描述了 eForm 自定义表单官方网址所提供的试用版的使用方法及步骤,试图进一步的描述 eForm 自定义表单与实际项目的集成步骤。
1.2 适用对象
本文档适用于想要学习使用 eForm 自定义表单的开发人员。
1.3 参考
eForm 自定义表单官方网址:/eForm.htm
版本
日期
章节
类型
作者
摘要
V1.0
2011/10/24
所有
创建
文档建立
2
使用 eForm 自定义表单
目 录
1 简介 .................................................................................................................. 4 1.1 内容摘要 ............................................................................................................................ 4 1.2 适用对象 ............................................................................................................................ 4 1.3 参考 .................................................................................................................................... 4 2 目标与范围 ........................................................................................................ 5 2.1 建设目标 ............................................................................................................................ 5 2.2 业务需求 ............................................................................................................................ 5 3 EFORM 简介 ...................................................................................................... 6 3.1 简介 .................................................................................................................................... 6 3.2 设计原理 ............................................................................................................................ 6 4 EFORM 试用版 ...................................................................................................7 4.1 下载 eForm 程序包和参考文档 ......................................................................................... 7 4.2 环境准备 ............................................................................................................................ 8 4.2.1 数据库环境 ............................................................................................................. 8 4.2.2 WEB 服务器 ........................................................................................................... 8 4.3 修改部署 eForm ................................................................................................................. 9 4.4 运行 eForm ....................................................................................................................... 11 4.5 使用 eForm ....................................................................................................................... 12 4.5.1 打开表单设计器 ................................................................................................... 12 4.5.2 设置数据集控件 ................................................................................................... 13 4.5.3 添加 Label 控件 .................................................................................................. 16 4.5.4 添加 Text 输入框控件......................................................................................... 17 4.5.5 添加 Button 控件 ................................................................................................ 18 4.5.6 保存自定义表单 ................................................................................................... 20 4.5.7 运行自定义表单 ................................................................................................... 21 5 创建业务表 ...................................................................................................... 23 5.1 数据库维护 ...................................................................................................................... 23 5.2 传递表结构数据 ............................................................................................................... 24 6 使用关键点 ...................................................................................................... 26 6.1 数据集控件设置 ............................................................................................................... 26 6.1.1 从业务表选取字段 ............................................................................................... 26 6.1.2 查询显示表数据 ................................................................................................... 29
相关文档
最新文档