【導(dǎo)讀】本文介紹基于Web技術(shù)開(kāi)發(fā)的實(shí)驗(yàn)室信息管理系統(tǒng)。和數(shù)據(jù)庫(kù)技術(shù)，并采用了許多第三方組件，如利用ASPupload進(jìn)行文件的上傳。系統(tǒng)分成管理員子系統(tǒng)和注冊(cè)用戶子系統(tǒng)進(jìn)行設(shè)計(jì)。⑥試驗(yàn)標(biāo)準(zhǔn)下載、⑦信息發(fā)布管理、⑧留言板、和⑨單位換算，同時(shí)管理員還能實(shí)現(xiàn)用戶管理、數(shù)據(jù)庫(kù)備份等。預(yù)約申請(qǐng)，管理員根據(jù)設(shè)備使用情況安排使用時(shí)間。所有預(yù)約信息會(huì)實(shí)時(shí)顯示在網(wǎng)絡(luò)上。同時(shí)，本系統(tǒng)還擁有功。能全面、實(shí)用性強(qiáng)、界面友好、頁(yè)面美觀等特點(diǎn)。

　　

【正文】 ” 項(xiàng)，如果兩次輸入的密碼不一致，就會(huì)出現(xiàn)如下警告框： 圖 422 保存用戶頁(yè) （ ） 如果所有的信息 都 符合要求，就將數(shù)據(jù)庫(kù)中種所有 字段 為 username 的 記 錄取出來(lái)，一個(gè)一個(gè) 地 與注冊(cè) 時(shí) 輸入的 用戶名 進(jìn)行比對(duì) 。 如果發(fā)現(xiàn)重復(fù)注冊(cè)，就給出提 示框 提 示這個(gè) 注冊(cè)名 已經(jīng)被注冊(cè)了。 上述功能 用下面一段循環(huán)語(yǔ)句實(shí)現(xiàn)： Dim Source,rs1 =0 39。指定 cookies 到期的時(shí)間 set rs1=() Source=select username from registuser Source,conn,1 i=1 39。用 i=1 表示未發(fā)現(xiàn)注冊(cè)用的用戶名 發(fā)生 重復(fù) do while not 39。比較 待 注冊(cè)的用戶名是否 與 USER 數(shù)據(jù)庫(kù)中 已存在的用戶名 重復(fù) if username=rs1(username) then i=0 39。用 i=0 表示注冊(cè)用的用戶名發(fā)現(xiàn)有重復(fù) exit do else i=1 end if loop 25 if i=1 then 39。注冊(cè)的用戶名未重復(fù)時(shí) ， 可以作為一個(gè)新用戶名記錄加入到 USER 數(shù)據(jù)庫(kù)中 輸入滿足要求 時(shí) ，出現(xiàn)如下 “ 注冊(cè)成功 ” 提示框。 圖 423 保存用戶頁(yè) （ ） 兩秒鐘后，轉(zhuǎn)入系統(tǒng)主頁(yè) 。 重新在登錄區(qū)輸入用戶名密碼和校驗(yàn)碼后，登錄區(qū)變成了會(huì)員專(zhuān)區(qū)。 圖 424 會(huì)員專(zhuān)區(qū) （ ） 會(huì)員專(zhuān)區(qū)是一個(gè)十分有用的功能，在這個(gè)區(qū)域能進(jìn)行個(gè)人注冊(cè)資料的修改、 查看自己的預(yù)約申請(qǐng)、查看自己的借用記錄和留言。 由于在每個(gè)功能子模塊里都存在登 錄 區(qū)，為了編輯的方便，把它單獨(dú)做成一個(gè)文件放在 include文件夾里，采用 SSI（服務(wù)器端嵌入）技術(shù)調(diào)用這個(gè)文件 。 由于調(diào)用文件時(shí)，程序首先在服務(wù)器端執(zhí)行，然后在發(fā)送到客戶端，所以客戶端并不能分辨 這是兩個(gè)文件 。如下的語(yǔ)句程序采用了 SSI技術(shù)。 !include file=include/ 由于開(kāi)始階段對(duì) SSI技術(shù)并不十分了解， 未將 被調(diào)用文件和調(diào)用文件 放 在 同一 目錄下，在設(shè)置文件鏈接時(shí)按照被調(diào)用 文件的相對(duì)路徑設(shè)置，調(diào)試就出錯(cuò) 了： a href=../□我的注冊(cè)資料 /a 應(yīng)該按照調(diào)用文件的路經(jīng)設(shè)置相對(duì)路徑： a href=□我的注冊(cè)資料 /a 如下為點(diǎn)擊會(huì)員專(zhuān)區(qū) “ 我的注冊(cè)資料 ” 后出現(xiàn)的畫(huà)面： 26 圖 425 我的注冊(cè)資料頁(yè) （ ） 留言板模塊 點(diǎn)擊 “ 我要留言 ” 鏈接后，出現(xiàn)留言板頁(yè)面： 圖 426 留言板 （ ） 填入留言內(nèi)容后點(diǎn)擊 “ 提交 ” ，進(jìn)入留言提交頁(yè) 。 這個(gè)頁(yè)面首先調(diào)用 select case 條件語(yǔ)句判斷執(zhí)行哪一個(gè)子程序 。 因?yàn)閭鬟f過(guò)來(lái)的是 add， 所以選擇 case add執(zhí)行，判斷留言標(biāo)題和內(nèi)容是否均為空 。 任何一項(xiàng)為空，均會(huì)給出提示框。 接下來(lái)用 addnew，創(chuàng)建一個(gè)新的記錄變量 。 將記錄集 form中的數(shù)據(jù)通過(guò) request 讀取 并 賦予變量 。 用 update語(yǔ)句在將變量寫(xiě)入數(shù)據(jù)表中 ， 并重定向到 頁(yè)面。 未登錄用戶提交后，不能轉(zhuǎn)入 頁(yè)，只會(huì)給出 “ 提交成功 ” 提示框。 27 圖 427 留言成功提示框 （ ） 如下是剛 才提交的留言： 圖 428 我的留言 （ ） 在 “ 我的留言 ” 內(nèi)， 使用者 可以查看管理員的回復(fù)，甚至可以刪除留言 。 刪除留言同樣也通過(guò)文件 實(shí)現(xiàn)。 注冊(cè)用戶子系統(tǒng)網(wǎng)頁(yè)清單 文件名 網(wǎng)頁(yè)名稱 功能 存放路徑 數(shù)據(jù)庫(kù)鏈接子程序 鏈接數(shù)據(jù)庫(kù) Lab 層疊樣式表 定義頁(yè)面風(fēng)格 Lab\include 日歷控件 提供日歷 Lab 加密函數(shù) 提供 MD5 加密 Lab 驗(yàn)證碼函數(shù) 提供驗(yàn)證碼 Lab 登錄模塊 新用戶注冊(cè)、登錄，會(huì)員專(zhuān)區(qū) Lab\include 頁(yè)首 頁(yè)面上部圖片等 Lab 28 登錄檢查 登錄檢查 Lab 新用戶注冊(cè) 新用戶注冊(cè) Lab 登出 登出 Lab 網(wǎng)頁(yè)切換鈕 各信息網(wǎng)頁(yè)的切換 Lab\include 主頁(yè) 信息發(fā)布 Lab 預(yù)約信息 發(fā)布預(yù)約信息 Lab 預(yù)約申請(qǐng)單 提交預(yù)約申請(qǐng)單 Lab 預(yù)約詳情 發(fā)布預(yù)約詳細(xì)情況 Lab 設(shè)備信息 發(fā)布設(shè)備清單 Lab 設(shè)備檔案 發(fā)布設(shè)備詳細(xì)信息 Lab 易耗品信息 法不依耗品清單 Lab 借用紀(jì)錄 發(fā)布借用信息 Lab 損耗紀(jì)錄 發(fā)布損耗信息 Lab 試驗(yàn)標(biāo)準(zhǔn)下載 提供試驗(yàn)標(biāo)準(zhǔn)下載 Lab 單位換算 單位換算 Lab 留言板 發(fā)布新的留言 Lab 我的注冊(cè)信息 發(fā)布、編輯個(gè)人注冊(cè)信息 Lab 我的預(yù)約申請(qǐng) 我的所有預(yù)約申請(qǐng)單 Lab 我的借用記錄 我的所有借用紀(jì)錄 Lab 我的留言 發(fā)布、刪除我的所有留言 Lab 留言遞交子程序 留言記錄的增加、刪除 Lab 申請(qǐng)單遞交子程序 申請(qǐng)單紀(jì)錄的增加 Lab 注冊(cè)信息更新子程序 注冊(cè)信息的提交、修改 Lab 表 41 注冊(cè)用戶子系統(tǒng)網(wǎng)頁(yè)清單 后臺(tái) 管理員子系統(tǒng) 點(diǎn)擊系統(tǒng)主頁(yè)頁(yè)腳的 “ 管理進(jìn)入 ” 后 ， 進(jìn)入管理登陸頁(yè)面 。 輸入正確的用戶名密碼和校驗(yàn)碼后 ， 即 可 進(jìn)入管理員主頁(yè)。管理員主頁(yè)采用框架結(jié)構(gòu)，框架結(jié)構(gòu)的好處是可以更加容易 地 整理文檔，但框架結(jié)構(gòu)有些瀏覽器不支持，因此只是在管理員界面才采用。 管理員網(wǎng)頁(yè)導(dǎo)航圖 如下所示： 29 圖 429 管理員界面網(wǎng)頁(yè)導(dǎo)航圖 管理員采用獨(dú)立登錄窗口 ， 點(diǎn)擊 前臺(tái) 用戶頁(yè)下端的 “ 管理員登錄 ” 鏈接點(diǎn)，進(jìn)入登 錄 窗口。 圖 430 管理員登錄頁(yè) () 正確輸入后，點(diǎn)擊 “ 登 錄” 進(jìn)入登錄檢查頁(yè) ，對(duì)輸入的信息與數(shù)據(jù)庫(kù)中 admin 數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行比對(duì)，如果全部符合，則進(jìn)入管理員主頁(yè)： 開(kāi)始 登陸檢查頁(yè) 管理員登陸頁(yè) 菜單頁(yè) 后臺(tái)說(shuō)明頁(yè) 主頁(yè) Y N 后臺(tái)主頁(yè) 退出登錄 用戶管理 物品管理 設(shè)置管理 信息管理 其它管理 頁(yè)首 30 圖 431 管理員主頁(yè) () 在后臺(tái)主頁(yè)中，包含三個(gè)框架頁(yè)： 、 和 ，點(diǎn)擊左邊的菜單 欄 的相應(yīng)鏈接，在右邊 ( 顯示區(qū)域 )就顯示 出 對(duì)應(yīng)的鏈接頁(yè)。 管理員子系統(tǒng)按功能 分成 5個(gè) 部分：用戶管理、物品管理、設(shè)置管理、信息管理 和 其它管理 。本文 將按照 各部分進(jìn)行介紹。 用戶管理 在用戶管理部分網(wǎng)頁(yè)導(dǎo)航圖 圖 432 用戶管理部分網(wǎng)頁(yè)導(dǎo)航圖 用戶管理包括 “ 注冊(cè)用戶 ” 管理和 “ 管理員用戶管理 ” ， 其 界面類(lèi)似，程序也大同小異，不同的是前臺(tái)可以通過(guò)注冊(cè)變成普通用戶，而管理員需要在后臺(tái)進(jìn)行添加 。 注冊(cè)資料修改 菜單頁(yè) 管理員用戶 注冊(cè)用戶 用戶管理 注冊(cè)資料修改 31 后臺(tái)注冊(cè)用戶界面和管理員用戶界面都能實(shí)現(xiàn)新用戶的添加 、 老用戶的編輯 或 刪除，都是通過(guò)調(diào)用 和 實(shí)現(xiàn)，具體實(shí)現(xiàn)方法與前述留言板的方法一致。 如下是點(diǎn)擊左邊用戶管理部 分的 “ 注冊(cè)用戶 ” 鏈接后看到的頁(yè)面 ： 圖 433 后臺(tái)注冊(cè)用戶頁(yè) () 圖 434 后臺(tái)管理員用戶頁(yè) () 32 物品管理 物品管理包括 “ 設(shè)備 ” 管理和 “ 易耗品 ” 管理兩部分，下面是網(wǎng)頁(yè)導(dǎo)航圖 ： 圖 435 后臺(tái)物品管理部分網(wǎng)頁(yè)導(dǎo)航圖 1）設(shè)備管理： 點(diǎn)擊左邊物品管理內(nèi)的 “ 設(shè) 備 ” 出現(xiàn)如下頁(yè)面： 圖 436 后臺(tái)設(shè)備頁(yè) () 管理員可以添加、修改和刪除任何設(shè)備的信息，也可以點(diǎn)擊 “ 查看 ” ， 在跳出的彈出框 ()中對(duì)設(shè)備 進(jìn)行 編輯。 點(diǎn)擊設(shè)備添加部分的 “ 添加詳情 ” 后 ，會(huì)出現(xiàn)“ 設(shè)備添加 ”彈出框 ()。 它與設(shè)備編輯頁(yè)類(lèi)似，都需要調(diào)用文件 對(duì)數(shù)據(jù)庫(kù)的記錄執(zhí)行添加、編輯 或者 刪除操作。 資料修改 菜單頁(yè) 易耗品 設(shè)備 物品管理 資料修改 編輯設(shè)備 新增設(shè)備 33 圖 437 設(shè)備添加頁(yè) () 圖 438 設(shè)備 編輯彈出框 () 2）易耗品管理： 如下是易耗品管理頁(yè)面 ： 34 圖 439 易耗品管理頁(yè) () 設(shè)置管理 為了提高系統(tǒng)的通用性和擴(kuò)展性，特設(shè)有設(shè)置管理部分，以便對(duì)一些基礎(chǔ)信息進(jìn)行管理，如 各 專(zhuān)業(yè)實(shí)驗(yàn)室的增減 、 設(shè)備類(lèi)別的的設(shè)置 、 易耗品名稱的設(shè)置等 。 由于時(shí)間倉(cāng)促， 本系統(tǒng)中 只設(shè)計(jì)了 “ 易耗品名稱 ” 部 分。 圖 440 易耗品名稱管理頁(yè) () 35 信息管理 信息管理是實(shí)驗(yàn)室管理最重要的部分，是實(shí)現(xiàn)使用者和管理者進(jìn)行信息共享、交流與溝通的最主要手段。它 包括 “ 信息發(fā)布 ” 管理、 “ 設(shè)備預(yù)約 ” 管理、 “ 物品借用記錄 ” 、 “ 損耗紀(jì)錄 ” 、 “ 試驗(yàn)標(biāo)準(zhǔn) ” 管理、 “ 留言板 ” 管理六個(gè)部分。 圖 441 后臺(tái) 信息 管理部分網(wǎng)頁(yè)導(dǎo)航圖 1） 信息發(fā)布頁(yè) ： 為了減少數(shù)據(jù)庫(kù)的負(fù)擔(dān)，新發(fā)布的信息會(huì)覆蓋前一條記錄，只會(huì)保存發(fā)布的最后一條的紀(jì)錄 。 圖 442 信息發(fā)布管理頁(yè) () 2） 設(shè)備預(yù)約管理頁(yè) ： 管理員可以查看預(yù)約信息并批準(zhǔn)，也可以根據(jù)設(shè)備使用情況修改預(yù)約信息。 資料修改 菜單頁(yè) 借用記錄 設(shè)備預(yù)約 信息管理 資料修改 預(yù)約詳情 信息發(fā)布 損耗記錄 標(biāo)準(zhǔn)上載 留言管理 編輯信息 資料修改 資料修改 資料修改 36 圖 443 預(yù)約管理頁(yè) () 點(diǎn)擊預(yù)約申請(qǐng)的“編號(hào)”，會(huì)跳出顯示相應(yīng)預(yù)約申請(qǐng)?jiān)斍榈膹棾隹颍? 圖 444 預(yù)約管理頁(yè) () 37 3） 物品借用管理頁(yè) ： 管理員可以添加借用記錄 。 下拉選項(xiàng)顯示的是只有注冊(cè)用戶有權(quán)借用物品。只有借用和歸還數(shù)量一致， “ 全還 ” 復(fù)選框才會(huì)自動(dòng)打勾。 圖 445 物品借用管理頁(yè) () 4）損耗記錄頁(yè)： 顯示的 是 實(shí)驗(yàn)室物品的損耗情況，處理結(jié)果分為報(bào)損和賠償兩種。 圖 446 物品損耗管理頁(yè) () 38 5） 試驗(yàn)標(biāo)準(zhǔn)管理 :可以上載需要發(fā)布的資料， 也可以修改已上載的資料說(shuō)明或者直接刪除 。這個(gè) 上載 功能 采用ASP 第三方組件 ASPUPLOAD 開(kāi)發(fā)完成。 在文件上載時(shí)，用數(shù)據(jù)表“ document”存放文件名稱、標(biāo)題、文件大小和摘要等信息，上載的文件存放在documentupload 文件夾內(nèi)。 圖 447 試驗(yàn)標(biāo)準(zhǔn)上載頁(yè) () 文件上載時(shí)，比較特殊的是表單的寫(xiě)法，這里 enctype=multipart/formdata表示文件上載。 form action=?action=add method=post name=form3 enctype=multipart/formdata 點(diǎn)擊確定 ， 轉(zhuǎn)入“ ”頁(yè)，根據(jù)傳遞過(guò)來(lái)的參數(shù)執(zhí)行條件語(yǔ)句的“ add”子程序，如下是程序和關(guān)鍵部分的解釋?zhuān)? case add 39。以下獲取傳送過(guò)來(lái)的文件和有關(guān)內(nèi)容 Dim Upload,sn,title,body,filename Set Upload = () d:\lab\documentupload 39。上傳到指定文件夾 if (sn)= then end if if (title)= then end if sn= (sn) title= (title) body=(body) filesize=(upfile).size 39。獲取上傳文件的大小 filename=(upfile).FileName 39。獲取上傳文件的名字 39 39。以下 將文件屬性 添