基于web的数据收集器表单模板设计与实现毕业设计.docx
《基于web的数据收集器表单模板设计与实现毕业设计.docx》由会员分享,可在线阅读,更多相关《基于web的数据收集器表单模板设计与实现毕业设计.docx(85页珍藏版)》请在冰豆网上搜索。
基于web的数据收集器表单模板设计与实现毕业设计
基于web的数据收集器表单模板设计与实现毕业设计
第一章绪论
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系统的对外扩展性
考虑到互联网带给人们生活方式的重大改变,微博、微信、QQ等社交平台在人们的日常生活中已占据着举足轻重的地位。
如何更广泛完成数据采集是我们必须考虑的一个问题,这就需要系统支持与这些社交平台的数据关联。
本系统拟为每一个表单产生发布地址,并支持将其发布到其它社交平台以提高扩展性。
1.4主要研究内容
本文基于目前国内外先进的智能电子表单系统的技术和思路,并结合实际需求,提出了自己的在线表单数据收集器解决方案。
本文对整个系统的设计思想和目标都给予了描述和说明,主要实现都进行了详细分析。
基于web的在线表单数据收集器系统结合B/S网络结构,遵循MVC架构模式,着眼于系统的通用性与扩展性,解决了目前表单生成系统专业性过强,通用性不够的矛盾。
本文主要从以下几个方面介绍课题的研究成果:
第一章:
阐述了设计该系统的原因及背景,明确了研究目标和内容。
第二章:
对系统进行需求分析并给出系统架构设计和目标,完成了总体设计部分,并介绍表单的相关知识与实现所需要的技术。
第三章:
针对系统表单模板模块作了详细设计,给出此模块的活动图和功能结构图,并深入研究了其主要功能模块的功能,包括模板发布模块和模板认证模块。
第四章:
深入讨论了表单模板功能模块的具体实现,并将模板的定义过程和具体操作过程通过图示说明,使功能更加清晰明了。
第五章:
对系统前台开发过程中出现的兼容性问题进行分析并研究解决方案。
第六章:
对本文所做的主要工作进行了总结,并分析了系统的不足。
第二章在线表单数据收集器系统分析
2.1系统需求分析
2.1.1登陆注册模块
用户登录注册模块的用例图如图2-1所示。
图2-1用户登录注册模块用例图
1.注册账号
用户注册操作说明如表2-1所示。
表2-1用户注册操作说明
用例名称:
注册账号
角色说明:
未注册用户
用例说明:
用户访问系统并注册账号
前置条件:
用户访问系统网页
基本事件流:
1.用户进入系统注册页面
2.用户输入用户名和密码
3.系统验证用户名和密码的正确性
4.系统显示用户注册成功,进入使用界面
其它事件流:
3.1如果提供的用户名存在或不符合格式,系统显示“用户名已存在”或“用户名不合法”信息
3.2如果密码长度不符合要求或密码重复输入不一致,系统显示“密码有误”信息
异常事件流:
由于系统或者数据服务器出现故障,用户注册失败
后置条件:
用户完成账号注册
2.登陆系统
用户登录操作说明如表2-2所示。
表2-2用户登录操作说明
用例名称:
登录系统
角色说明:
已注册用户
用例说明:
用户访问系统并登陆
前置条件:
用户已注册成功并访问系统网页
基本事件流:
1.用户进入系统登陆页面
2.用户提交用户名和密码
3.系统验证用户名和密码的正确性
4.系统显示登陆成功,进入用户使用界面
其它事件流:
3.1如果提供的用户名不存在,系统显示“用户名不存在”信息,询问用户是否输入错误或者提醒用户注册
3.2如果提供的密码错误,系统显示“密码错误”信息,并结束操作
异常事件流:
由于系统或者数据服务器出现故障,用户登陆失败
后置条件:
用户完成账号登陆
3.注销系统
用户注销操作说明如表2-3所示。
表2-3用户注销操作说明
用例名称:
注销系统
角色说明:
已登陆用户
用例说明:
用户退出系统登录状态
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户请求从系统注销
2.系统注销该用户,并清除会话信息
3.系统提示注销成功
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,用户注销失败
后置条件:
用户完成账号注销,退出登录状态
2.1.2我的表单模块
用户可以对表单系统进行登录、设计表单、管理表单、查看数据和注销几个动作。
其中管理表单有包括了添加、修改和删除操作。
我的表单模块用例图如图2-2所示。
图2-2我的表单模块用例图
表2-4用户设计表单操作说明
用例名称:
设计表单
角色说明:
已登陆用户
用例说明:
用户创建自己的表单
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户选择直接设计新表单,或从表单模板库中选用合适模板进行编辑修改
2.用户拖放表单字段到设计器界面,并设置相关控制属性
3.系统在编辑区显示表单元素
4.用户完成表单元素创建,命令系统保存该表单
5.系统验证表单的合法性(表单名称和表单内容不能为空)
6.系统保存表单信息,将表单放入数据库
7.系统提示保存成功,并自动发布
其它事件流:
5.1如果表单内容不合法,系统提示修改,并返回2
6.1如果遇到系统故障,系统会提示保存失败,并返回4
异常事件流:
由于系统或者数据服务器出现故障,系统表单保存失败
后置条件:
用户完成表单设计,系统保存成功
1.设计表单
用户设计表单操作说明如表2-4所示。
2.管理表单
1)发布表单
用户发布表单操作说明如表2-5所示。
表2-5用户发布表单操作说明
用例名称:
发布表单
角色说明:
已登陆用户
用例说明:
用户发布已创建表单
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户设计好表单,并填写相应信息,命令系统添加到数据库并选择发布表单
2.系统验证表单的合法性
3.系统保存表单信息,将表单存入数据库
4.系统提示表单发布成功
其它事件流:
2.1如果表单不合法,系统提示用户修改,并返回1
3.1如果遇到系统故障,系统提示保存失败,并返回1
异常事件流:
由于系统或者数据服务器出现故障,系统表单发布失败
后置条件:
用户表单发布成功
2)预览表单
用户预览表单操作说明如表2-6所示。
表2-6用户预览表单操作说明
用例名称:
预览表单
角色说明:
已登陆用户
用例说明:
用户预览表单
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户选择要预览的表单
2.用户命令系统预览该表单
3.系统以最终效果显示该表单
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,系统表单预览失败
后置条件:
用户完成表单预览
3)修改表单
用户修改表单操作说明如表2-7所示。
表2-7用户修改表单操作说明
用例名称:
修改表单
角色说明:
已登陆用户
用例说明:
用户修改表单
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户请求修改已创建的表单信息
2.系统显示待修改的表单信息,等待用户修改
3.用户修改相应信息,命令系统更新到数据库
4.系统验证表单的合法性,如果表单不合法,系统提示修改,并返回3
5.系统保存新的表单信息,如果遇到系统故障,系统提示保存失败,并返回3
6.系统提示修改保存成功
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,系统表单修改失败
后置条件:
用户完成表单修改
4)删除表单
用户删除表单操作说明如表2-8所示。
表2-8用户删除表单操作说明
用例名称:
删除表单
角色说明:
已登陆用户
用例说明:
用户删除表单
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户请求删除已创建的表单
2.系统删除该表单
3.系统提示删除成功
其它事件流:
2.1如果遇到系统故障,系统提示删除失败,并返回1
异常事件流:
由于系统或者数据服务器出现故障,系统表单删除失败
后置条件:
用户完成表单删除
5)查看数据
用户查看表单数据操作说明如表2-9所示。
表2-9用户查看表单数据操作说明
用例名称:
查看数据
角色说明:
已登陆用户
用例说明:
用户查看表单已收集数据
前置条件:
用户已登陆成功并访问系统网页
基本事件流:
1.用户选择要查看数据的表单
2.用户进入相关表单数据查看页面
3.系统以表格或者数据报表的方式显示已收集的数据
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,系统表单收集信息查看失败
后置条件:
用户完成表单收集信息查看
2.1.3模板中心模块
1.查看分类模板功能
按照表单模板所实现的功能,如调查,报名,订单,登记等,以及表单内容所属行业不同,如餐饮,电子商务,医疗,教育等进行分类,为用户提供结构清晰的模板分类结构,方便用户根据模板属性按需查找表单模板。
用例图如图2-3所示。
图2-3用户查看模板用例图
用户查看分类模板操作说明如表2-10所示。
表2-10查看分类模板操作说明
用例名称:
查看分类模板
角色说明:
已登录用户
用例说明:
用户根据分类条件查看系统模板库中的模板
前置条件:
用户访问系统模板中心
基本事件流:
1.用户进入系统模板中心页面
2.用户选择各个分类条件
3.系统显示各分类条件下所属的表单模板列表
其它事件流:
2.1用户选择“广场”,系统默认显示当前最热门的表单模板列表
2.1.1用户选择“最新认证”,系统按照认证时间显示最近被管理员认证通过的表单模板列表
2.2用户选择“分类”,系统默认显示“调查”主题的表单模板列表
2.2.1用户选择“报名”、“订单”、“登记”、“生活”主题,查看相关主题的模板列表
2.2.2用户选择“官方认证”,系统显示认证状态为“已认证”的表单模板列表
2.2.3用户选择“沙滩”,系统显示认证状态为“认证中”的表单模板列表
2.3用户选择“行业”,系统显示“微信”行业相关的表单模板列表
2.3.1用户选择“餐饮”、“电子商务”、“医疗”、“教育”等行业,查看相关行业的模板列表
2.4用户选择“个人”,系统默认进入“我的收藏”子栏目下,系统显示用户收藏的所有模板及表单列表
2.4.1用户选择“我的创建”,系统显示用户创建的表单模板,包括认证成功和认证失败的所有模板
异常事件流:
由于系统或者数据服务器出现故障,模板列表显示失败
后置条件:
用户查看模板成功
图2-4用户发布模板
模板发布操作说明如表2-11所示。
表2-11模板发布操作说明
用例名称:
模板发布
角色说明:
已登录用户
用例说明:
用户根据功能需求,创建模板并发布到系统模板库接收管理员审核
前置条件:
用户已登录系统,访问系统模板中心模块
基本事件流:
1.用户登陆成功进入系统模板中心页面
2.用户选择“发布模板”
3.用户进入模板创建编辑页面,根据功能需求添加所需要的表单元素,并设置相应字段元素的控制信息,点击“下一步”完成模板创建第一步
4.用户进入第二步,选择表单模板图标信息、所属分类及行业,并填写模板用途信息简介,完成基本信息的编辑
5.用户点击“发布”,完成整个表单模板发布过程
6.系统跳转到第三步页面,显示“表单发布成功”
其它事件流:
2.1用户选择“设计新的模板”,进入3
2.2用户选择“从已有表单复制”,系统在当前页面弹出列表框,显示所有用户创建成功的表单;用户选择所需列表项,进入3,在所选表单信息基础上进行编辑修改
3.1用户通过点击“添加新字段”,在系统显示的字段列表中选择所需的字段,并填写相应字段控制信息
异常事件流:
由于系统或者数据服务器出现故障,模板创建失败
后置条件:
用户完成对表单模板的创建与发布操作
2.模板发布功能
用户创建模板可以有两种方式。
一种是可以根据需要设计新的模板,这就需要用户在创建之前有必要的构思;另一种是从已有的表单复制,这种方式是在用户之前创建成功的表单基础上编辑修改成表单模板上传到模板库。
用例图如图2-4所示。
3.选用模板创建表单
用户通过浏览与需求相关的表单模板,并在找到合适的模板之后选用,在此模板基础上直接编辑修改成满足自己需求的表单,简化表单创建过程,提高效率及改善用户体验。
用例图如图2-5所示。
图2-5用户选用模板创建表单
用户选用模板创建表单操作说明如表2-12所示。
表2-12选用模板创建表单操作说明
用例名称:
选用模板创建表单
角色说明:
已登录用户
用例说明:
用户根据条件选择所需的模板并点击查看模板详细信息,选用合适的模板并在该模板基础上创建表单
前置条件:
用户登录成功后进入系统模板中心页面
基本事件流:
1.用户登陆进入系统模板中心页面
2.用户根据筛选条件选择所需表单模板并点击查看模板详细信息
3.用户点击“选用”,系统跳转至我的表单模块的“表单创建”页面,用户可以在原表单模板页面内容基础上进行编辑修改完成表单创建
其它事件流:
3.1用户点击“收藏”,页面显示收藏成功。
异常事件流:
由于系统或者数据服务器出现故障,用户选用模板创建表单失败
后置条件:
用户完成依据表单模板创建表单的操作
4.个人管理功能
用户可以收藏浏览过的感兴趣的表单模板以备以后重用,亦可以查看自己创建的表单模板,并查看其认证状态。
此外还包括用户注册,登陆,修改个人信息以及丢失密码后找回密码等基本功能。
用例图如图2-6所示。
图2-6用户个人信息管理
表2-13个人信息管理操作说明
用例名称:
个人信息管理
角色说明:
已登录用户
用例说明:
系统对于用户收藏的表单模板及创建成功的表单进行整理,用户可以查看这些表单信息,并完善自己的个人信息设置
前置条件:
用户已登录并访问系统模板中心模块
基本事件流:
1.用户登陆进入系统模板中心页面
2.用户点击“个人”,进入个人管理页面
3.系统默认显示“我的收藏”栏目下的表单模板列表
其它事件流:
1.1未登录用户点击“注册”,系统跳转至注册页面完成用户注册并登录成功
1.2未登录用户点击“登陆”,输入用户名、密码登陆系统
2.1用户点击“我的创建”,系统显示用户创建的所有表单模板,包括成功认证或未成功认证状态的表单模板。
2.2用户点击模板列表项,查看相关表单模板的详细信息
2.3用户点击“发布模板”,进入模板创建模块
2.4用户点击设置图标或用户名,系统跳转进入个人中心页面,用户完成个人信息的修改
异常事件流:
由于系统或者数据服务器出现故障,用户表单模板或个人信息修改失败
后置条件:
用户完成查看个人表单模板信息和个人信息的修改、完善操作
个人信息管理操作说明如表2-13所示。
2.1.4管理员后台管理模块
这是只有管理员才有权限进入的模块。
管理员具有设置整个系统具体表单元素是否可用、更新维护表单创建元素、对用户创建的表单模板进行认证、管理查看用户信息等的重要功能。
用例图如图2-7所示。
图2-7管理员后台管理
1.表单字段管理
管理员表单字段管理操作说明如表2-14所示。
表2-14管理员表单字段管理操作说明
用例名称:
表单字段管理
角色说明:
已登录管理员
用例说明:
管理员对于系统可用表单字段进行管理
前置条件:
系统管理员访问系统后台管理模块
基本事件流:
1.系统管理员登陆进入系统后台管理页面
2.管理员进入表单字段管理子目录
3.管理员设置表单字段是否可用状态
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,管理员表单字段可用状态修改失败
后置条件:
系统管理员完成对表单字段可用性的设置操作
2.用户管理
管理员用户管理操作说明如表2-15所示。
表2-15管理员用户管理操作说明
用例名称:
用户管理
角色说明:
已登录管理员
用例说明:
管理员对于用户信息进行管理
前置条件:
系统管理员访问系统后台管理模块
基本事件流:
1.系统管理员登陆进入系统后台管理页面
2.管理员进入用户管理子目录
3.管理员查看用户信息,包括用户创建的表单和表单模板以及用户个人基本信息
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,管理员用户信息查看失败
后置条件:
系统管理员完成对用户信息的管理操作
表2-16管理员模板管理操作说明
用例名称:
模板管理
角色说明:
已登录管理员
用例说明:
管理员对于用户提交的表单模板进行审核,并设置表单模板认证状态
前置条件:
系统管理员访问系统后台管理模块
基本事件流:
系统管理员登陆进入系统后台管理页面
管理员进入模板管理子目录
2.管理员根据审核规则对用户提交的表单模板进行认证审核,并修改其认证状态
其它事件流:
无
异常事件流:
由于系统或者数据服务器出现故障,管理员对模板认证信息修改失败
后置条件:
系统管理员完成对表单模板的审核认证操作
3.模板管理
用户创建的表单模板需要提交到系统模板库接受审核和认证,系统管理员会根据模板内容是否合理、表单是否完善、是否具有可用性、是否适合其他用户重用等因素综合考虑,对之审核,避免恶意创建无用的模板。
通过后及给予“官方认证”状态,否则会批回给用户修改。
管理员模板管理操作说明如表2-16所示。
2.2系统总体设计
2.2.1系统架构设计
本系统采用了流行的B/S结构和SSH框架完成系统开发。
采用B/S结构不仅把客户机从沉重的负担和不断对其提高的性能的要求中解放出来,也把技术维护人员从繁重的维护升级工作中解脱出来。
集成SSH框架的系统框架图如图2-8所示。
使用SSH框架最后,系统的基本业务流程是:
在表现层中,首先通过JSP页面实现交互界面,负责传送请求(Request)和接收响应(Response),然后Struts根据配置文件(struts-config.xml)将ActionServlet接收到的Request委派给相应的Action处理。
在业务层中,管理服务组件的SpringIOC容器负责向Action提供业务模型(Model)组件和该组件的协作对象,数据处理(DAO)组件完成业务逻辑,并提供事务处理、缓冲池等容器组件以提升系统性能和保证数据的完整性。
而在持久层中,则依赖于Hibernate的对象化映射和数据库交互,处理DAO组件请求的数据,并返回处理结果。
2.2.2系统功能结构
根据系统功能分析,基于web的在线表单数据收集器功能结构如图2-9所示。
1.用户表单模块
负责用户表单的设计操作。
用户可以依照需求在线编辑目标表单完成所需功能,设计好之后并发布,由系统在用户设定的时间内进行数据采集。
在这期间,用户可以随时查看所收集的数据。
2.模板中心模块
为用户提供表单设计的模板。
用户可以创建并发布表单模板到系统模板库,也可以通过浏览模板并选用系统模板库中已有模板进行自己的表单设计,提高表单设计效率。
3.后台管理模块
系统设有管理员来对用户的操作进行管理。
系统管理员可以设置系统表单字段是