畢設(shè)系統(tǒng)設(shè)計

1、樹形導(dǎo)航菜單組件設(shè)計1 .系統(tǒng)模型本系統(tǒng)的體系構(gòu)造設(shè)計采用B/S或C/S構(gòu)造。假設(shè)為B/S采用三層構(gòu)造：表示層、應(yīng)用層、數(shù)據(jù)層。其中，表示層是客戶端的瀏覽器；應(yīng)用層是具有應(yīng)用程序擴展功能的Web效勞器，它包括事務(wù)處理邏輯，位于效勞器端；數(shù)據(jù)層即數(shù)據(jù)庫效勞器。B/S的三層構(gòu)造是基于Web效勞的體系構(gòu)造，采用三層構(gòu)造的優(yōu)點：可實現(xiàn)應(yīng)用效勞器級和數(shù)據(jù)庫級的全面分布，較好實現(xiàn)負載上的平衡，因為有了中間層，提高了數(shù)據(jù)的平安性。2 .樹形導(dǎo)航菜單組件的體系構(gòu)造設(shè)計該樹形導(dǎo)航菜單組件的設(shè)計主要是基于樹形構(gòu)造的研究，能夠?qū)渲械墓?jié)點進展相關(guān)操作，主要實現(xiàn)的功能有：讀入根節(jié)點、展開、折疊、編輯、保存、顯示以及拖

2、放等功能，其中編輯功能又包括對兄弟節(jié)點、根節(jié)點和葉節(jié)點進展增加、刪除和修改的操作，而拖放功能那么可以將節(jié)點拖放為其它節(jié)點的子節(jié)點和葉節(jié)點，也可以實現(xiàn)同級節(jié)點之間的拖放，以此輕松地實現(xiàn)了各個節(jié)點之間的次序排列方式。該樹形導(dǎo)航菜單組件各個功能模塊之間的層次構(gòu)造關(guān)系如圖2.1所示：樹形導(dǎo)航菜單拖放展開折疊編輯節(jié)點名稱增加節(jié)點刪除節(jié)點編輯保存顯示增加兄弟節(jié)點增加孩子節(jié)點優(yōu)選圖2.1樹形導(dǎo)航菜單組件的功能構(gòu)造圖3 .各模塊功能設(shè)計3.1 展開樹形構(gòu)造是表示事物問“一對多的聯(lián)系方式之一，同時還表示了事物間的附屬關(guān)系和并列關(guān)系。如果樹形構(gòu)造中的所有節(jié)點都翻開勢必占用很大的空間，顯示不出清晰的層次構(gòu)造并且查找

3、起來不方便。為了解決這個問題可以通過對節(jié)點的展開操作和折疊操作來實現(xiàn)。當(dāng)樹形構(gòu)造的一個節(jié)點有子節(jié)點的時候就可以將該節(jié)點設(shè)為可以展開或者折疊。當(dāng)要查看該節(jié)點的子節(jié)點信息的時候那么需要將該節(jié)點展開來看，如果不需要那么將該節(jié)點折疊起來，以節(jié)省空間。同時讓樹形構(gòu)造有序整齊。在此需要用到兩個圖標：“+和-'。當(dāng)樹形構(gòu)造的節(jié)點目錄有下級子目錄的時候節(jié)點前面的按鈕呈現(xiàn)“+狀態(tài),表示有下級子目錄并且為折疊狀態(tài)，這時候點擊樹形導(dǎo)航構(gòu)造左側(cè)的按鈕圖標+，就將樹中的該節(jié)點目錄下的子目錄節(jié)點全部展開，同時“+變成了-，說明該節(jié)點已經(jīng)完全展開。如圖(a)、(b)所示。，二事尊而網(wǎng)嘉碑章1:2章章章章章章章章章

4、啊 1 1二三四五六七八九十 軻第 第第第第第竟第第第 計 日!r.LILt(a)展開前慨逑因特網(wǎng)概述1 1網(wǎng)絡(luò)的網(wǎng)絡(luò)因特網(wǎng)的組成物理層數(shù)據(jù)慌路信網(wǎng)絡(luò)層運輸層應(yīng)用層M喑安全因?qū)⒕W(wǎng)上的音頻/視頻胭翁無線網(wǎng)絡(luò)_下一代因特網(wǎng)(b)展開后3.2 折疊折疊狀態(tài)與展開狀態(tài)正好相反，當(dāng)樹形構(gòu)造的節(jié)點目錄有下級子目錄的時候并且節(jié)點前面的按鈕呈現(xiàn)“-狀態(tài)，表示該節(jié)點目錄為展開狀態(tài)，如果要使該節(jié)點呈現(xiàn)為折疊狀態(tài)，點擊樹形導(dǎo)航構(gòu)造左側(cè)的按鈕圖標“-，就將樹形構(gòu)造中的該節(jié)點目錄下的子目錄節(jié)點全部隱藏起來，同時“-變成了“+，說明該節(jié)點已經(jīng)折疊，下級子節(jié)點目錄已經(jīng)隱藏。3.3 增加節(jié)點（ 1）增加兄弟節(jié)點該樹形導(dǎo)航菜單

5、與以往樹形導(dǎo)航構(gòu)造不同的地方就在于在以往樹形導(dǎo)航構(gòu)造的根底上增加了對節(jié)點的任意編輯，其中包括對節(jié)點的增加、刪除和修改。在該樹形導(dǎo)航菜單中設(shè)計需要增加并行的兄弟節(jié)點以實現(xiàn)同級目錄。在確定需要在某個節(jié)點下添加兄弟節(jié)點后，首先點擊該節(jié)點，然后點擊組合列表框選擇增加兄弟節(jié)點，并且雙擊新節(jié)點后可以對新增加的兄弟節(jié)點進展文本編輯。（ 2）增加孩子節(jié)點如果在編輯樹形構(gòu)造目錄的時候需要對某一目錄添加它的下級子目錄，就要對該樹形構(gòu)造中的某一節(jié)點增加它的子節(jié)點，這時也要通過點擊按鈕來對這一節(jié)點進展添加，并且要對新增加的子節(jié)點進展文本編輯。首先確定需要增加子節(jié)點的節(jié)點，然后點擊該節(jié)點，再點擊組合列表框選擇增加子節(jié)點

6、，即可對該節(jié)點增加它的子節(jié)點，在該節(jié)點的下級節(jié)點中出現(xiàn)節(jié)點編輯框。雙擊新增加的子節(jié)點就可以對其進展文本編輯。3.4 刪除節(jié)點對于樹形導(dǎo)航構(gòu)造，不僅要做到可以任意增加節(jié)點同時還應(yīng)該能夠任意刪除節(jié)點，這樣才能更加方便地對樹形構(gòu)造的目錄進展修改調(diào)整。在該樹形導(dǎo)航菜單中設(shè)計了一個刪除按鈕，即對選中的節(jié)點進展刪除。首先要點擊需要刪除的節(jié)點，然后點擊刪除按鈕，對其進展操作。3.5 拖放該樹形導(dǎo)航菜單不僅實現(xiàn)了對節(jié)點的增、刪、改的編輯，還給用戶提供了一個方便實用的功能:拖放功能。也就是說，用戶可以通過鼠標選中要操作的節(jié)點或者目錄，隨意拖至想要的位置，就可以實現(xiàn)節(jié)點位置的改變?？梢詫⒕庉嫼玫娜我夤?jié)點拖為其它節(jié)

7、點的兄弟節(jié)點，子節(jié)點，而不需要對節(jié)點進展重新添加和編輯，這樣很輕松地就實現(xiàn)了對節(jié)點的次序調(diào)整。拖放功能操作起來很簡單，主要是對鼠標的操作，主要分兩種方式：1拖放節(jié)點為其它節(jié)點的子節(jié)點，成為該節(jié)點目錄的下級目錄；2拖放節(jié)點為同級節(jié)點的前后以此來改變節(jié)點的位置，這種拖放主要應(yīng)用在調(diào)整節(jié)點次序方面。3.6 保存對于編輯好白樹形構(gòu)造，如果不能進展保存也就失去了編輯的意義。在該樹形導(dǎo)航菜單中，可以實時對編輯好的樹形構(gòu)造進展保存。3.7 顯示在該樹形導(dǎo)航菜單不僅可以輕松地對編輯好的樹形構(gòu)造進展保存，而且可以直觀地顯示在用戶面前，對編輯好的樹形構(gòu)造的內(nèi)容進展顯示。一旦編輯成功，就可以點擊“顯示按鈕，樹形導(dǎo)航

8、構(gòu)造加載區(qū)進展顯示。4 .系統(tǒng)數(shù)據(jù)庫設(shè)計要開發(fā)一個Web數(shù)據(jù)庫當(dāng)然離不開后臺數(shù)據(jù)庫的支持，在后臺數(shù)據(jù)庫的選擇上，不同的要求可以選擇不同數(shù)據(jù)庫來實現(xiàn)。本系統(tǒng)采用MicrosoftSQLServer2005數(shù)據(jù)庫。SQLServer2005是微軟提供的一個數(shù)據(jù)庫管理軟件，能提供超大型系統(tǒng)所需的數(shù)據(jù)庫效勞，可在多個用戶之間有效地分配可用資源。它不僅是一個巨大的數(shù)據(jù)容器，更是一個非常強大的數(shù)據(jù)處理工具。由于與ASP.NET同為微軟的產(chǎn)品，ASP.NET對SQLServer提供了更為強大的支持，ASP.NET中的數(shù)據(jù)處理組件ADO.NET對SQLServer作了優(yōu)化處理，ADO.NET中SQL類會跳過由

9、OLEDB提供程序呈現(xiàn)的中間層，而直接進入數(shù)據(jù)庫效勞器內(nèi)部API,從而提高了運行的速度。系統(tǒng)使用SQLServer作為數(shù)據(jù)庫管理軟件不但可以防止與操作系統(tǒng)兼容問題，更可大幅提高開發(fā)和運行的效率。4.1 數(shù)據(jù)庫表的設(shè)計數(shù)據(jù)字段是對系統(tǒng)中數(shù)據(jù)各個層次和各個方面的準確、詳盡地描述，也是數(shù)據(jù)和處理的有機結(jié)合。表treeroot字段名稱數(shù)據(jù)類型長度根節(jié)點號主鍵字符型10名稱字符型50圖片二進制50寬度字符型50高度字符型50表first字段名稱長度節(jié)點號主鍵字符型20名稱字符型50圖片二進制50寬度字符型50高度字符型50根節(jié)點號外鍵字符型20子節(jié)點號字符型204.2 數(shù)據(jù)庫表關(guān)系tree root#根

10、節(jié)點號Wrlb伯VariableImage (t Relationship 1Variable '-WVariable稱片段4 名圖嵬高 o o o Ofiret點,另 Variable c節(jié)稱本片度度節(jié) 報名文圖竟高于Q 。 Q QOOVariable cVariable cVariable cImage (5( Variable c Variable c 點號 Variable c圖4.2概念數(shù)據(jù)模型firsttreeroot-根節(jié)點號號號號尋尋點稱片度度節(jié)節(jié)節(jié)名圖寬高根子一一一1一1一0.Jo.*1*-*«-*drklrn./XJtl/I.加除改存增刪修保+VJ加除改存示增刪修保顯十+十+«»w圖4.3功能邏輯類圖5 .樹形導(dǎo)航菜單組件的界面設(shè)計該樹形導(dǎo)航菜單組件的界面主要分為兩局部：功能欄和樹形導(dǎo)航構(gòu)造加載區(qū)。功能欄那么放置了各個按鈕相應(yīng)地來實現(xiàn)節(jié)點的一些操作功能，通過點擊按鈕對樹形構(gòu)造中的節(jié)點進展操作；樹形導(dǎo)航構(gòu)造加載區(qū)是加載樹形構(gòu)造的區(qū)域，可以將提前編輯好的樹形構(gòu)造內(nèi)容加載到該區(qū)域進展顯示，也可以在此區(qū)域?qū)湫螛?gòu)造進展編輯以及顯示。勒嚀點工章章章章章章章章章1二三四五六七八九十諾第第第第第第第第n3 一 一 -