Beat It @xiaoai ?

最后更新于 1 年, 7 月 之前
  • Beat It 撰写了一篇新博客日志:LiveCycle Designer制作AWS平台采购申请pdf表单   1 年, 10 月 之前 · 查看

    缩略图Adobe LiveCycle Designer是一款图像表单设计工具,他简化了表单设计设计过程,以便以pdf表单方式分发,表单接收者可以通过在线填写表单,提交数据并将其打印出来。下载软件可以到官网:http://www.adobe.com/products/livecycle/designer/ 中下载60天试用软件

    接下来我们用LiveCycle Designer简单制作一个AWS平台的采购申请表单:

    1.首先建立一个空白pdf页面(Desinger中也自带很多种类型模板,可以修改使用),其中默认有两个Button可以选择删除,如图:

    2.通过可视化控件面板制作一个相关采购信息表单,如图:

    3.添加一个申请字表,由于申请项目记录数不可确定,所以这里用到了动态表单制作,通过“追加记录”,“删除记录”可以增删记录数,功能的实现需要编写相关Button的click时间JavaScript脚本,如下图:

    4.接下来再增加“送货方式”和“统计”表单域,送货方式是单选按钮,统计中”小计”"合计”为只读属性,结果通过自动计算生成。可点击控件填写calculate javascript脚本,如图:

    5.设计并编写“提交”按钮,Designer中提供validate(验证)事件,不过感觉效果不算太好,所以这里我把 Submit按钮外观属性改为”invisibility”,再添加一个普通Button”提交”其中的click event中填写提交前,对表单域中数据合法性验证,这里把提交的target url,通过一个文本框得到值.如图:

    6.表单制作完成后,保存通过Adobe pdf Reader 打开 效果为下图,当正确填写表单数据,及提交地址后,数据成功提交到AWS平台中

    由于时间仓促,本文写的不是太详细,其中一些控件的属性设置和在XML视图中的编辑都没有写到。希望大家自己研究,有写的不妥地方请指教。

Videos, Slideshows and Podcasts by Cincopa Wordpress Plugin