【導讀】系，達到了實現(xiàn)宣傳、交流及資源整合的目的，為企業(yè)的發(fā)展奠定了基礎。刪除、查找等，以實現(xiàn)用戶和管理員能具體的使用和操作。在文中對于具體的操。作和設計思路方法等做出了具體的描述。整個系統(tǒng)包括首頁模塊、OAoffice自。動辦公模塊、論壇模塊、產(chǎn)品展示模塊、后臺管理模塊等。各個模塊之間相互獨。滿足不同用戶的需求。

　　

【正文】 輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 20 第 3 章 網(wǎng)站的詳細設計 頁面的整體設計 頁面的整體設計包括前臺頁面的設計和后臺管理頁面的設計， 進入后臺 首先驗證用戶名 、 密碼，然后 進入 后臺 進行具體操作，流程圖如圖 31所示 ： 圖 31 頁面整體 設計 流程圖 首頁（ ）的設計 對于一個好的網(wǎng)站來說，首頁是非常重要的，經(jīng)過前期的需求分析與總體設計的概況，設計出的網(wǎng)站首頁如圖 32所示： Y N 首頁 本地用車 后臺管理 OA BBS 開始登陸 輸入用戶名和密碼 判斷正確 進入后臺管理界面 選擇具體操作 結 束 中原工學院 信息商務學院 畢業(yè)（設計）論文 21 圖 32 主頁效果圖 首頁上主要包括了導航 欄和具體的功能模塊（車友樂園、名車預覽、熱點關注、招賢納士），只要點擊功能按鈕就可以進行瀏覽、操作本網(wǎng)站。 后臺管理界面的設計（ ） 后臺管理界面主要包括導航菜單欄和本網(wǎng)站的名稱標志。 導航包括：管理員模塊、職員表、產(chǎn)品表和首頁 管理員模塊分為：資料修改、添加部門、添加職位。 職員表分為：職員信息的添加，職員信息的查找，職員信息的修改和職員信息的刪除。 查找包括：按職員 ID號查找和按職員姓名查找。 產(chǎn)品表分為：產(chǎn)品信息的添加，產(chǎn)品信息的查找，產(chǎn)品信息的修改和產(chǎn)品信息 的刪除。 查找包括：按車名查找和車型號查找。 后臺管理界面如圖 33 所示： 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 22 圖 33 后臺管理界面效果圖 系統(tǒng)模塊的設計 系統(tǒng)模塊的設計包括前臺產(chǎn)品的展示模塊和后臺管理的模塊設計，具體的流程圖如圖 34 所示： 中原工學院 信息商務學院 畢業(yè)（設計）論文 23 圖 34 系統(tǒng)模塊的流程圖 前臺產(chǎn)品展示（ ） 在產(chǎn)品展示（ ）界面，選用 datalist 控件來顯示數(shù)據(jù)，包括在后臺添加的產(chǎn)品的圖片和名稱，并且分為兩行顯示，每行最多 顯示五張，并且按照數(shù)據(jù)庫產(chǎn)品（ car）表中的內容動態(tài)改變。產(chǎn)品展示包括：產(chǎn)品預覽和產(chǎn)Y N N Y N Y N 修改、刪除 添加 后臺登陸 輸入用戶名和密碼 正確 Y 進入管理界面 選擇板塊 操作成功 返回 輸入信息 查找 選取 提交輸入 修改信息 確定刪除 提交修改 正確 顯示信息 正確 寫入數(shù)據(jù)庫 首頁 產(chǎn)品展示 產(chǎn)品搜索 輸入內容 正確 顯示信息 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 24 品搜索兩部分。產(chǎn)品搜索又分為按車型查找和車名查找，方便用戶對產(chǎn)品的進一步了解，具體的流程圖如圖 35 所示： 圖 35 產(chǎn)品展示流程圖 產(chǎn)品展示具體的界面如圖 36所示： 圖 36 產(chǎn)品展示 效果 圖 Y N 產(chǎn)品展示 產(chǎn)品搜索 按車型查找 按車名查找 正確 輸入相關內容 顯示信息 中原工學院 信息商務學院 畢業(yè)（設計）論文 25 當用戶需要搜索產(chǎn)品時，只要在產(chǎn)品展示（ ）界面中選擇查詢方式，輸入內容，點擊“搜索”按鈕即可查詢，系統(tǒng)會自動調用 SQL語句中的查詢（ select）語句，去查找產(chǎn)品表（ car）中的信息，然后在自動彈出的頁面中顯示所搜索到的產(chǎn)品信息（ 發(fā)動機編號、車型號、車名 ），由于本次使用的是模糊查找，所以可能搜索到多條信息，只要在查找出來的信息中選擇 “詳細信息”，即可顯示產(chǎn)品的全部信息（ 類別，發(fā)動機編號、車型號、車名、顏色、價格、最大功率、車圖片 ） SQL 語句： (select * from car where c_name=39。{0}39。, )； (select * from car where module=39。{0}39。, )。 如圖 37 所示： 圖 37 產(chǎn)品 搜索效果圖 后臺 管理員的登陸 主要是查找管理員表，驗證用戶名和密碼的正確與否。 首先，運行程序在首頁（ ）的右下角處點擊“管理”按鈕，進入到后臺管理登陸界面，然后輸入正確的用戶名和密碼，最后，點擊“登陸”按鈕，系統(tǒng)會自動觸發(fā) Button1_Click（）函數(shù)， 實現(xiàn)信息的輸入，用 SQL 語句中的查詢（ select）語句去查找數(shù)據(jù)庫管理員（ admn）表中的信息，進行比較判斷。 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 26 SQL 語句為： select name from admn where name=39。++39。 and code=39。++39。 管理員登陸界面如圖 38 所示： 圖 38 后臺登陸效果圖 如果用戶名和密碼正確，則能進入到后臺管理界面（ ），否則，系統(tǒng)會提示用戶名或密碼錯誤，將重新輸入用戶名和密碼。 具體流程圖如圖 39所示： 圖 39 后臺登陸流程圖 N 登陸 輸入用戶名和密碼 判斷信息正確 Y 進入管理界面 完成 中原工學院 信息商務學院 畢業(yè)（設計）論文 27 管理員資料修改 管理員登陸后， 如果想修改自己的用戶名或密碼，點擊導航鍵里的管理員 —— 資料修改，進入資料修改界面，會員可對信息進行修改。用戶名和密碼的輸入都不能為空，新密碼和確認密碼必須一致。此函數(shù)是實現(xiàn)對數(shù)據(jù)庫的修改用戶信息 .,利用存儲過程具體實現(xiàn)對數(shù)據(jù)庫的寫操作 . 具體的功能實現(xiàn)：在管理員資料修改頁面中主要實現(xiàn)的是用戶信息的修改，包括：管理員名稱，密碼，密碼確認三項。其中密碼和密碼確認必須一致才可以提交。 當點擊確定按鈕的時候，觸發(fā) Button1_Click（）函數(shù)，實現(xiàn)信息的修改。其中使用了 SQL 語句中的 Update 語句對 admn 表 進行了操作。 SQL 語句： update admn set name=39。 + + 39。,code=39。 + + 39。 修改管理員信息界面如圖 310所示： 圖 310管理員資料修改效果圖 當資料填寫正確，密碼與確認密碼一致，系統(tǒng)會提示修改資料正確，否則，出現(xiàn)錯誤。具體的流程圖如圖 311所示： 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 28 圖 311管理員資料修改 效果圖 部門表的操作 功能介紹：主要對 企業(yè) 各個部門的信息進行錄入。包括： 部門 ID、部門名稱、部門簡介。 由于企業(yè)中的部門基本上是固定的沒有太大的區(qū)別，所以沿用其他網(wǎng)站的設計，對本網(wǎng)站部門表的操作只考慮到了添加功能，對于修改、刪除功能沒有做詳細的介紹。 具體操作：進入部門信息的添加界面，在輸入框中輸入正確的信息，點擊添加按鈕 ，觸發(fā) Button1_Click（） 函數(shù)，實現(xiàn)信息的添加 ，其中使用了 SQL 語句中的 insert 語句進行操作，將輸入的信息存放到了 Department（部門表） 中。 SQL 語句： insert into department values( + + ,39。 + + 39。,39。 + + 39。)。 添加部門信息的界面圖如圖 312 所示： N Y 輸入信息 提交輸入 正確 寫入數(shù)據(jù)庫 管 理員資料修改界面 結束 中原工學院 信息商務學院 畢業(yè)（設計）論文 29 312添加部門信息的效果圖 職位 表的操作 功能介紹：主要對 企業(yè) 各個 職位 的信息進行錄入。包括： 職位 ID、 職位 名稱、 職位 簡介。 具體操作： 管理員進入職位 信息 的添加頁面中，在職位 信息 添加頁面中錄入產(chǎn)品的詳細信息， 填寫正確的信息， 當點擊 添加 按鈕的時候，觸發(fā) Button1_Click（） 函數(shù)，實現(xiàn)信息的添加 ，其中，使用的是 SQL 語句中的 insert 語句，向 position（ 職位 表） 表 中進行添加信息，同時把填寫的具體信息錄入到了數(shù)據(jù)庫 position 表中。 SQL 語句： insert into position values( + + ,39。 + + 39。,39。 + + 39。)。 職位信息的添加效果圖如圖 313 所示： 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 30 圖 313添加職位信息效果圖 職員表的操作 ⑴ .職員信息的添加 功能介紹： 在職員信息添加頁面中主要實現(xiàn) 的是職員信息的錄入，包括： 員工 ID 號、姓名、性別、出生年月、民族、畢業(yè)學校、學歷、移動電話、 Email、部門、部門 ID、職位、職位 ID、角色、密碼等。 具體操作： 在輸入框 中 輸入正確的信息， 當點擊 添加 按鈕的時候，觸發(fā) Button1_Click（） 函數(shù)，實現(xiàn)信息的添加，把用戶的基本信息插入到 了 staff 數(shù)據(jù)表中 ，其中，對于部門和職位的選擇，直接在添加界面中綁定了數(shù)據(jù)庫中的部門表（ department）和職位表（ Position），這樣就不用在依次的輸入具體的內容。對于職員的 ID 號，也采用了自動生成的方法，直接 寫入到了數(shù)據(jù)庫。 職員信息的添加界面如圖 314所示： 中原工學院 信息商務學院 畢業(yè)（設計）論文 31 圖 314 職員信息添加效果圖 如果用戶信息填寫正確，系統(tǒng)提示 添加 成功 ，否則系統(tǒng)會自動返回添加頁面，用戶重新輸入信息，具體的流程圖如 圖 315所示： 圖 315 職員信息添加流程圖 ⑵ .職員信息的查找 功能介紹： 具體查找某一個職員的詳細信息 ，采用的是精確查找。查找方式包括：按N Y 輸入信息 提交輸入 正確 寫入數(shù)據(jù)庫 信息添加界面 操作完成 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 32 職員 ID 號查找和按職員名稱查找。用戶可以看到在界面的下方采用的是Gridview 控 件來綁定數(shù)據(jù)庫中的 staff 表顯示所有職員的詳細信息，當用戶沒有執(zhí)行具體操作時，輸入內容部分是不可用的，只有執(zhí)行具體操作時才會激活輸入內容部分。對于 Gridview 控件的設置每頁只顯示五條記錄，過多會自動生成下一頁來顯示。 具體操作和主要技術： 當用戶需要查找時，首先，進入查找界面，選擇要查找的方式（職員 ID號，職員名稱），然后輸入具體的內容，點擊“查找”按鈕即可。系統(tǒng)會自動觸發(fā)Button1_Click（）函數(shù)，執(zhí)行查找。其中用到了 SQL 語句中的查找（ select）語句把信息從數(shù)據(jù)庫 staff 表中讀了出來 ，最后在 Gridview 里顯示出了所要查找的詳細信息。查找完成后用戶還可以點擊查找方式里的“所有”，這樣會在Gridview 里顯示數(shù)據(jù)庫 staff 表中的全部信息。 SQL 語句為： select * from staff where s_id={0}； select * from staff where s_name=39。 + + 39。 查找成功后的效果圖如圖 316所示： 圖 316 職員信息查找效果圖 當選擇好查找方式后，如果輸入信息正確，則顯示查找內容，當輸入信息錯中原工學院 信息商務學院 畢業(yè)（設計）論文 33 誤， 則系統(tǒng)判斷繼續(xù)輸入內容進行查找。 具體流程圖如圖 317所示： 圖 317 職員信息查找流程圖 ⑶ .職員信息的修改 具體的功能實現(xiàn)： 修改的信息包括 有 ： 姓名、性別、出生年月、民族、畢業(yè)學校、學歷、移動電話、 Email、部門、部門 ID、職位、職位 ID、角色、密碼 。其中 職員 ID 號不可以修改，因為在具體的一個部門中職員的 ID 號是唯一固定不變的，所以它與staff 表中的信息保持一致。 操作步驟和主要技術： 管理員 登陸后，如果想 修改 某個職員的 信息， 先進入職員信息修改的界面，在 Gridview1 控件里選擇具體的職員，在其信息的開頭 點擊 編輯即可 ，系統(tǒng) 會自動運行，在其修改框中更改錯誤的信息 。 當點擊 更新 按鈕時， 系統(tǒng)自動會 觸發(fā) Button1_Click（）函數(shù)，實現(xiàn)信息的修改。 其中使用 SQL 語句 中的 Update 實現(xiàn) 職員 信息的更新。 同時向 staff 數(shù)據(jù)表中添加 更新的數(shù)據(jù)。 SQL 語句： UPDATE [staff] SET [s_password] = @s_password, [s_name] = @s_name,…… 此函數(shù) 主要 是實現(xiàn)對數(shù)據(jù) 庫的修改 職員 信息 .,利用存儲過程具體實現(xiàn)對數(shù)N Y 輸入查找信息 提交 信息正確 顯示信息 信息查找界面 操作完成 趙輝 ： 企業(yè) 網(wǎng)站設計與開發(fā) 34 據(jù)庫的寫操作 。 具體的修改職員 信息界面如圖 318所示： 圖 318 職員信息修改效果圖 ⑷ .職員信息的刪除 功能介紹：為了避免數(shù)據(jù)庫的冗余，減少數(shù)據(jù)庫的空間浪費，使用刪除功能將其不必要的數(shù)據(jù)進行刪除，釋放數(shù)據(jù)庫的空間。對于需要刪除的信息包括：已經(jīng)離開本企業(yè)的員工信息和錯誤的員工信息。 具體操作和主要技術： 首先，管理員必須進入職員信息刪除界面，如果數(shù)據(jù)庫 sta