员工学习和培训详细设计说明书.doc

员工学习和培训系统详细设计说明书编写 靳秀丽 时间 2012-05-14审核 时间 2012- 批准 时间 2012 版本修订历史记录版本修订内容修订日期修订人审批人1.0创建2012/5/14靳秀丽目 录1 概述11.1目的11.2背景11.3范围11.4定义11.5参考资料12 程序系统的结构22.1层次结构图23 网站前台设计说明43.1程序描述43.2功能43.3性能43.3.1时间需求43.3.2界面需求43.4输入项53.5输出项53.5.1公司主页53.5.2关注领域53.5.3产品介绍63.5.4诚聘英才73.5.5联系我们84 网站后台设计说明104.1程序描述104.2功能104.3性能104.3.1时间需求104.3.2安全性104.4输入项114.4.1后台登录114.4.2前台数据编辑114.4.3后台图片维护124.5输出项134.5.1后台主页134.5.2信息列表144.5.3图片列表154.5.4用户信息列表161 概述1.1目的本文档说明了员工学习和培训系统这个系统的结构以及使用文字、表格、图形对其进行详细设计说明，用于指导该系统在程序设计方面的内容，为系统开发的程序员、系统分析员作为基准文档。1.2背景说明：a、软件的名称：员工学习和培训系统；b、本项目的任务提出者：天津航大航安科技有限公司；c、本项目的开发者：天津航大航安科技有限公司研发部。1.3范围本文档的范围是在对员工学习和培训系统需求说明的分析和理解上，对系统各个模块进行详细的设计说明，包括每个模块的程序描述、功能、性能、输入项、输出项、算法、流程逻辑以及接口进行详细的描述和说明。 1.4定义 暂无。1.5参考资料 （1）天津航大航安科技有限公司编码规范；（2）员工学习和培训系统需求说明；（3）员工学习和培训系统数据库设计说明书。2 程序系统的结构2.1层次结构图公司网站主要包括两个部分，包括网站前台，网站后台。图2.1公司网站层次结构图图2.2网站前台层次结构图图2.3网站后台层次结构图3 网站前台设计说明3.1程序描述公司网站前台显示公司的简介信息，包括经营范围、所获取的资质、成果信息，同时显示公司的照片招聘信息，联系信息。3.2功能用户操作的IPO图如下图3.1所示。1、进入公司主页输 入1、信息处理，从数据库读取公司简介等信息2、图片处理，从数据库读取图片信息处 理1、显示图片信息和文字信息输 出图3.1公司网站前台用户操作IPO图3.3性能3.3.1时间需求（1）进入公司网站加载信息的时间要快。3.3.2界面需求（1）网页设计符合W3C标准；（2）页面设置使用CSS+DIV进行设计；（3）能在大部分浏览器能正常显示。3.4输入项无。3.5输出项3.5.1公司主页公司主页设计如下图3. 2所示。图3. 2公司主页页面设置3.5.2关注领域关注领域，使用文字和图片显示公司的关注领域信息，如下图3. 3所示。图3. 3关注领域页面设置3.5.3产品介绍产品介绍，显示本公司当前的产品信息，包括公司已经完成的系统、实用新型、软件著作权等信息，如下图3. 4所示。图3. 4成果展示页面设置3.5.4诚聘英才诚聘英才显示公司现阶段的招聘信息，包括招聘的岗位，招聘的人数，招聘的岗位的具体描述，如下图3. 5所示。图3. 5诚聘英才页面设置3.5.5联系我们显示联系我们公司的一些联系方式，包括邮箱，各个部门的电话和相应的联系人等信息，如下图3. 6所示。图3. 6联系我们页面设置4 网站后台设计说明4.1程序描述（1）后台登录页面，只有管理员才能进行相应的登录。（2）在后台管理页面进行前台数据的编辑。（3）在后台页面进行前台图片的上传和修改。4.2功能用户操作的IPO图如下图4.1所示。1、管理员输入用户名和密码进行登录2、管理员对信息录入或编辑3、管理员对图片上传或编辑输 入1、 信息处理2、 图片处理处 理1、后台主页2、信息列表3、图片列表输 出图4.1工卡控制模块用户操作IPO图4.3性能4.3.1时间需求（1）上传图片的时间不能太长。4.3.2安全性（1）网站后台只有管理员才能进行相应的操作。4.4输入项4.4.1后台登录后台用户登录的页面如下图4. 2所示，包括输入用户名和密码进行登录。图4. 2用户登录页面设置4.4.2前台数据编辑前台数据编辑包括前台公司简介、成果展示、诚聘英才、联系我们的一些信息的录入或编辑，页面设置如下图4. 3所示。对于此页面可以分为两个页面，一个是录入的页面，一个是编辑的页面。图4. 3前台数据编辑页面设置4.4.3后台图片维护后台图片编辑的页面设置如下图4.4所示，对前台的图片上传或者编辑处理。图4.4后台图片维护页面设置4.5输出项4.5.1后台主页后台主页显示如下图4. 5所示，显示后台操作的一些菜单。图4. 5后台主页页面设置4.5.2信息列表（1）前台信息列表显示的内容如下图4. 6所示，显示前台所有的数据信息。（2）点击“操作”中“编辑”转到【4.4.2前台数据编辑】，对此信息编辑。（3）点击“操作”中“删除”直接将此信息删除。图4. 6信息列表页面设置4.5.3图片列表（1）图片列表显示的内容如下图4. 7所示，显示网站所有图片的列表信息。（2）点击“操作”中“编辑”转到【4.4.3后台图片维护】，对此图片编辑。（3）点击“操作”中“删除”直接将此图片信息删除。图4. 7图片列表页面设置4.5.4用户信息列表（1）用户信息列表显示的内容如下图4. 8所示，显示网站所有用户的信息。（2）点击“操作”中“编辑”转到【4.4.3后台图片维护】，对此用户信息进行编辑。（3）点击“操作”中“删除”直接将此用户信息删除。（4）点击列表上方的“添加”，即是添加一个新的用户信息。图4. 8用户信息列表页面设置