基于web的数据收集器表单模板设计与实现毕业设计

基于web的数据收集器表单模板设计与实现毕业设计

目录

第一章绪论 (1)

1.1课题研究背景与意义 (1)

1.2国内外研究状况 (1)

1.2.1国外现状 (1)

1.2.2国内现状 (1)

1.3研究内容和拟解决的问题 (2)

1.3.1用户对象的大众化 (2)

1.3.2前台交互界面的友好性 (2)

1.3.3表单DIY的易操作性 (2)

1.3.4表单自定义规则与特效 (2)

1.3.5数据获取与处理 (2)

1.3.6系统的对外扩展性 (2)

1.4主要研究内容 (3)

第二章在线表单数据收集器系统分析 (4)

2.1系统需求分析 (4)

2.1.1登陆注册模块 (4)

2.1.2我的表单模块 (5)

2.1.3模板中心模块 (9)

2.1.4管理员后台管理模块 (14)

2.2系统总体设计 (16)

2.2.1系统架构设计 (16)

2.2.2系统功能结构 (16)

2.3开发工具的选择 (18)

2.3.1 Dreamweaver CS4 (18)

2.3.2 Photoshop CS4 (18)

2.3.3 MyEclipse 2014 (18)

2.4系统运行的软、硬件环境要求 (18)

2.4.1硬件运行环境 (18)

2.4.2软件运行环境 (19)

2.5相关开发技术简介 (19)

2.5.1 JSP简介 (19)

2.5.2 CSS简介 (19)

2.5.3 JQuery简介 (19)

2.5.4 AJAX简介 (20)

第三章在线表单数据收集器系统表单模板设计 (21)

3.1模块流程图 (21)

3.2模块功能结构 (22)

3.3模板发布功能详细设计 (23)

3.3.1 表单字段归纳 (23)

3.3.2 创建新的模板 (29)

3.3.3从已有的表单复制 (30)

3.4 选用模板创建表单功能分析 (31)

3.5模块认证功能分析 (33)

第四章在线表单数据收集器表单模板功能实现 (36)

4.1 用户登陆模块 (36)

4.2 查看分类模板功能 (40)

4.3 模板展示功能 (44)

4.4 模板认证功能 (47)

4.5 模板发布功能 (50)

4.5.1 设计新的模板 (50)

4.5.2 从已有表单复制 (56)

4.6 选用模板创建表单 (60)

4.7 个人管理功能 (61)

4.8 管理员字段管理功能 (64)

第五章系统前台兼容性的考虑及优化 (67)

5.1系统兼容性问题 (67)

5.2一般解决方案 (67)

5.3本系统开发过程中兼容性问题的解决 (67)

第六章总结与展望 (69)

参考文献 (70)

致谢 (71)

毕业设计小结 (72)

第一章绪论

1.1课题研究背景与意义

互联网热潮将人们置身于一个信息爆炸空间中，人们要面对大量内容纷繁复杂的信息，涉及生活中的方方面面，比如记录你的日常开销，日程安排，报名，计划安排等等，因此迫切需要以一种快捷有效的方式对数据加以采集、整理。

另一方面，表单因其清晰、直观的表达逐渐成为企业管理中必不可少的形式化表达工具，而务实地把公司的人力、物力、财力以及时间等因素作为资源，揉和成表单，以可靠、通畅、严谨的流程化形式承接出来，对于谋求企业内外协调发展，实现管理规范化的目标具有十分重要的意义。除此之外，表单不仅作为企业管理与信息处理的重要形式，更是一种网络数据交流和采集的工具，渐渐地成为电子化办公不可缺少的一部分。由于各企业单位及用户的情况和使用表单的目的不同，在不同时期对表单的种类、格式和表示方法的要求也会有所不同。因此，就需要一个通用的表单管理系统来满足不同需求的表单建立过程，而相应地，此系统要适应不同行业、不同单位、个人以及不同时间的变化，就不能只提供一个完整统一的固定的表单表格结构，应允许用户根据需要进行自定义。因此，快速地生成新的满足用户需求的表单和重用已有的表单模板，在已有形式基础上再加工可以极大的提高效率，降低表单生成复杂度，极大的方便企业及用户。

1.2国内外研究状况

1.2.1国外现状

国外的在线表单应用已经很成熟，它使一般用户创建各式各样的在线表单成为可能，用户不需要太多的HTML知识就可以轻松地制作出功能强大的表单来，而不必使用FrontPage或Dreamweaver等网页编辑器来编写网页表单，极大程度上改善了用户体验，并可以轻轻松松地嵌入到自己的网站应用中去。

比较成功的如Jotform，FormSpring，Wufoo等。

1.2.2国内现状

金数据是一款免费的表单设计和数据收集工具，该网站系统并不专注于某一方面的数据，其还提供了数百种专业的模板，并提供发布表单、查看数据和报表的服务，金数据誉于友好的UI和较多的表单模板。

总的来说，国内在线表单网站大部分也采用了主流的表单技术，简化了表单的开发，提高了表单的开发效率，在一定程度上满足了用户对表单的需求。但在

易用性方面还是稍有不足，不能做到真正的“所见即所得”，而且在数据的处理上也未能做到全面的分析。所以，在线表单还可以做更深一步的研究，在线表单系统的发展还能得到进一步的提高。

1.3研究内容和拟解决的问题

1.3.1用户对象的大众化

目前，国内外不乏众多大数据企业们提供精细复杂的巨量数据服务，也有专门提供在线数据服务的如Wufoo等成熟的公司存在，但都面临着目标用户门槛较高的缺点，这就在一定程度上限制了在线表单数据收集的普及，没能真正方便普通用户的生活。本系统主要面向中小团队或者个人提供轻态数据服务，真正做到低门槛、高体验，更广泛地涉足用户生活。

1.3.2前台交互界面的友好性

系统网站交互设计的目的是增加网站的友好度、可用性和易用性，从而使用户能够简单，快速和有效地完成网站赋予或用户自身需要的服务、功能和目标。主要包含以下内容：

1．界面设计，需要设计创意性界面提高观赏性并注意避免繁琐的页面元素与布局；

2．导航设计，导航设计是提供给用户去某个地方的能力，是用户能看到的网站结构；

3．信息设计，信息设计就是通过网站传达给用户某些信息，用户可通过这些信息了解自己正在进行的某些事和应该如何进行某些事。

1.3.3表单DIY的易操作性

系统基于“所见即所得”的理念，给予用户直观选择表单元素并实现轻松拖拽以自定义表单布局的能力，更提供了丰富且操作简单的字段设计栏以完成表单控制，最大限度的简化用户的表单创建过程。这些功能需要在前台采用JQuery 等前端技术来实现。

1.3.4表单自定义规则与特效

表单的每一个字段因其功能的差异可能需要有其独有的设置，包括输入长度、格式或内容的限制等等，因此设计适用于每个字段的应有的控制逻辑是我们需要解决的重要内容。

1.3.5数据获取与处理

系统提供在线创建表单，导入Excel生成表单等操作方式，对于习惯使用Excel的用户而言，无需重复制作即可快速生成表单。对于数据收集的结果以数据报表的形式直观显示，并可以导出报表图和Excel报表到本地，方便用户重用。这些上传下载功能的实现也是待解决的重要问题。

1.3.6系统的对外扩展性