表单建模应用实例制作详解
仅限阅读请勿传播
当您阅读本方案时，即表示您
同意不传播本方案的所有内容
表单建模应用实例(图书管理)制作详解
Submitted By Weaver
上海泛微网络科技股份有限公司
中国上海耀华支路39弄9号（通耀路济明路路口）
邮政编码：200126
电话：+86 21
版本
目录
版本 .............................................................. 错误!未定义书签。第一部分应用背景................................................. 错误!未定义书签。
一. 需求描述................................................. 错误!未定义书签。第二部分制作步骤................................................. 错误!未定义书签。
一. 图书基本信息............................................. 错误!未定义书签。
1. 创建图书基本信息的字段................................... 错误!未定义书签。
2. 表单建模新建图书模块..................................... 错误!未定义书签。
3. 设置图书信息的操作权限................................... 错误!未定义书签。
4. 设置页面布局............................................. 错误!未定义书签。
5. 设置查询信息............................................. 错误!未定义书签。
6. 前台体验................................................. 错误!未定义书签。
二. 图书分类................................................. 错误!未定义书签。
1. 新建图书分类台账......................................... 错误!未定义书签。
2. 新建图书类别的浏览按钮................................... 错误!未定义书签。
三. 图书清单................................................. 错误!未定义书签。
1. 新建图书清单台账......................................... 错误!未定义书签。
2. 新建图书卡片............................................. 错误!未定义书签。
四. 图书借阅................................................. 错误!未定义书签。
1. 制作图书借阅流程......................................... 错误!未定义书签。
2. 新建图书借阅台账......................................... 错误!未定义书签。
3. 流程数据转入台账......................................... 错误!未定义书签。
4. 可借数量的扣减........................................... 错误!未定义书签。
5. 新建借阅卡片............................................. 错误!未定义书签。
6. 自定义右键浏览按钮....................................... 错误!未定义书签。
五. 人员的借阅记录........................................... 错误!未定义书签。
1. 新建人员借阅台账......................................... 错误!未定义书签。
2. 更新人员的借阅信息....................................... 错误!未定义书签。第三部分练习题 .................................................. 错误!未定义书签。
一. 需求描述................................................. 错误!未定义书签。
1. 办公用品基本信息的建立................................... 错误!未定义书签。
2. 资产清单的建立........................................... 错误!未定义书签。
3. 搭建入库流程............................................. 错误!未定义书签。
4. 搭建办公用品领用流程..................................... 错误!未定义书签。
5. 卡片制作................................................. 错误!未定义书签。
6. 思考 .................................................... 错误!未定义书签。
第一部分应用背景
一.需求描述
在图书管理系统中，管理员为每个读者建立一个账户，账户内存储读者个人的详细信息，能有效的管理读者借、还、续借、查询等操作，并根据借阅记录得出最热门书籍的排行。
借阅图书时，读者可以根据不同的图书分类预览书籍信息，并可查看当前书籍的可借数量。读者借阅必须通过申请，图书管理员能快速找到可以借出的图书编号并分配给读者，完成借书操作的同时即刻更新相关数量，并留下借阅记录。
归还图书时，系统自动更新图书的借阅状态，管理员能根据借阅人申请时的归还时间判断是否按时归
还。同样，续借图书时，系统自动对图书的归还时间进行延期。
图书管理员不定期地对图书信息进行维护，并且能够导出成各类报表，及时跟踪人员的借阅记录，同时对图书的损坏情况进行责任追查。
二. 需求分析
1
读者信息管理
读者信息
2
图书信息管理
图书信息
有效读者信息
4信息统计
统计数
据读者借阅信息
统计
结果5系统维护
系统维护数据
读者类别
罚金标准
3
图书借还管理图书信息
图书状
态
已借数
统计
项信息
图
书借
阅
信
息
图书
类别
图书借还信息
图书查询结果
图
书管理员
图
书管
理
员
图书管理员
图书管理员
系统管理员
制作图书信息、图书清单、图书分类台账 通过流程实现借阅、归还、续借的申请和审批 通过dml 接口实现可借数量的计算，图书状态的更新 以卡片形式对图书管理进行封装，跟踪每一本书的借阅记录
第二部分 制作步骤
一. 图书基本信息
我们需要建立图书的基础数据，包括书名、作者、库存等，便于我们进行借阅等操作。
1. 创建图书基本信息的字段
点击【设置】--【表单管理】 新建“图书基本信息表”，主要的字段如下：
字段名
字段类型
书名 单行文本框（文本）
类别 选择框 或 浏览按钮
作者 单行文本框（文本） 可借数量
单行文本框（整数）
．．．
2.表单建模新建图书模块
点击【设置】--【设置中心】--【表单建模】新建下级节点“图书管理”，新建模块“图书基本信息”。
输入模块名称，选择之前已制作好的表单“图书基本信息表”，右键点击保存。
3.设置图书信息的操作权限
点击已创建的“图书基本信息”模块，选择“模块设置”中的“权限设置”选项卡，在此页面可分别设置创建、共享、监控和导入的权限。
4.设置页面布局
针对不同的操作权限，我们需要分别设置对应的前台展示的页面。换言之，我们可以根据不同的操作动作，设置不同的显示页面。
选择“模块设置”中的“页面布局”选项卡，点击“新建”即可设置页面布局。
5.设置查询信息
此时，我们虽已有了图书信息的表结构，也设置了操作权限及对应的页面布局，但我们需要一个台账的页面，对每一条图书信息进行操作。
选择“自定义信息”中的“查询设置”选项卡，右键新建，选择需要在台账中显示的列字段。
保存后，我们可以通过右键选择“创建查询菜单”来创建台账信息，也可通过“查看查询菜单地址”来获取菜单地址，在菜单配置中自行增加。
如下图，我们将该菜单添加到图书管理的图书查询中
6.前台体验
我们已经完成了一个简单的台账信息，可脱离流程单独增加、修改和删除图书信息了。
右键“新建”，进入图书的新建页面
二.图书分类
在制作图书基本信息时，其中有“类别”字段，我们可以用选择框来实现，可是一旦类别发生改变，我们只能在后台表单设置中进行修改，无法提供给用户一个维护页面。而我们可以利用表单建模来提供这样的一个维护页面，同时能通过自定义浏览按钮来选择类别。
1.新建图书分类台账
首先，我们制作一个“图书分类表”，字段如下：
字段名字段类型
类别单行文本框（文本）
备注多行文本框
利用之前介绍的方法，可在表单建模中创建图书分类的模块，同时可在前台对图书分类信息进行维护
2.新建图书类别的浏览按钮
在“图书分类信息”的模块中，选择“自定义信息”中的“浏览按钮”选项卡，设置浏览按钮中显示的字段
在当前页面，右键点击“创建浏览按钮”，输入标识（注意不支持中文）后保存，此时我们已经新建了一个自定义浏览框的内容，可以在【设置中心】--【配置自定义浏览框】中找到刚才新建的按钮信息。
过去，我们通过sql语句的方式配置浏览框只能是两列数据，而我们通过表单建模来创建按钮，可
以是多列的。
最后，我们在表单的字段设置中就可以通过自定义浏览按钮来找到它了。
三.图书清单
在图书管理中，单靠书名是不够的，同名的图书可能会有多本，这在借阅中很关键。
1.新建图书清单台账
主要字段如下：
字段名字段类型备注
书名浏览按钮用于字段联动
作者文本通过联动，自动带出
编码文本唯一标识
借阅状态选择框可借阅、已借出、已注销
当前借阅人人力资源
借出时间日期
归还时间日期
损坏程度文本
通过以上介绍的方法，在表单建模中搭建出图书登记模块，并在前台添加不同的图书清单信息。
2.新建图书卡片
完成了清单后，我们需要用一种更直观的方式将图书信息与图书清单联系在一起。而我们可以通过表单建模的卡片功能来达到这一目的。
在【设置中心】--【表单建模】中选择一开始我们创建的“图书基本信息”，在“接口设置”的“页面扩展”中，点击新建。在扩展用途中选择卡片页面，显示样式中选择“Tab页面”，链接目标来源选择模块查询列表，链接目标选择图书登记信息(即图书清单的查询设置)，右键保存。
保存后，在刚才的设置页面中，点击关联字段的设置，将书名的模块字段选择为数据Id。（这一步是将图书和清单联系到一起的设置，通过哪个字段进行关联就将其对应为数据Id）
设置完成后，当我们在前台点击一个图书信息时，顶部就会出现卡片，并且清单信息是与这本书关联的。
四.图书借阅
以上我们制作的台账事实上都是对静态数据的维护，而针对流程数据，表单建模同样可以实现。
（以借阅为示例，续借和归还制作方法）
1.制作图书借阅流程
主要字段如下：
字段名字段类型备注
流水号文本
申请人人力资源
申请日期日期
借阅书名自定义单选浏览按钮调用图书基本信息中的书名
当前可借数量文本(整数)带出图书基本信息中的可借数量图书编号自定义单选浏览按钮调用图书清单中的编码
借出时间日期
2.新建图书借阅台账
由于图书借阅必须通过流程，所以我们可不必赋予用户手动创建借阅信息的权限。
3.流程数据转入台账
我们可以通过以下设置，来实现一旦流程审批通过即可在借阅台账中看到那条记录。
在后台表单建模“图书借阅信息”模块中“接口设置”的“流程转数据”选项卡，点击新建，选择图书借阅流程。
勾选启用，可选择在路径的哪一个节点将流程数据转入到台账信息中（如选择到达归档节点就意味着必须等流程都审批完成后台账信息中才会出现这一条数据）
4.可借数量的扣减
通过此步操作我们可以实现一旦借阅审批通过后，该图书基本信息中的可借数量将被扣减。
我们可以在路径设置中，在节点前后附件操作里，添加DML接口动作，以扣减数量为例，如下图
除了扣减数量外，我们也可以同时做到修改书籍的状态(从“可借阅”修改为“已借出”)等等，参见更多相关的DML语句可下载【表单建模demo】
5.新建借阅卡片
完成了以上的设置后，我们也可以用同样的卡片创建方法，分别在图书基本信息和图书清单中增加“图书借阅”的卡片，来关联查看该书的借阅记录。
不同的是，在图书基本信息中增加借阅记录的Tab页，关键字段是借阅书名。
在图书清单中增加借阅记录的Tab页，关键字段是则是图书编号。
6.自定义右键浏览按钮
如果我们在浏览图书信息的时候，就能马上进行申请借阅，是不是很方便呢表单建模的自定义右键浏览按钮可以做到这点。
后台表单建魔设置进入图书基本信息的“接口设置”的“页面扩展”,显示方式选择“鼠标右键”，在连接目标地址处可输入图书借阅流程的发起地址。
（例：/workflow/request/workflowid=120&isagent=0&beagenter=0）
当我们在前台浏览图书信息时，即可通过点击右键“借阅申请”来发起流程，如下图：
五.人员的借阅记录
我们除了可以通过书名和图书编号来查看关联的借阅记录外，我们也可以通过人员的维度来查看借阅的次数、未归还数量、最后一次借阅时间等等。
1.新建人员借阅台账
主要字段如下：
字段名字段类型备注
姓名人力资源
部门部门
借阅次数整数
未归还整数
最后一次借阅时间日期
2.更新人员的借阅信息
在图书借阅流程的节点中增加dml语句，审批后对该申请者的借阅数、未归还数均做累加，同时记录下最后借阅时间。
在图书归还流程的节点中增加dml语句，审批后对该申请者的未归还数做扣减
第三部分练习题
一.需求描述
制作一个简单的办公用品管理，初步实现基础数据维护、入库、领用以及用卡片形式封装应用。
1.办公用品基本信息的建立
主要字段如下：
字段名字段类型备注
办公用品名称文本
分类选择框或浏览按钮文具用品办公耗材日杂百货办公
设备办公家具
单位文本
数量整数表示库存
2.资产清单的建立
主要字段如下：
字段名字段类型备注
办公用品名称自定义浏览按钮通过表单建模创建该浏览按钮
资产编号文本唯一标识
型号
备注
《信息技术》教案-网页表单
备课时间：2004/03/22 课题：第五章网页制作第六节网页表单教学目的：①表单的建立 ②表单资料的收集和处理 ③搜索表单的建立 教学重点：①表单资料的收集和处理 ②搜索表单的建立 教学方法: 边讲解边演示 教学过程： 〈引言〉：直接进行操作演示 〈教授新课〉：网页表单 [板书] 第六节网页表单 一、表单的建立 在FrontPage 2000中，单击“插入（I ）”菜单中的“表单（M）”命令， 其下拉菜单中列出了所有的字段，单击其中的一种，即可插入相应的字段。 [例5-6-1] 建立如图5-25所示的表单网页，取名为guestbook.htm。 图5-25 操作步骤： （1）单击“新建”按钮，建立新页面，首先创建一个2×1表格，并在表格的第一行插入标题动画（look.gif、liuyan.gif）。 （2）右击表格的第二行，在弹出的快捷菜单中单击“拆分单元格…”，打开“拆分单元格”对话框，选择“拆分为列”，并输入列数：3，将该单元格拆分分三列，分别定义两侧单元格的背景色为浅紫色。 1
（3）将插入点移到中间的单元格后，依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，页面上出现一个单行文本框和两个按钮，分别是“提交”和“复位”按钮，将插入点移到文本框左侧，接着输入“姓名：”，然后将插入点移到文本框右侧。 （4）输入“年龄：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，产生第二个单行文本框，按回车键。 （5）输入“性别：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单选按钮（R）”命令，输入“女”。再用同样的方法插入另一个单选按钮，并在其右侧输入“男”，然后，双击各选项按钮，分别设置它们的属性，其中“组名称”必须相同，表示这两个按钮在同一个单选按钮组，最后按回车键。 （6）输入“爱好：”，然后依次单击“插入（I）”菜单中的“表单（M）”“复选框（C）”命令，输入“音乐”。用同样方法制成其余复选框。 （7）输入“职业：”，依次单击“插入（I）”菜单中的“表单（M）”“下拉菜单（D）”命令。 （8）双击下拉式菜单，出现如图5-26所示的“下拉菜单属性”对话框。 （9）单击“添加”按钮，添加一个“学生”菜单项，重复操作，添加其余菜单后，再单击“确定”按钮，并按回车键。 （10）输入“您对本网页的建议：”后，按回车键。 （11）依次单击“插入（I）”菜单中的“表单（M）”“滚动文本框（S）”命令，在网页编辑区将出现一个滚动文本框，调整文本框的大小，使其大小合适。 （12）保存网页，取名为guestbook.htm。 二、表单资料的收集和处理 表单的作用在于帮助收集资料，对于访问者来说，填完资料后，单击“提交”按钮，就可以将信息传送到服务器上。对于网站管理员来说，更重要的是对这些资料进行处理，将它们变成所需要的资料形式，比如在上例中，当访问者填写完表单并发送回来后，网站管理员应该对这些资料进行分析，对某些读者提出的问题进行个别解答，并及时改进网站。为了方便资料的整理，在制作表单时就应该有意识地将表单的结果输出到某一个HTML文件或纯文本文件中以文件的形式存放。将鼠标指针放置在表单域所在的虚线范围内右击，在弹出的快捷菜单中单击“表单属性”，打开“表单属性”对话框，如图5-27所示。 在默认情况下，表单的结果会发送到当前网站中，以form_result.txt为文件名存储起来。也可以修改文件名和文件的路径，或者以电子邮件的形式发送到指定的信箱中。当然，这些信息只有管理员才能看到，为了让访问者能够看到自己和别人的留言，以便彼此交流，还可以直接将表单的处理结果返回到指定的网页中。 2
表单建模中接口文档
仅限阅读请勿传播 当您阅读本方案时，即表示您 同意不传播本方案的所有内容 泛微协同办公应用平台表单建模接口文档
版本
目录 版本 (2) 第一部分流程转数据 (4) 功能说明 (4) 配置方法 (4) 实施注意 (7) 第二部分数据审批 (8) 功能说明 (8) 配置方法 (8) 实施注意 (10) 第三部分页面扩展中的接口动作 (10) 功能说明 (10) 配置方法 (11) 实施注意 (13)
第一部分流程转数据 功能说明 该功能主要用于在流程在离开或者到达某个节点的时候，将流程表单上的数据插入到模块关联的表单中。 此功能暂不支持，流程关联的明细表单触发模块数据。 配置方法 1、在菜单【设置】→【设置中心】→【外部接口设置】→【配置接口动作】页面中如下图 说明： ?WorkflowToMode这个action的作用是把流程数据转换为模块卡片数据，所以需要检查 WorkflowToMode此接口动作标识是否存在如果不存在则自己添加此action。 ?接口动作标识：WorkflowToMode ?接口动作类文件：weaver.formmode.interfaces.action.WorkflowT oMode 2、在【设置】→【设置中心】→【表单建模】→点击具体的模块—>接口设置—>流程转数据页面
右键“新建”按钮页面如下图 说明： 流程类型：选择要触发模块的流程。比如通过内部留言流程触发生成此模块的数据则“流程类型” 选择内部留言流程。 模块名称：此模块的具体名称 在上图页面上选择具体的流程之后，右键点击“保存”按钮页面如下图
网页设计与制作课程教案
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
Web表单验证实例
Web表单验证实例 学习交流，非诚勿扰：1244399731一、实验要求： 创建一个页面，命名为“表单验证.html”。在页面上创建一个表单，命名为“regform”，其中包含元素为：文本框（username，获取用户名）、文本框（password，密码）、文本框（passwordcheck，对密码进行确认）、单选按钮（radiosex）选择性别、兴趣爱好（hobbycheckbox，至少可选择5项爱好）、下拉列表（homedownselect，用于选择籍贯）、文本域（briefarea，用于获得用户简介）、提交按钮（formsubmit）、重置按钮（formreset）。 当提交表单时，对表单中的信息进行验证并给出提示，要求如下：（1）要求验证上面的所有元素的值必须不为空，即用户必须填写相关内容。 （2）用户名、密码必须是6-20位。 （3）要求password与passwordcheck必须相同。 （4）在表达允许提交的情况下，完成下面动作：打开一个新窗口wid，将上述验证后的表单信息在wid中显示出来。 二、源代码：