jsp大學生運動會springmvc論文

實驗室預約管理系統(tǒng)的設計與實現(xiàn)·引言隨著現(xiàn)代技術的迅猛發(fā)展，傳統(tǒng)的報名方式采用人工登記的方法，工作強度大、效率低，而且容易出錯，設計該系統(tǒng)可以進行信息的收集、管理、存儲和使用。隨著科學技術的不斷發(fā)展,人們也深刻認識到計算機的強大功能,它走進了社會的各個領域，發(fā)揮了越來越重要的作用。使用這個報名系統(tǒng)對運動員報名信息進行管理,具有著很大的優(yōu)點.比如：檢索迅速、查找方便、存儲量大、保密性好等，這些優(yōu)點能夠大大提高運動員檔案管理的效率。因此就開發(fā)了這樣一套管理軟件,它提供了強大的管理功能，運動員可以通過Internet方便、快捷地報名，避免了以往人工操作的繁瑣，也方便管理員對運動員報名、比賽項目的設置等信息的添加、更新、查詢等操作。報名系統(tǒng)可以通過Internet為管理員以及學生提供雙向互動式的信息交流，開辟新的管理平臺，提供了一種新的報名管理方式。這種方式具有時間隨意化、報名網絡化；管理過程便利、快捷，縮短了管理時間和流程；通過該報名系統(tǒng)，管理員可以方便的查找到學生報名的各項信息，給管理員帶來很多的便利。報名管理系統(tǒng)有效的節(jié)省人力資源提高管理效率，其設計理念是：把人工管理學生報名信息變?yōu)橛嬎銠C自動化進行網上學生報名信息的管理，既省時間又提高效率。本系統(tǒng)不受時間和地點的限制，學生可以在任何時間到網上來報名，使學生更快，更好在線報名，當學生登錄發(fā)出查詢請求時，服務器就會執(zhí)行相應的腳本代碼，從數(shù)據庫中檢索出符合條件的報名信息返回給學生。該子系統(tǒng)通過簡而明晰的Web頁面，提示管理員進行各項管理工作。所有這些管理工作都被智能化，使用者只需要按照Web頁面上的提示，便可輕松完成操作。運動會報名管理系統(tǒng)在現(xiàn)代高校運動會管理中發(fā)揮著越來越重要的作用：大大提高運動會管理的效率和質量。能實現(xiàn)運動會的集中管理、自動核對報名信息情況等；提高辦事效率、充分利用網絡資源。因此在系統(tǒng)構建時，改變了原有的效率低下的人工管理方式，那么網上報名系統(tǒng)是完全可行。該系統(tǒng)采用JSP和SqlServer2000數(shù)據庫作為開發(fā)工具，設計運動會報名系統(tǒng)，目的在于實現(xiàn)對運動員信息計算機化，網絡化管理，達到在線信息查詢、修改、更新及維護。整個系統(tǒng)采用B/S結構，主要包括后臺數(shù)據庫的建立和維護以及前端應用程序的開發(fā)兩個方面。對于后臺數(shù)據庫要求建立起數(shù)據一致性和完整性強、數(shù)據安全性好的數(shù)據庫。而前端應用程序的開發(fā)則要求應用程序功能完備,易使用等特點。在進行大量需求分析的基礎上，本系統(tǒng)完成對運動員信息錄入、查詢、統(tǒng)計和維護等功能設計。系統(tǒng)運行結果表明，程序穩(wěn)定，操作簡便、界面友好，具有較強的實用性。通過該系統(tǒng)的開發(fā)，我從中了解到了報名系統(tǒng)的功能需求分析、模塊設計和系統(tǒng)實現(xiàn)的整個過程，掌握了如何采用JDBC連接數(shù)據庫、Servlet的應用、jsp標簽庫和JavaBean的編程技術，對以后的編程都有很大的幫助。1背景1.1研究背景當代化實驗室預約系統(tǒng)對于學校是一個很受歡迎的系統(tǒng)它是面對大量的使用者，儀器和使用者是互相作用的。在管理上是比較浪費人力、物力和財力，這樣會導致我們各種各樣的錯誤發(fā)生。為了管理好實驗室使用情況，我們開發(fā)出一個好的管理實驗室軟件。實驗室魚魚兒管理系統(tǒng)是針對管理者設計而言的，在各個管理部門起著關鍵性的作用。對于建立一個完整的實驗室預約管理系統(tǒng)，它主要是用來做實驗室記錄的預約，對各個預約運行情況的記錄和維護，從現(xiàn)有的情況來看，為了改變傳統(tǒng)的管理模式。此系統(tǒng)采用的是計算機化管理，系統(tǒng)是比較人性化而且簡單，能夠快速為學生提供信息管理。管理員需要做的就是把已經統(tǒng)計好的實驗室預約信息錄入到系統(tǒng)中，即可對數(shù)據進行操作。數(shù)據存在數(shù)據庫的儲存非常方便，數(shù)據庫存儲量很大，比較穩(wěn)定，適合長時間保存，更不容易丟失。查詢信息便捷、迅速，這點無疑解決了數(shù)據信息量巨大的客觀問題。隨著我國各大高校規(guī)模的不斷擴大，招生數(shù)量不斷提高，每年都有學生進行實驗室。實驗室是對學生學習的一種支持手段，但在學生進行實驗室預約方面大部分學校還處于手工統(tǒng)計的方式，效率極低。隨著高校學生人數(shù)的不斷增多，傳統(tǒng)基于紙質文本對實驗室預約的記錄管理已經無法滿足當今實驗室預約管理的需求，信息化時代的到來，使得實驗室辦理網上預約系統(tǒng)的開發(fā)成了必然。通過該系統(tǒng)，管理員可以高效的進行實驗室相關信息的管理，提高信息處理的速度和準確性，能夠及時、準確、有效地了解學生實驗室申請方面的信息，使得預約實驗室管理工作系統(tǒng)化、規(guī)范化、高效化。隨著時代的發(fā)展，信息化進程不斷加快，社會進入了信息化時代。高校實驗室辦理網上預約系統(tǒng)是以預約實驗室管理為實例而設計的一種實用型系統(tǒng)。隨著學生實驗室需求的增多，實驗室預約管理工作變的越來越繁瑣，為了提高預約管理效率，方便學生進行實驗室預約申請而開發(fā)出這套高校實驗室辦理網上預約系統(tǒng)。1.2研究的目的傳統(tǒng)實驗的重點放在如何和供應商進行商業(yè)交易的活動上，特點是比較重視交易過程的供應商的價格比較，通過供應商的多頭競爭，從中選擇價格最低的作為合作者。傳統(tǒng)的實驗模式的主要缺點表現(xiàn)在如下幾個方面。1.傳統(tǒng)實驗過程是典型的非信息對稱博奕過程，選擇供應商在傳統(tǒng)的實驗活動中是一個首要的任務。在實驗過程中，實驗一方為了能夠從多個競爭性的供應商中選擇一個最佳的供應商，往往會保留私有信息，而供應商也在和其他的供應商競爭中隱瞞自己的信息。這樣，實驗、供應雙方都不進行有效的信息溝通，這就是非信息對稱的博奕過程。2.驗收檢查是實驗部門的一個重要的事后把關工作，質量控制難度大實驗一方很難參與供應商的生產組織過程和有關質量控制活動，相互的工作是不透明的。因此需要通過各種有關標準如國際標準、國家標準等，進行檢查驗收。缺乏合作的質量控制會導致實驗部門對實驗物品質量控制的難度增加。3.供需關系是臨時的或短期的合作關系，而且競爭多于合作由于缺乏合作與協(xié)調，實驗過程中各種抱怨和扯皮的事情比較多，很多時間消耗在解決日常問題上，沒有更多的時間用來做長期預測與計劃工作，供應與需求之間這種缺乏合作的氣氛增加了許多運作中的不確定性。4.響應用戶需求能力遲鈍由于供應與實驗雙方在信息的溝通方面缺乏及時的信息反饋，在市場需求發(fā)生變化的情況下，實驗一方也不能改變供應一方已有的訂貨合同，因此實驗一方在需求減少時庫存增加，需求增加時，出現(xiàn)供不應求。重新訂貨需要增加談判過程，因此供需之間對用戶需求的響應沒有同步進行，缺乏應付需求變化的能力。正確的實驗能夠使供應鏈系統(tǒng)能夠實現(xiàn)無縫連接，并提高同一供應鏈上學校的同步化運作效率。1.3研究的目的和意義隨著社會的快速發(fā)展，信息技術、數(shù)據庫技術不斷完善，越來越多基于計算機網絡的系統(tǒng)應運而生，實驗室網上預約系統(tǒng)也不例外。近年來，學生實驗室預約管理工作日益繁重，傳統(tǒng)的預約方式越來越不能滿足當今學生實驗室預約的需求，提高預約效率成了急待解決的問題。而解決這些問題的關鍵措施之一就是建立實用、先進、高效的實驗室網上預約系統(tǒng)。高校的實驗室網上預約系統(tǒng)由此發(fā)展。伴隨著工作系統(tǒng)的不斷成熟，其功能越來越強大，管理效率會越來越高。在實驗室預約管理方面需要著重實際，加強管理，利用高科技解決實際問題，適應現(xiàn)代要求、推動預約實驗室管理走向科學化、規(guī)范化。最終我們希望通過實驗室網上預約系統(tǒng)可以達到以下目的：1、提高實驗室預約管理的效率，實現(xiàn)管理上的井井有條。2、實現(xiàn)學生用戶通過計算機平臺及時進行實驗室申請，查看實驗室記錄等。3、解決傳統(tǒng)學生實驗室預約的弊端，促進學校發(fā)展。1.3相關技術介紹(1)java簡介Java語言自從1996年正式發(fā)布。目前已經成長為IT領域必不可少的主流編程語言。Java起源于Sun公司的“Green”項目。1999年，Sun公司把Java2技術分成了J2SE,J2EE和J2ME。進入21世紀以后，J2EE由于固有的良好的線性和可擴展性，逐漸成為各大開發(fā)商青睞的對象。Java語言中具有面向對象的優(yōu)勢、安全、跨平臺、直接支持分布式的網絡中的應用、效率等.Java語言是非常簡單且高效的，它使編程時間縮短，卻使功能增強，方便。Java語言就像萬花筒一樣，隨意只是幾個普通碎片組成起來，但是只要你發(fā)揮想象輕輕搖一搖，就會變換出千萬種不同的花色。2.互聯(lián)網已經發(fā)展成為Web應用程序中，如電子商務，電子政務，應用系統(tǒng)的基礎設施。在開發(fā)Web程序中已經不像傳統(tǒng)的HTML不能滿足客戶需求，滿足客戶需求或者客戶需要時，必須通過添加代碼才可實現(xiàn)。目前，生成動態(tài)網頁的方法有CGI、ASP.NET、PHP和JSP。其中JSP是基于Java的。JSP具有以下特點：1.可以將代碼和所顯示內容分離2.可以凸顯出重要的組件3.采用有標識可簡化的頁面開發(fā)4.是企業(yè)級的可擴展性和延伸性。(2)Mysql介紹MySQL是非結構化語言，用戶可以在高層數(shù)據數(shù)據結構上工作，并且其語言簡單，學習起來比較容易，其結構也簡單，功能強大，存儲信息量大，mysql是一種主要應用于數(shù)據的查詢和編程，現(xiàn)在普遍存在的關系數(shù)據庫有很多，而mysql數(shù)據庫在其中得到了普遍的應用。使用mysql數(shù)據庫在編程過程中帶來了極大的方便，可以對數(shù)據進行廣泛地查詢，mysql數(shù)據庫的應用并不需要用戶了解其存儲的方式，更不用掌握數(shù)據存放的方法，所以，mysql數(shù)據庫是完全不同于其他數(shù)據的結構，并且不同數(shù)據庫系統(tǒng)也可以使用相同的數(shù)據庫進行輸入和管理的接口，它的操縱對象是記錄相應集合，mysql數(shù)據庫的靈活性較強，功能也較強大，大多數(shù)情況下，在其他程序中實現(xiàn)某功能需要編寫一大堆代碼，而在SQL數(shù)據庫中只需要一小段代碼就可以實現(xiàn)功能，所以，mysql數(shù)據庫的語言較簡潔，數(shù)據庫文件的擴展名是mysql。數(shù)據庫，就是數(shù)據存儲的儲藏室，只不過數(shù)據是存儲在計算機上的，而不是現(xiàn)實中的儲藏室，數(shù)據的存放是按固定格式，而不是無序的，則定義就是：長期有固定格式，可以共享的存儲在計算機存儲器上。數(shù)據庫管理主要包括數(shù)據表的建立，數(shù)據存儲、修改和增加數(shù)據，為了使數(shù)據庫系統(tǒng)能夠正常運行，相關人員進行的管理工作。數(shù)據表的建立，可以對數(shù)據表中的數(shù)據進行調整，數(shù)據的重新組合及重新構造，保證數(shù)據的安全性。介于數(shù)據庫的功能強大等特點，本系統(tǒng)的開發(fā)主要應用了mysql進行對數(shù)據的管理。在軟件項目中，通過使用數(shù)據庫來操作數(shù)據，可以保證數(shù)據的獨立性、一致性和安全性，為系統(tǒng)提供有效地訪問數(shù)據的方式，同時為程序員減少了應用程序的開發(fā)時間。MySQL支持多線程的特點，可以方便的利用系統(tǒng)資源，有效提高速度，而且提供了TCP/IP、ODBC和JDBC等多種方式途徑來連接數(shù)據庫；雖說其功能不夠強大、規(guī)模也相對較小，但是對于本系統(tǒng)來說足夠了，同時也可以進行二次開發(fā)的數(shù)據庫表結構空間的擴展。使用MySQL建立系統(tǒng)數(shù)據庫，不僅有利于前期對數(shù)據的整合處理操作，同時利于后期的二次開發(fā)的數(shù)據擴展操作，對于有限級的數(shù)據處理，MySQL可以很好的勝任。(3)myeclipse介紹MyEclipse是比eclipse功能更加強大的一種企業(yè)級集成開發(fā)環(huán)境，主要用于Java、JavaEE以及移動應用的開發(fā)。MyEclipse的功能非常強大，應用領域更加廣泛，在網站開發(fā)領域備受人們青睞。1.J2EE模型2.WEB開發(fā)工具3.EJB開發(fā)工具4.應用程序服務器的連接器5.J2EE項目部署服務6.數(shù)據庫服務7.MyEclipse整合幫助以上所有功能，在Eclipse中都可以找到對應功能部件。這些功能的實現(xiàn)是利用一系列的插件。MyEclipse的結構上是模塊化的，這樣可以在不影響其他模塊在任何單個模塊擴展和升級。簡單來說，MyEclipse的是Eclipse插件，J2EE的集成，支持代碼編寫，配置，測試和調試功能強大的開發(fā)環(huán)境。(3)B/S框架介紹在三層體系結構的B/S（Browser/Server，瀏覽器/服務器結構）系統(tǒng)中，用戶可以通過瀏覽器向分布在網絡上的眾多服務器發(fā)出請求。B/S系統(tǒng)極大地簡化了客戶機的工作量，客戶機上只需要安裝、配置少量的客戶端運行軟件即可，服務器將擔負大量的工作，對數(shù)據庫的訪問以及應用程序的執(zhí)行都將由服務器來完成。B/S架構的不斷成熟，主要使用WWW瀏覽器技術，結合多種瀏覽器腳本語言，用通用瀏覽器需要實現(xiàn)原本復雜的專有軟件來實現(xiàn)的強大功能，并節(jié)約了開發(fā)成本，是一種新的軟件架構。B/S系統(tǒng)包括：表示邏輯層，控制邏輯層，數(shù)據展現(xiàn)層，三層是相對獨立又相互關聯(lián)。2需求分析2.1功能需求分析管理員功能：(1)個人中心：管理員登陸系統(tǒng)可以修改自己的登錄密碼。(2)實驗室管理：管理員管理實驗室的名稱、地址、實驗室負責人、實驗室電話、單個時間段人員上限等功能。(3)學生管理：管理員登陸系統(tǒng)可以對學生的學號、密碼、姓名、有限、電話、班級等功能進行刪除和查看修改操作。(4)實驗室管理員管理：管理員登陸系統(tǒng)對實驗室管理員的工號、密碼、姓名、郵箱等功能進行添加、刪除、修改操作。(5)實驗室預約中心：管理員對實驗室每天的預約情況進行管理。(6)統(tǒng)計中心：管理員登陸系統(tǒng)將實驗室使用情況按天數(shù)和統(tǒng)計成報表形式分析出來。學生角色功能：學生登陸系統(tǒng)主要是對自己的個人信息修改、修改登陸密碼、實驗室預約。(1)個人信息修改：學生登陸系統(tǒng)可以對自己的個人信息進行修改。(2)修改登陸密碼：學生登陸系統(tǒng)可以修改自己的登錄密碼。(3)實驗室預約：學生登陸系統(tǒng)可以進行申請預約實驗室、還可以查看預約歷史消息。實驗室管理員角色功能：實驗室管理員登陸系統(tǒng)主要是對自己的個人中心管理和審核管理。(1)個人中心：實驗室管理員登陸系統(tǒng)可以對自己的個人信息進行修改。(2)審核管理：實驗室管理員登陸系統(tǒng)可以對學生預約的實驗室進行審核操作和查看實驗室預約中心。2.2開發(fā)環(huán)境操作系統(tǒng)：windows7及其以上操作系統(tǒng)。數(shù)據庫：Mysql6.0Web服務端管理：Tomcat7.x以上客戶端請求服務器：Tomcat7.x以上后臺管理開發(fā)平臺：MyEclipse7數(shù)據庫管理：MySQL、sqlyog2.3可行性研究系統(tǒng)分析能夠讓我們對設計的產品有更加深入的了解，通過系統(tǒng)的分析可以使我們確定研究方向，明確的目標，找到可行的方法，通過系統(tǒng)分析讓我們確定最終的選擇方案，協(xié)助我我們對設計做出更加合理和科學的抉擇。2.3.1技術可行性實驗室網上預約系統(tǒng)的設計與實現(xiàn)主要采用jsp技術，基于B/S結構，MYSQL數(shù)據庫，主要包括前端應用程序的開發(fā)以及后臺數(shù)據庫的建立和維護兩個方面。對于應用程序的開發(fā)要求具備功能要完備、使用應簡單等特點，而對于數(shù)據庫的建立和維護則要求建立一個數(shù)據完整性強、數(shù)據安全性好、數(shù)據穩(wěn)定性高的庫。大學時，就已經掌握了jsp的主要知識，也對MYSQL數(shù)據庫的操作進行了系統(tǒng)的學習。在大學對軟件工程，軟件測試，UML統(tǒng)一建模語言等課程進行過系統(tǒng)的了解，也能夠對這些課程進行開發(fā)，擁有一定的系統(tǒng)辨別、開發(fā)和檢驗能力。jsp以及MYSQL結合起來開發(fā)實驗室網上預約系統(tǒng)，必定是可行并且高效的。

綜上所述：實驗室網上預約系統(tǒng)的開發(fā)技術具有很高可行性，且開發(fā)人員掌握了一定的開發(fā)技術，所以系統(tǒng)的開發(fā)具有可行性。2.3.2經濟可行性實驗室預約系統(tǒng)是基于B/S模式，采用MYSQL數(shù)據庫儲存數(shù)據，所要求的硬件和軟件環(huán)境，市場上都很容易購買，程序開發(fā)主要是管理系統(tǒng)的開發(fā)和維護。所以程序在開發(fā)人力、財力上要求不高，而且此系統(tǒng)不是很復雜，開發(fā)周期短，在經濟方面具有較高的可行性。2.3.3操作可行性實驗室預約系統(tǒng)的注冊登錄界面簡單易于操作，采用常見的界面窗口來登錄界面，通過電腦進行訪問操作，用戶只要平時使用過電腦都能進行訪問操作。此系統(tǒng)的開發(fā)采用java技術開發(fā)，基于B/S結構，這些開發(fā)環(huán)境使系統(tǒng)更加完善，使得整個系統(tǒng)更加人性化，用戶操作更加簡潔方便。本系統(tǒng)具有易操作、易管理、交互性好的特點，在操作上是非常簡單的。因此本系統(tǒng)可以進行開發(fā)。綜上所述，實驗室預約系統(tǒng)在技術、經濟、操作和發(fā)展上都具有很高的可行性，開發(fā)此程序是很必要的。2.4系統(tǒng)性能分析1、完整性分析要求各種信息記錄的完整性，內容不能為空，各種數(shù)據間聯(lián)系應保持正確性，且相同的數(shù)據在不同記錄中的一致性。2、系統(tǒng)運行速度分析頁面響應時問應該在3秒以內，最長不能超過4秒。3、界面分析系統(tǒng)界面要求簡單明了，容易操作，符合用戶操作習慣。4、安全性分析要充分保證系統(tǒng)的安全性、穩(wěn)定性。要想對系統(tǒng)進行管理，必須經過正確的賬號密碼進行登錄，否則無權進行管理。在具體實現(xiàn)中對不同的權限進行設定，不同權限的用戶在系統(tǒng)中登陸后，不可以越級操作。網站的架構設計，要能夠反映出用戶與整個網站模塊的接口之間存在有效互動，而且應該是非常清楚的，從而才能夠保障在后期網站真正實現(xiàn)的時候數(shù)據的擴展性和安全性，只有設計出的網站實現(xiàn)這個目標才能有一個更好的擴展空間量，以適應企業(yè)未來的發(fā)展。整個網站的設計中，網站必須滿足以下要求：（1）數(shù)據安全性存儲有關隱私權的實驗室預約系統(tǒng)問題的網站數(shù)據，需要確保數(shù)據的安全性，在網站設計時必須要采取安全防范措施，以解決潛在的安全問題。（2）易用性在用戶權限范圍內，可在一個統(tǒng)一風格的界面內即可完成相關的所有業(yè)務流程操作或者獲取所有相關信息，大大提高操作員的工作效率和易用性，靈活應用本網站。（3）柔軟性由于這個實驗室預約系統(tǒng)涉及到范圍廣泛的業(yè)務，設計出的網站必須能夠處理接受變化的能力。（4）擴展性隨著實驗室預約系統(tǒng)業(yè)務管理需求的不斷變化，實驗室預約系統(tǒng)必然涉及到業(yè)務更新及擴展，這就要求在設計之初就應該考慮良好的可擴展性方案。[10]2.從實用的角度來看，網站必須滿足系統(tǒng)的以下原則：（1）可靠性在實際使用的過程中系統(tǒng)都會設計到很對需要進行保密的數(shù)據，網站出現(xiàn)一些漏洞將這些信息泄露出去將會對用戶產生很大的損失，所以我們必須大力確保網站是可靠的。（2）后期維護保障性在設計中將充分考慮維護工作的需要，通過分層的體系架構、標準化設計思想等，使網站架構在代碼上具有良好的可讀性與可維護性，大幅度提高系統(tǒng)維護效率，降低維護工作復雜度及維護成本。3系統(tǒng)總體設計在項目的開始是需求調研，并且走訪了一些中心型私營學校，經過一系列的調查與談話中發(fā)現(xiàn)，現(xiàn)行的公司實驗工作還是存在著很多不足之處，實驗申請與設備信息采用分散方式管理，不易保存，容易丟失，同樣也不利于數(shù)據的查詢和統(tǒng)計分析。根據實際情況及調查結果，發(fā)現(xiàn)實現(xiàn)實驗管理的網絡化、信息化是十分有必要的，因此設計了實驗室預約系統(tǒng)程序。整個系統(tǒng)功能主要為：管理員功能：(1)個人中心：管理員登陸系統(tǒng)可以修改自己的登錄密碼。(2)實驗室管理：管理員管理實驗室的名稱、地址、實驗室負責人、實驗室電話、單個時間段人員上限等功能。(3)學生管理：管理員登陸系統(tǒng)可以對學生的學號、密碼、姓名、有限、電話、班級等功能進行刪除和查看修改操作。(4)實驗室管理員管理：管理員登陸系統(tǒng)對實驗室管理員的工號、密碼、姓名、郵箱等功能進行添加、刪除、修改操作。(5)實驗室預約中心：管理員對實驗室每天的預約情況進行管理。(6)統(tǒng)計中心：管理員登陸系統(tǒng)將實驗室使用情況按天數(shù)和統(tǒng)計成報表形式分析出來。學生角色功能：學生登陸系統(tǒng)主要是對自己的個人信息修改、修改登陸密碼、實驗室預約。(1)個人信息修改：學生登陸系統(tǒng)可以對自己的個人信息進行修改。(2)修改登陸密碼：學生登陸系統(tǒng)可以修改自己的登錄密碼。(3)實驗室預約：學生登陸系統(tǒng)可以進行申請預約實驗室、還可以查看預約歷史消息。實驗室管理員角色功能：實驗室管理員登陸系統(tǒng)主要是對自己的個人中心管理和審核管理。(1)個人中心：實驗室管理員登陸系統(tǒng)可以對自己的個人信息進行修改。(2)審核管理：實驗室管理員登陸系統(tǒng)可以對學生預約的實驗室進行審核操作和查看實驗室預約中心。3.1邏輯結構高校實驗室預約系統(tǒng)的特點就是利用Browser/Server（B/S）結構，提供了一個網絡平臺，讓用戶只要上網就可以實現(xiàn)實驗室預約系統(tǒng)預約功能。系統(tǒng)的優(yōu)勢在于系統(tǒng)簡單、功能強大、擴展能力良好以及能夠方便的跨地域操作等性能。系統(tǒng)的網絡應用原理示意圖如圖3-1所示：圖3-1系統(tǒng)的網絡應用原理示意圖以登錄功能作為例子，整個流程大致為:通過系統(tǒng)功能分析，可得出本實驗室預約系統(tǒng)功能模塊圖如圖3-2所示。管理員通過點擊登錄按鈕，即向服務器調用登錄的接口，輸入賬號和密碼后，服務器將數(shù)據反饋到數(shù)據庫，數(shù)據庫校驗用戶此時輸入的賬號和密碼等信息，并根據結果碼跳轉不同頁面，若數(shù)據庫admin表中查詢到用戶信息存在并且賬戶密碼吻合，則反饋結果到服務端，則進行相應頁面的跳轉，若數(shù)據庫查詢不到該條數(shù)據信息或者登陸信息不吻合，則顯示登錄失敗。系統(tǒng)總體設計圖如圖3.2所示。實驗室管理員管理員學生管理員管理登入服務器端登入服務器端統(tǒng)計中心實驗室管理員管理統(tǒng)計中心實驗室管理員管理預約中心個人中心實驗室預約個人中心實驗室管理個人中心實驗室預約中心實驗室審核實驗室預約中心實驗室審核修改密碼學生管理數(shù)據庫圖3.2系統(tǒng)總體設計圖數(shù)據流圖簡稱DFD，是SA方法中用于表示系統(tǒng)邏輯模型的一種工具。圖中沒有任何具體的物理元素，只是描繪信息在系統(tǒng)中流動和處理的情況。它以圖形的方式描述數(shù)據在系統(tǒng)中流動和處理的過程，由于它只反映系統(tǒng)必須完成的邏輯功能，所以它是一種功能模型[5]。頂層數(shù)據流圖用戶只有通過登錄，才能登錄實驗室預約系統(tǒng)信息管理網站進行操作。管理員經過登錄進入后臺來實現(xiàn)添加運動項目，管理預約等操作。添加查看管理員實驗室預約系統(tǒng)管理登錄學生添加查看管理員實驗室預約系統(tǒng)管理登錄學生預約預約管理管理圖2.1實驗室預約系統(tǒng)信息管理系統(tǒng)頂層數(shù)據流圖（2）用戶選擇項目數(shù)據流圖用戶瀏覽或者搜索到自己想要選擇的選擇實驗室預約，將預約實驗室添加至數(shù)據庫，將信息提交給服務端，管理員通過服務端查看實驗室預約信息后，開始審核選擇的預約實驗室情況。圖2.2學生預約實驗室系統(tǒng)數(shù)據流圖3.2總體功能設計本階段的任務是確定應該怎樣具體地實現(xiàn)所要求的系統(tǒng)，也就是說，經過這個階段的設計工作，應該得出對目標系統(tǒng)的描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設計語言書寫的程序。該階段的任務不是具體地編寫程序，而是要設計出程序的“藍圖”，以后將根據這個藍圖寫出實際的程序代碼，其結果基本上決定了最終的程序代碼的質量。詳細設計的目標不僅僅是邏輯上正確的實現(xiàn)每個模塊的功能，更重要的是設計出的處理過程應該盡可能簡明易懂。結構化程序設計是實現(xiàn)上述目標的關鍵技術，是詳細設計的邏輯基礎。[13]本實驗室網上預約系統(tǒng)主采用B/S結構(Browser/Server,瀏覽器/服務器結構)和基于Web服務兩種模式，是一個適用于Internet環(huán)境下的模型結構。只要用戶能連上Internet,便可以在任何時間、任何地點使用。系統(tǒng)工作原理圖如圖3-3所示。圖3-3系統(tǒng)工作原理圖通過系統(tǒng)功能分析，可得出本實驗室預約系統(tǒng)功能模塊圖如圖3-4所示。圖3-4系統(tǒng)功能模塊圖3.3數(shù)據庫分析數(shù)據字典是關于數(shù)據的信息的集合，也就是對數(shù)據流圖中包含的所有元素的定義的集合。數(shù)據字典的作用是在軟件分析和設計的過程中給人們提供關于數(shù)據的描述信息。數(shù)據流圖和數(shù)據字典共同構成系統(tǒng)的邏輯模型。一般說來，數(shù)據字典由數(shù)據流，數(shù)據元素，數(shù)據存儲，處理四類元素組成[9]。數(shù)據字典最重要的用途就是作為分析階段的工具。在數(shù)據字典中建立的一組嚴密一致的定義有助于改進分析員和用戶之間的通信，因此將消除許多可能的錯誤。對數(shù)據的這一系列嚴密一致的定義也有助于改進在不同的開發(fā)人員或不同的開發(fā)小組之間的通信。如果要求所有開發(fā)人員都根據數(shù)據字典描述和設計模塊，能避免許多麻煩的接口問題。[10]根據功能需求，數(shù)據庫共需要6張表，分別是：管理員表、課表表、實驗室表、學生表、實驗室管理員表、預約表。數(shù)據庫總設計圖如圖3-5所示圖3-5數(shù)據庫總設計圖3.4數(shù)據庫設計數(shù)據庫用的是Mysql，性能較高，可以處理上千萬條記錄的大型數(shù)據、操作方便、可支持常見的SQL語句規(guī)范。以下是表的具體設計：管理員表：用來存儲管理員的登錄等數(shù)據。設置ID為主鍵。管理員字段表如表3.1表述。表3.1管理表員表字段名稱數(shù)據類型長度/設置允許空默認1IdInt11主鍵2UsernameText3PasswordTextKc課程表：用來存儲實驗室課程數(shù)據。設置ID為主鍵。Kc課程字段表如表3.2表述。表3.2kc課程表字段名稱數(shù)據類型長度/設置允許空默認1Idint11主鍵2libidint113yydatedate4zcvarcher1005kcnamevarcher1006sjdvarcher100實驗室表：用來存儲實驗室數(shù)據。設置ID為主鍵。實驗室字段表如表3.3表述。表3.3實驗室單表字段名稱數(shù)據類型長度/設置允許空默認1IdInt11主鍵2libnamevarcher1003addressvarcher1004sysmidint115phonevarcher1006sxInt110學生表：學生表存儲學生的用戶名、登錄密碼、學生名字、郵箱、電話、班級等數(shù)據。設置ID為主鍵。學生字段表如表3.4表述。表3.4學生表字段名稱數(shù)據類型長度/設置允許空默認1IdInt11主鍵2usernamevarchar1003passwordvarchar100√4studentnamevarchar1005emailvarchar1006pgonevarchar1007bjvarchar100實驗室管理員表：實驗室管理員表存儲編號、用戶名、登錄密碼、實驗室管理員名字、電話等如數(shù)據。設置ID為主鍵。實驗室管理員字段表如表3.5表述。表3.5實驗室管理員表字段名稱數(shù)據類型長度/設置允許空默認1IdInt11主鍵2userNamevarchar1003passwordvarchar1004sysnamevarchar10005emailvarchar1006phonevarchar100預約表：用來存儲預約信息，編號、實驗室編號、預約時間、需求、周次、學生編號、狀態(tài)、時間段、原因等數(shù)據。設置ID為主鍵。實驗室預約字段表如表3.6表述。表3.6實驗室預約表字段名稱數(shù)據類型長度/設置允許空默認1IdInt11主鍵2libidVarchar100√3yydatedate4xqVarchar1005zcVarchar1006studentidid117statusVarchar1008sjdVarchar1009resiontext3.5數(shù)據庫ER圖在概念模式的設計中，E-R模型法是最常見的設計方法。本系統(tǒng)的E-R圖表現(xiàn)了系統(tǒng)中各個實體之間的聯(lián)系，本系統(tǒng)的各實體E-R圖如下圖所示：管理員信息實體E-R圖，如圖3-6所示。圖3-6管理員實體屬性圖學生信息實體E-R圖，如圖3-7所示。圖3-7學生實體屬性圖課程信息實體E-R圖，如圖3-8所示。圖3-8課程實體屬性圖實驗室信息實體E-R圖，如圖3-9所示。圖3-9實驗室實體屬性圖實驗室管理員信息實體E-R圖，如圖3-10所示。圖3-10實驗室管理員實體屬性圖預約信息實體E-R圖，如圖3-11所示。圖3-11預約實體屬性圖4詳細設計及實現(xiàn)過程4.1管理員模塊設計4.1.1登陸界面設計用戶要想進入本系統(tǒng)，必須通過正確的賬號和密碼登錄操作，系統(tǒng)會以賬號、密碼為參數(shù)進行登錄信息的驗證，信息正確則登錄成功，反之登錄失敗，用戶登錄主要提供管理員、實驗室管理員、學生進行登錄。用戶登錄界面展示如圖41所示。圖4-1用戶登錄界面本系統(tǒng)實現(xiàn)的主要代碼：<divclass="login-container"> <h1>實驗室預約系統(tǒng)</h1> <formaction=""method="post"id="login_form"> <div> <inputtype="text"id="login_username"name="username"class="username"placeholder="用戶名"autocomplete="off"/> </div> <div> <inputtype="password"name="password"id="login_password"class="password"placeholder="密碼"oncontextmenu="returnfalse"onpaste="returnfalse"/> </div> <div><selectclass="username"name="type"id="type"> <optionvalue="學生">學生</option> <optionvalue="實驗室管理員">實驗室管理員</option> <optionvalue="超級管理員">超級管理員</option></select> </div> <buttonid="submit"onclick="loginCheck();"type="button">登陸保存</button><formaction=""method="post"id="registerFormstudent"style="display:none;"> <div> <inputtype="text"id="student_username"name="username"class="username"placeholder="用戶名"autocomplete="off"/> </div> <div> <inputtype="password"id="student_password"name="password"class="password"placeholder="密碼"oncontextmenu="returnfalse"onpaste="returnfalse"/> </div>4.1.2管理員修改密碼界面管理員登陸系統(tǒng)之后可以在個人中心中修改自己的密碼，通過輸入舊密碼然后再輸入新密碼進行修改登陸密碼，修改密碼界面展示如圖4-2所示。圖4-2修改密碼界面修改密碼實現(xiàn)代碼：<li> <h4class="M1"><span></span>個人中心</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/password.html'target="page">修改密碼</a> </div> </li>管理員管理功能界面代碼：<li><ahref="">${adminBean.username}</a></li> <%-- <li><ahref="">修改密碼</a></li> <li><ahref="">設置</a></li>--%> <li><ahref="${ctx}/adminLogin/out.html">退出</a></li> </ul> </div><%@pagelanguage="java"pageEncoding="UTF-8"%><%@tagliburi="/jsp/jstl/core"prefix="c"%><%@tagliburi="/jsp/jstl/fmt"prefix="fmt"%><%@tagliburi="/jsp/jstl/functions"prefix="fn"%><c:setvar="ctx"value="${pageContext.request.contextPath}"/><script>varctx='${ctx}';</script><!DOCTYPE><html><head><title>實驗室預約系統(tǒng)</title><linktype="text/css"rel="stylesheet"href="${ctx}/resource/index/one/css/style.css"/><scripttype="text/javascript"src="${ctx}/resource/index/one/js/jquery-1.8.3.min.js"></script><scripttype="text/javascript"src="${ctx}/resource/index/one/js/menu.js"></script></head><body><divclass="top"></div><divid="header"> <divclass="logo">實驗室預約系統(tǒng)</div> <divclass="navigation"> <ul> <li>歡迎您！</li> <li><ahref="">${adminBean.username}</a></li> <%-- <li><ahref="">修改密碼</a></li> <li><ahref="">設置</a></li>--%> <li><ahref="${ctx}/adminLogin/out.html">退出</a></li> </ul> </div></div><divid="content"> <divclass="left_menu"> <ulid="nav_dot"> <li> <h4class="M1"><span></span>個人中心</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/password.html'target="page">修改密碼</a> </div> </li> <li> <h4class="M1"><span></span>實驗室管理</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/lib/frame.html?flag=1'target="page">實驗室列表</a> </div> </li> <li> <h4class="M1"><span></span>學生管理</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/student/frame.html?flag=1'target="page">學生列表</a> </div> </li> <li> <h4class="M1"><span></span>實驗室管理員管理</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/sysm/frame.html?flag=1'target="page">實驗室管理員列表</a> </div> </li> <li> <h4class="M1"><span></span>實驗室預約中心</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/yy/edit2.html?flag=6'target="page">預約中心</a> </div> </li> <li> <h4class="M1"><span></span>統(tǒng)計中心</h4> <divclass="list-itemnone"> <ahref='${ctx}/admin/tj/tj1.html'target="page">按天和實驗室統(tǒng)計報表</a> </div> </li> </ul> </div> <divclass="m-right"> <divclass="main"> <iframesrc="${ctx}/admin/main.html"width="100%"height="100%"frameborder="0"scrolling="yes"name="page"></iframe> </div> </div></div><divclass="bottom"></div><divid="footer"><p>實驗室預約系統(tǒng)</p></div><script>navList(12);</script></body></html>4.1.3實驗室管理界面管理員登陸后可進入實驗室管理界面實現(xiàn)對實驗室名稱、地址、實驗室負責人、實驗室電話等的添加、修改，實驗室管理界面展示如圖4-3所示。圖4-3實驗室管理界面實驗室管理代碼實現(xiàn)：<html> <bodyclass="mobile"> <formid="form1"name="form1"method="post"action="list.html" target="query"><inputtype="hidden"value="${param.flag}"name="flag"/> <tableclass="mobile"> <trclass="pageheader"height="6%"> <tdcolspan="2"> 實驗室管理 </td> </tr> <trclass="pagesearch"height="5%"> <tdstyle="text-align:left;">    實驗室名稱模糊查詢： <inputtype="text"name="libName"style="width:100px;">    實驗室電話模糊查詢： <inputtype="text"name="phone"style="width:100px;"> <inputtype="button"class="btn"value="查詢"onClick="sch();"/>    <inputtype="button"class="btn"value="新增"onClick="add();"/> <c:choose> <c:whentest="${param.flag==1}"></c:when> <c:whentest="${param.flag==2}"></c:when> <c:whentest="${param.flag==3}"></c:when> <c:otherwise> </c:otherwise> </c:choose><c:iftest="${1==1}"></c:if> </td> </tr> </table> <iframeid="query"name="query"frameborder="0"height="88%" width="100%"scrolling="yes"></iframe> </form> <script> sch(); functionsch(){ form1.action="list.html?flag=${param.flag}"; form1.submit(); } functionkeylog(){ if(window.event.keyCode==13){ sch(); } } functionadd(){ MyWindow.OpenCenterWindow('edit.html?flag=${param.flag}','addOld',500,600); }</script> </body>4.1.4學生管理界面管理員通過本系統(tǒng)可進行對學生的學號、編號、姓名、郵箱等信息進行操作，可進入學生管理界面進行添加學生信息，學生管理界面展示如圖4-4所示。圖4-4學生管理界面學生管理實現(xiàn)代碼：<html> <bodyclass="mobile"> <formid="form1"name="form1"method="post"action="list.html" target="query"><inputtype="hidden"value="${param.flag}"name="flag"/> <tableclass="mobile"> <trclass="pageheader"height="6%"> <tdcolspan="2"> 學生管理 </td> </tr> <trclass="pagesearch"height="5%"> <tdstyle="text-align:left;">    學號模糊查詢： <inputtype="text"name="username"style="width:100px;">    姓名模糊查詢： <inputtype="text"name="studentName"style="width:100px;">    班級模糊查詢： <inputtype="text"name="bj"style="width:100px;"> <inputtype="button"class="btn"value="查詢"onClick="sch();"/>    <inputtype="button"class="btn"value="新增"onClick="add();"/> <c:choose> <c:whentest="${param.flag==1}"></c:when> <c:whentest="${param.flag==2}"></c:when> <c:whentest="${param.flag==3}"></c:when> <c:otherwise> </c:otherwise> </c:choose><c:iftest="${1==1}"></c:if> </td> </tr> </table> <iframeid="query"name="query"frameborder="0"height="88%" width="100%"scrolling="yes"></iframe> </form> <script> sch(); functionsch(){ form1.action="list.html?flag=${param.flag}"; form1.submit(); } functionkeylog(){ if(window.event.keyCode==13){ sch(); } } functionadd(){ MyWindow.OpenCenterWindow('edit.html?flag=${param.flag}','addOld',500,600); }</script> </body>4.1.5實驗室管理員界面管理員登陸系統(tǒng)可以對實驗室管理員的工號、密碼、姓名、郵箱、電話等信息進行操作，實驗室管理員管理界面展示如圖4-5所示。圖4-5實驗室管理員管理界面其實現(xiàn)代碼：<html> <bodyclass="mobile"> <formid="form1"name="form1"method="post"action="list.html" target="query"><inputtype="hidden"value="${param.flag}"name="flag"/> <tableclass="mobile"> <trclass="pageheader"height="6%"> <tdcolspan="2"> 實驗室管理員管理 </td> </tr> <trclass="pagesearch"height="5%"> <tdstyle="text-align:left;">    工號模糊查詢： <inputtype="text"name="username"style="width:100px;">    姓名模糊查詢： <inputtype="text"name="sysmName"style="width:100px;"> <inputtype="button"class="btn"value="查詢"onClick="sch();"/>    <inputtype="button"class="btn"value="新增"onClick="add();"/> <c:choose> <c:whentest="${param.flag==1}"></c:when> <c:whentest="${param.flag==2}"></c:when> <c:whentest="${param.flag==3}"></c:when> <c:otherwise> </c:otherwise> </c:choose><c:iftest="${1==1}"></c:if> </td> </tr> </table> <iframeid="query"name="query"frameborder="0"height="88%" width="100%"scrolling="yes"></iframe> </form> <script> sch(); functionsch(){ form1.action="list.html?flag=${param.flag}"; form1.submit(); } functionkeylog(){ if(window.event.keyCode==13){ sch(); } } functionadd(){ MyWindow.OpenCenterWindow('edit.html?flag=${param.flag}','addOld',500,600); }</script> </body>實驗室管理員列表：<html> <head> <title>信息內容功能</title> </head> <body> <formid="form1"name="form1"action="" method="post"><inputtype="hidden"value="${param.flag}"name="flag"/> <inputtype="hidden"value="${map.id}"name="id"id="id"/> <center> <tableclass="mobile"style="width:95%;"> <trclass="pageheader"> <tdcolspan="2"> <strong>信息處理</strong> </td> </tr><trheight="25"><tdclass="outDetail"style="width:30%">工號：<labelstyle="font-weight:bold;color:red"></label></td><tdclass="outDetail2"><inputtype="text"id="username"value="${map.username}"name="username"/></td></tr><trheight="25"><tdclass="outDetail"style="width:30%">密碼：<labelstyle="font-weight:bold;color:red"></label></td><tdclass="outDetail2"><inputtype="text"id="password"value="${map.password}"name="password"/></td></tr><trheight="25"><tdclass="outDetail"style="width:30%">姓名：<labelstyle="font-weight:bold;color:red"></label></td><tdclass="outDetail2"><inputtype="text"id="sysmName"value="${map.sysmName}"name="sysmName"/></td></tr><trheight="25"><tdclass="outDetail"style="width:30%">郵箱：<labelstyle="font-weight:bold;color:red"></label></td><tdclass="outDetail2"><inputtype="text"id="email"value="${map.email}"name="email"/></td></tr><trheight="25"><tdclass="outDetail"style="width:30%">電話：<labelstyle="font-weight:bold;color:red"></label></td><tdclass="outDetail2"><inputtype="text"id="phone"value="${map.phone}"name="phone"/></td></tr> <c:iftest="${1==1}"></c:if>4.1.6實驗室預約界面管理員登陸系統(tǒng)對實驗室預約信息進行添加信息，并可對其進行刪除操作，實驗室預約界面展示如圖4-6所示。圖4-6實驗室預約界面實驗室預約實現(xiàn)代碼：<html><bodyclass="mobile"> <formid="form1"name="form1"method="post"action="list.html" target="query"> <inputtype="hidden"value="${param.flag}"name="flag"/> <tableclass="mobile"> <trclass="pageheader"height="6%"> <tdcolspan="2">實驗室預約管理</td> </tr> <trclass="pagesearch"height="5%"> <tdstyle="text-align:left;">   周次： <selectid="zc"name="zc"> <c:forEachbegin="1"end="${week}"var="weeks"varStatus="vs"> <optionvalue="">請選擇...</option> <optionvalue="${vs.index}">第${vs.index}周</option> </c:forEach> </select>   是否有課程：<selectname="isKc"> <optionvalue="">請選擇...</option> <optionvalue="是">是</option> <optionvalue="待插入">待插入</option> </select>  狀態(tài)：<selectname="status"> <optionvalue="">請選擇...</option> <optionvalue="待審核">待審核</option> <optionvalue="審核通過">審核通過</option> <optionvalue="審核不通過">審核不通過</option> <optionvalue="已經取消">已經取消</option> </select>  時間段：<selectname="sjd"> <optionvalue="">請選擇...</option> <optionvalue="12">12</option> <optionvalue="34">34</option> <optionvalue="56">56</option> <optionvalue="78">78</option> <optionvalue="910">910</option> <optionvalue="1112">1112</option> </select><inputtype="button"class="btn"value="查詢"onClick="sch();"/>   <c:choose> <c:whentest="${param.flag==1}"></c:when> <c:whentest="${param.flag==2}"></c:when> <c:whentest="${param.flag==3}"></c:when> <c:otherwise> <inputtype="button"class="btn"value="新增"onClick="add();"/> </c:otherwise> </c:choose><c:iftest="${1==1}"></c:if></td> </tr> </table> <iframeid="query"name="query"frameborder="0"height="88%" width="100%"scrolling="yes"></iframe> </form> <script> sch(); functionsch(){ form1.action="list.html?flag=${param.flag}"; form1.submit(); } functionkeylog(){ if(window.event.keyCode==13){ sch(); } } functionadd(){ MyWindow.OpenCenterWindow('edit.html?flag=${param.flag}','addOld', 500,600); } </script></body></html>4.1.7統(tǒng)計中心界面管理員登陸系統(tǒng)可以對統(tǒng)計中心的統(tǒng)計信息進行管理等，統(tǒng)計中心主要實現(xiàn)通過學生預約的天數(shù)進行統(tǒng)計。統(tǒng)計中心界面展示如圖4-7所示。圖4-7統(tǒng)計中心界面統(tǒng)計中心實現(xiàn)代碼：function_loadSecCatType(catType){varcatTypeSec=document.getElementById("catTypeSec");catTypeSec.options.length=0;varoption=newOption("請選擇","",false,true);catTypeSec.add(option);if(catType=="0"||catType=="1"||catType=="2"){ varoption1=newOption("按操作人員統(tǒng)計",3); catTypeSec.add(option1); varoption2=newOption("按操作類別統(tǒng)計",4); catTypeSec.add(option2);}if(catType=="3"){ varoption4=newOption("按天統(tǒng)計",0); catTypeSec.add(option4); varoption5=newOption("按月統(tǒng)計",1); catTypeSec.add(option5); varoption6=newOption("按年統(tǒng)計",2); catTypeSec.add(option6); varoption7=newOption("按操作類別統(tǒng)計",4); catTypeSec.add(option7);}if(catType=="4"){ varoption8=newOption("按天統(tǒng)計",0); catTypeSec.add(option8); varoption9=newOption("按月統(tǒng)計",1); catTypeSec.add(option9); varoption10=newOption("按年統(tǒng)計",2); catTypeSec.add(option10); varoption11=newOption("按操作人員統(tǒng)計",3); catTypeSec.add(option11);}//開始處理列表框展示的抬頭varparent=document.getElementById("catTable");varlast=parent.lastChild;while(!(last=="null")){ parent.removeChild(last);}varcatName="";if(catType=="0"){ catName="日期";}if(catType=="1"){ catName="月份";}if(catType=="2"){ catName="年份";}if(catType=="3"){ catName="操作人員"; }if(catType=="4"){ catName="操作類型";}tr=document.createElement("TR"); th1=document.createElement("TH"); th2=document.createElement("TH"); th3=document.createElement("TH"); th1.width="15%"; th1.innerHTML="<strong>序號</strong>"; th2.width="40%"; th2.innerHTML="<strong>"+catName+"</strong>"; th3.width="45%"; th3.innerHTML="<strong>日志數(shù)</strong>"; tr.appendChild(th1); tr.appendChild(th2); tr.appendChild(th3); parent.appendChild(tr);}function_loadCatTitle(catType,catTypeSec){//開始處理列表框展示的抬頭varcatName="";varcatName2="";varparent=document.getElementById("catTable");varlast=parent.lastChild;while(!(last=="null")){ parent.removeChild(last);}if(catType=="0"){ catName="日期";}if(catType=="1"){ catName="月份";}if(catType=="2"){ catName="年份";}if(catType=="3"){ catName="操作人員"; }if(catType=="4"){ catName="操作類型";}if(catTypeSec=="0"){ catName2="日期";}if(catTypeSec=="1"){ catName2="月份";}if(catTypeSec=="2"){ catName2="年份";}if(catTypeSec=="3"){ catName2="操作人員"; }if(catTypeSec=="4"){ catName2="操作類型";}tr=document.createElement("TR"); th1=document.createElement("TH"); th2=document.createElement("TH"); th3=document.createElement("TH"); th4=document.createElement("TH"); th1.width="15%"; th1.innerHTML="<strong>序號</strong>"; th2.width="30%"; th2.innerHTML=