員工學(xué)習(xí)和培訓(xùn)詳細(xì)設(shè)計(jì)說明書

1、員工學(xué)習(xí)和培訓(xùn)系統(tǒng)員工學(xué)習(xí)和培訓(xùn)系統(tǒng) 詳細(xì)設(shè)計(jì)說明書詳細(xì)設(shè)計(jì)說明書 編寫編寫 靳秀麗 時(shí)間時(shí)間 2012-05-14 審核審核 時(shí)間時(shí)間 2012- 批準(zhǔn)批準(zhǔn) 時(shí)間時(shí)間 2012 版本修訂歷史記錄版本修訂歷史記錄 版本版本修訂內(nèi)容修訂內(nèi)容修訂日期修訂日期修訂人修訂人審批人審批人 1.0創(chuàng)建2012/5/14靳秀麗 目目 錄錄 1 概述.1 1.1 目的.1 1.2 背景.1 1.3 范圍.1 1.4 定義.1 1.5 參考資料.1 2 程序系統(tǒng)的結(jié)構(gòu).2 2.1 層次結(jié)構(gòu)圖.2 3 網(wǎng)站前臺設(shè)計(jì)說明.4 3.1 程序描述.4 3.2 功能.4 3.3 性能.4 3.3.1 時(shí)間需求.4 3.3

2、.2 界面需求.4 3.4 輸入項(xiàng).5 3.5 輸出項(xiàng).5 3.5.1 公司主頁.5 3.5.2 關(guān)注領(lǐng)域.5 3.5.3 產(chǎn)品介紹.6 3.5.4 誠聘英才.7 3.5.5 聯(lián)系我們.8 4 網(wǎng)站后臺設(shè)計(jì)說明.10 4.1 程序描述.10 4.2 功能.10 4.3 性能.10 4.3.1 時(shí)間需求.10 4.3.2 安全性.10 4.4 輸入項(xiàng).11 4.4.1 后臺登錄.11 4.4.2 前臺數(shù)據(jù)編輯.11 4.4.3 后臺圖片維護(hù).12 4.5 輸出項(xiàng).13 4.5.1 后臺主頁.13 4.5.2 信息列表.14 4.5.3 圖片列表.15 4.5.4 用戶信息列表.16 1 概述概述

3、 1.1 目的目的 本文檔說明了員工學(xué)習(xí)和培訓(xùn)系統(tǒng)這個(gè)系統(tǒng)的結(jié)構(gòu)以及使用文字、表格、圖 形對其進(jìn)行詳細(xì)設(shè)計(jì)說明，用于指導(dǎo)該系統(tǒng)在程序設(shè)計(jì)方面的內(nèi)容，為系統(tǒng)開發(fā) 的程序員、系統(tǒng)分析員作為基準(zhǔn)文檔。 1.2 背景背景 說明： a、軟件的名稱：員工學(xué)習(xí)和培訓(xùn)系統(tǒng)； b、本項(xiàng)目的任務(wù)提出者：天津航大航安科技有限公司； c、本項(xiàng)目的開發(fā)者：天津航大航安科技有限公司研發(fā)部。 1.3 范圍范圍 本文檔的范圍是在對員工學(xué)習(xí)和培訓(xùn)系統(tǒng)需求說明的分析和理解上，對系統(tǒng) 各個(gè)模塊進(jìn)行詳細(xì)的設(shè)計(jì)說明，包括每個(gè)模塊的程序描述、功能、性能、輸入項(xiàng)、 輸出項(xiàng)、算法、流程邏輯以及接口進(jìn)行詳細(xì)的描述和說明。 1.4 定義定義 暫

4、無。 1.5 參考資料參考資料 （1） 天津航大航安科技有限公司編碼規(guī)范 ； （2） 員工學(xué)習(xí)和培訓(xùn)系統(tǒng)需求說明 ； （3） 員工學(xué)習(xí)和培訓(xùn)系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)說明書 。 2 程序系統(tǒng)的結(jié)構(gòu)程序系統(tǒng)的結(jié)構(gòu) 2.1 層次結(jié)構(gòu)圖層次結(jié)構(gòu)圖 公司網(wǎng)站主要包括兩個(gè)部分，包括網(wǎng)站前臺，網(wǎng)站后臺。 公公 司司 網(wǎng)網(wǎng) 站站 p p 1 1 網(wǎng)網(wǎng) 站站 前前 臺臺 p p 2 2 網(wǎng)網(wǎng) 站站 后后 臺臺 圖 2.1 公司網(wǎng)站層次結(jié)構(gòu)圖 p p 1 1 網(wǎng)網(wǎng) 站站 前前 臺臺 p p 1 1 1 1 公公 司司 主主 頁頁 p p 1 1 4 4 誠誠 聘聘 英英 才才 p p 1 1 2 2 關(guān)關(guān) 注注 領(lǐng)領(lǐng) 域域

5、 p p 1 1 3 3 產(chǎn)產(chǎn) 品品 介介 紹紹 p p 1 1 5 5 聯(lián)聯(lián) 系系 我我 們們 圖 2.2 網(wǎng)站前臺層次結(jié)構(gòu)圖 p p 2 2 網(wǎng)網(wǎng) 站站 后后 臺臺 p p 2 2 1 1 后后 臺臺 登登 錄錄 p p 2 2 4 4 前前 臺臺 圖圖 片片 維維 護(hù)護(hù) p p 2 2 2 2 后后 臺臺 主主 頁頁 p p 2 2 3 3 前前 臺臺 數(shù)數(shù) 據(jù)據(jù) 編編 輯輯 p p 2 2 5 5 用用 戶戶 管管 理理 圖 2.3 網(wǎng)站后臺層次結(jié)構(gòu)圖 3 網(wǎng)站前臺設(shè)計(jì)說明網(wǎng)站前臺設(shè)計(jì)說明 3.1 程序描述程序描述 公司網(wǎng)站前臺顯示公司的簡介信息，包括經(jīng)營范圍、所獲取的資質(zhì)、成果信 息

6、，同時(shí)顯示公司的照片招聘信息，聯(lián)系信息。 3.2 功能功能 用戶操作的 ipo 圖如下圖 3.1 所示。 1、進(jìn)入公司主頁 輸 入 1、信息處理，從數(shù)據(jù)庫讀 取公司簡介等信息 2、圖片處理，從數(shù)據(jù)庫讀 取圖片信息 處 理 1、顯示圖片信息和文字信 息 輸 出 圖 3.1 公司網(wǎng)站前臺用戶操作 ipo 圖 3.3 性能性能 3.3.1 時(shí)間需求時(shí)間需求 （1）進(jìn)入公司網(wǎng)站加載信息的時(shí)間要快。 3.3.2 界面需求界面需求 （1）網(wǎng)頁設(shè)計(jì)符合 w3c 標(biāo)準(zhǔn)； （2）頁面設(shè)置使用 css+div 進(jìn)行設(shè)計(jì)； （3）能在大部分瀏覽器能正常顯示。 3.4 輸入項(xiàng)輸入項(xiàng) 無。 3.5 輸出項(xiàng)輸出項(xiàng) 3.5

7、.1 公司主頁公司主頁 公司主頁設(shè)計(jì)如下圖 3. 2 所示。 圖 3. 2 公司主頁頁面設(shè)置 3.5.2 關(guān)注領(lǐng)域關(guān)注領(lǐng)域 關(guān)注領(lǐng)域，使用文字和圖片顯示公司的關(guān)注領(lǐng)域信息，如下圖 3. 3 所示。 圖 3. 3 關(guān)注領(lǐng)域頁面設(shè)置 3.5.3 產(chǎn)品介紹產(chǎn)品介紹 產(chǎn)品介紹，顯示本公司當(dāng)前的產(chǎn)品信息，包括公司已經(jīng)完成的系統(tǒng)、實(shí)用新 型、軟件著作權(quán)等信息，如下圖 3. 4 所示。 圖 3. 4 成果展示頁面設(shè)置 3.5.4 誠聘英才誠聘英才 誠聘英才顯示公司現(xiàn)階段的招聘信息，包括招聘的崗位，招聘的人數(shù)，招聘 的崗位的具體描述，如下圖 3. 5 所示。 圖 3. 5 誠聘英才頁面設(shè)置 3.5.5 聯(lián)系我

8、們聯(lián)系我們 顯示聯(lián)系我們公司的一些聯(lián)系方式，包括郵箱，各個(gè)部門的電話和相應(yīng)的聯(lián) 系人等信息，如下圖 3. 6 所示。 圖 3. 6 聯(lián)系我們頁面設(shè)置 4 網(wǎng)站后臺設(shè)計(jì)說明網(wǎng)站后臺設(shè)計(jì)說明 4.1 程序描述程序描述 （1）后臺登錄頁面，只有管理員才能進(jìn)行相應(yīng)的登錄。 （2）在后臺管理頁面進(jìn)行前臺數(shù)據(jù)的編輯。 （3）在后臺頁面進(jìn)行前臺圖片的上傳和修改。 4.2 功能功能 用戶操作的 ipo 圖如下圖 4.1 所示。 1、管理員輸入用戶名和密 碼進(jìn)行登錄 2、管理員對信息錄入或編 輯 3、管理員對圖片上傳或編 輯 輸 入 1、 信息處理 2、 圖片處理 處 理 1、后臺主頁 2、信息列表 3、圖片列

9、表 輸 出 圖 4.1 工卡控制模塊用戶操作 ipo 圖 4.3 性能性能 4.3.1 時(shí)間需求時(shí)間需求 （1）上傳圖片的時(shí)間不能太長。 4.3.2 安全性安全性 （1）網(wǎng)站后臺只有管理員才能進(jìn)行相應(yīng)的操作。 4.4 輸入項(xiàng)輸入項(xiàng) 4.4.1 后臺登錄后臺登錄 后臺用戶登錄的頁面如下圖 4. 2 所示，包括輸入用戶名和密碼進(jìn)行登錄。 圖 4. 2 用戶登錄頁面設(shè)置 4.4.2 前臺數(shù)據(jù)編輯前臺數(shù)據(jù)編輯 前臺數(shù)據(jù)編輯包括前臺公司簡介、成果展示、誠聘英才、聯(lián)系我們的一些信 息的錄入或編輯，頁面設(shè)置如下圖 4. 3 所示。 對于此頁面可以分為兩個(gè)頁面，一個(gè)是錄入的頁面，一個(gè)是編輯的頁面。 圖 4.

10、3 前臺數(shù)據(jù)編輯頁面設(shè)置 4.4.3 后臺圖片維護(hù)后臺圖片維護(hù) 后臺圖片編輯的頁面設(shè)置如下圖 4.4 所示，對前臺的圖片上傳或者編輯處理。 圖 4.4 后臺圖片維護(hù)頁面設(shè)置 4.5 輸出項(xiàng)輸出項(xiàng) 4.5.1 后臺主頁后臺主頁 后臺主頁顯示如下圖 4. 5 所示，顯示后臺操作的一些菜單。 圖 4. 5 后臺主頁頁面設(shè)置 4.5.2 信息列表信息列表 （1）前臺信息列表顯示的內(nèi)容如下圖 4. 6 所示，顯示前臺所有的數(shù)據(jù)信息。 （2）點(diǎn)擊“操作”中“編輯”轉(zhuǎn)到【4.4.2 前臺數(shù)據(jù)編輯】 ，對此信息編輯。 （3）點(diǎn)擊“操作”中“刪除”直接將此信息刪除。 圖 4. 6 信息列表頁面設(shè)置 4.5.3 圖片列表圖片列表 （1）圖片列表顯示的內(nèi)容如下圖 4. 7 所示，顯示網(wǎng)站所有圖片的列表信息。 （2）點(diǎn)擊“操作”中“編輯”轉(zhuǎn)到【4.4.3 后臺圖片維護(hù)】 ，對此圖片編輯。 （3）點(diǎn)擊“操作”中“刪除”直接將此圖片信息刪除。 圖 4. 7 圖片列表頁面設(shè)置 4.5.4 用戶信息列