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

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