阳江市人力资源和社会保障局-外部门户网站-界面设计.docxVIP

阳江市人力资源和社会保障局外部门户网站设计广东轻工职业技术学院计算机系2011年9月目录1、概述32、界面设计42.1、首页面设计42.1.1、首页面布局42.1.2、首页面处理逻辑42.2、栏目信息92.2.1、栏目详细信息92.2.2、栏目更多信息102.3、在线咨询122.3.1、在线咨询布局122.3.2、在线咨询处理逻辑142.4、在线投诉152.4.1、在线投诉布局152.4.2、在线投诉处理逻辑162.5、表格下载172.5.1、表格下载布局172.5.2、表格下载处理逻辑182.6、最新公告192.6.1、最新公告布局192.6.2、最新公共处理逻辑192.7、服务链接192.7.1、服务链接布局192.7.2、服务链接处理逻辑203、数据库设计213.1、数据库名称213.2、数据表设计213.2.1、最新公告表TNews213.2.2、政策法规表TPolicy213.2.3、办事流程表TFlow223.2.4、典型案例表TTypicalCase223.2.5、热点问题表THotPoint233.2.6、服务链接表TLink233.2.7、在线咨询表TQuestion243.2.8、在线咨询答复表TQuestionAnswer243.2.9、在线投诉表TComplain253.2.10、在线投诉答复表TComplainAnswer253.2.11、表格下载表TDownload263.2.12、访问记录表TVisitors261、概述所建设的阳江市人力资源和社会保障局信息系统包括如下几个子系统：便民服务子系统、档案管理子系统、公务员考试报名子系统、事业单位考试子系统、劳动工资合同资料录入及审批管理子系统、劳动监察子系统、城乡农村居民医保信息查询子系统、军转干部医保信息查询子系统、农村社会保障信息查询子系统、人力资源市场子系统、养老失业保险管理子系统、医疗工伤保险管理子系统。这些子系统有的只为阳江市人力资源和社会保障局（以下简称人社局）内部工作人员服务，有的既为人社局内部的工作人员服务，同时也为普通市民提供服务，是市民了解人社局信息和获得人社局服务的窗口。为了统一外部市民进入系统的入口，特建立该门户网站，这个门户网站也就是阳江市人社局提出的“便民服务子系统”：它是市民进入系统并获得人社局服务的唯一入口。本文档将对该门户网站的界面设计、数据库设计、后台处理系统设计进行设计描述。2、界面设计2.1、首页面设计2.1.1、首页面布局在浏览器的地址输入人社局为该系统所分配的域名（例如：），将显示如下图所示的首页面：（图2-1：外部门户网站首页）2.1.2、首页面处理逻辑首先按照图2-1所示的形式布局首页面，然后采用Ajax方式向后台服务器发送请求以动态获得各个栏目的信息，然后将从后台返回的数据以规定的形式显示在各个栏目中（需要JavaScript处理）。各栏目的请求地址及返回结果数据的格式如下：（1）最新公告请求：News?action=getRangedata={__extra__data:x1, x2} //获得从最新x1到x2的新闻后台返回：{success: true, data:[{id: xx, title: xx, publisher: xx, publishDate: xx, pv: xx，__extra__data: News?action=getByIddata={id: xx}},……]} //成功或者{success: fasle, message:失败的原因} //失败处理：前端采用Ajax方式向后台的指定地址发送请求，并对后台返回的结果进行处理：如果返回数据的success为false，则提示用户失败并在“最新公告”栏不显示任何信息；如果后台返回了正确的数据，则按要求显示在“最新公告”栏目中，并设置该新闻的href为__extra_data的地址。（2）政策法规请求：Policy?action=getRangedata={__extra__data:x1, x2} //获得从最新x1到x2的法规后台返回：{success: true, data:[{id: xx, title: xx, publisher: xx, publishDate: xx, pv: xx，__extra__data: Policy?action=getByIddata={id: xx}},……]} //成功或者{success: fasle, message:失败的原因} //失败处理：前端采用Ajax方式向后台的指定地址发送请求，并对后台返回的结果进行处理：如果返回数据的success为false，则提示用户失败并在“政策法规”栏不显示任何信息；如果后台返回了正确的数据，则按要求显示在“政策法规”栏目中