【文章內(nèi)容簡介】 erenvarchar10√phonevarchar12√zhuangtaivarchar10√3 鹽城市城市消防接警處理系統(tǒng)的總體設(shè)計(jì)總體設(shè)計(jì)的基本目的就是回答“概括地說，系統(tǒng)應(yīng)該如何實(shí)現(xiàn)？”這個問題，因此，總體設(shè)計(jì)又稱為概要設(shè)計(jì)或初步設(shè)計(jì)。通過系統(tǒng)的總體設(shè)計(jì)，可以得出鹽城市城市消防接警處理系統(tǒng)的體系結(jié)構(gòu)和功能模塊?？傮w設(shè)計(jì)的過程首先尋找實(shí)現(xiàn)目標(biāo)系統(tǒng)的各種不同的方案，需求分析得到的數(shù)據(jù)流圖是設(shè)想各種可能方案的基礎(chǔ)?？傮w設(shè)計(jì)階段的另一項(xiàng)重要的任務(wù)是設(shè)計(jì)軟件的結(jié)構(gòu)，也就是要確定系統(tǒng)中每個程序是由哪些模塊組成的，以及這些模塊相互間的關(guān)系。在對鹽城市城市消防接警處理系統(tǒng)詳細(xì)設(shè)計(jì)之前進(jìn)行總體設(shè)計(jì)的必要性：可以站在全局的高度上，花較少的成本，從較抽象的層次上分析對比多種可能的系統(tǒng)實(shí)現(xiàn)方案和軟件結(jié)構(gòu)，從中選擇最佳方案和最合理的軟件結(jié)構(gòu)，從而用較低成本開發(fā)出較高質(zhì)量的軟件系統(tǒng)。 系統(tǒng)的體系結(jié)構(gòu)圖鹽城市城市消防接警處理系統(tǒng)的體系結(jié)構(gòu)如下：圖31為鹽城市城市消防接警處理系統(tǒng)的初級層次圖，它從總體上初步地分析了該系統(tǒng)可劃分的模塊。鹽城市城市消防接警處理系統(tǒng)接警人模塊普通用戶模塊圖31 初級層次圖圖32為鹽城市城市消防接警處理系統(tǒng)接警人模塊的層次圖，通過對接警人模塊的進(jìn)一步分解劃分為如下幾個方面。接警人模塊 接警記錄 出警安排案件總結(jié) 案件查詢圖32 接警人模塊層次圖圖33為鹽城市城市消防接警處理系統(tǒng)普通用戶模塊的層次圖，通過對普通用戶模塊的進(jìn)一步分解劃分為如下幾個方面。普通用戶模塊案件查詢修改密碼圖33 普通用戶模塊層次圖 系統(tǒng)的用例圖用例圖（Use Case Diagram）是由軟件需求分析到最終實(shí)現(xiàn)的第一步，它描述人們希望如何使用人們希望如何使用一個系統(tǒng)。用例圖顯示誰將是相關(guān)的用戶、用戶希望系統(tǒng)提供什么服務(wù)，以及用戶需要為系統(tǒng)提供的服務(wù)，以便使系統(tǒng)的用戶更容易地理解這些元素的用途，也便于軟件開發(fā)人員最終實(shí)現(xiàn)這些元素。用例圖在各種開發(fā)活動中被廣泛地應(yīng)用，但是它最常用來描述系統(tǒng)以及子系統(tǒng)。接警人進(jìn)行系統(tǒng)操作的用例圖。接警人的操作有接警記錄，出警安排，案件總結(jié)，案件查詢。圖34 接警人接警處理用例圖普通用戶參與的用例圖。普通用戶可以進(jìn)行注冊，案件查詢，修改密碼的工作。圖35 普通用戶參與的用例圖 系統(tǒng)的時序圖時序圖（Sequence Diagram）描述了對象之間傳送消息的時間順序，它用來表示用來中的行為順序。當(dāng)執(zhí)行一個用例行為時，時序圖中的每條消息對應(yīng)了一個類操作或狀態(tài)機(jī)中引起轉(zhuǎn)換的觸發(fā)事件。圖36 接警記錄時序圖描述的是接警人接警再記錄的動作。圖36接警記錄時序圖圖37 出警安排時序圖描述的是接警人接警記錄后安排出警的動作。圖37出警安排時序圖圖38 案件總結(jié)時序圖描述的是案件結(jié)束后的案件總結(jié)動作。圖38 案件總結(jié)時序圖 系統(tǒng)中的類類圖描述系統(tǒng)中類的靜態(tài)結(jié)構(gòu)，它不僅定義系統(tǒng)中的類，描述類之間的聯(lián)系，如關(guān)聯(lián)、依賴、聚合等，還包括類的類的內(nèi)部結(jié)構(gòu)（類的屬性）和操作）。類圖描述的是一種靜態(tài)關(guān)系，在系統(tǒng)的整個生命周期中都是有效的。通過分析用例和問題域，就可以得到相關(guān)的類，然后再把邏輯上相關(guān)的類封裝成包。這樣可以很好地體現(xiàn)系統(tǒng)的分層結(jié)構(gòu)，使得系統(tǒng)層次關(guān)系一目了然。圖39 系統(tǒng)中類之間的關(guān)系圖4 鹽城市城市消防接警處理系統(tǒng)的詳細(xì)設(shè)計(jì)詳細(xì)設(shè)計(jì)的目標(biāo)不僅僅是邏輯上正確地實(shí)現(xiàn)每個模塊的功能，更重要的是設(shè)計(jì)出的處理過程應(yīng)該盡可能簡明易懂。對于交互式系統(tǒng)來說，人機(jī)界面設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)、體系結(jié)構(gòu)設(shè)計(jì)一樣重要。近年來，人機(jī)界面在系統(tǒng)中所占的比例越來越大，在個別系統(tǒng)中人機(jī)界面的設(shè)計(jì)工作量甚至占總設(shè)計(jì)量的一半以上。系統(tǒng)界面的設(shè)計(jì)質(zhì)量，直接影響用戶對軟件產(chǎn)品的評價(jià)，從而影響軟件產(chǎn)品的競爭力和壽命，因此，必須對系統(tǒng)界面設(shè)計(jì)給予足夠重視。這里的詳細(xì)地解釋了“怎樣做”的問題。 系統(tǒng)登錄模塊設(shè)計(jì)系統(tǒng)登錄模塊也可以細(xì)分為用戶登錄模塊和用戶注冊模塊。 用戶登錄模塊設(shè)計(jì)用戶登錄模塊包含了接警人登錄和普通用戶登錄。接警人是系統(tǒng)的主要使用人，所以用戶名和密碼是系統(tǒng)賦予的，而普通用戶可以看作系統(tǒng)的額外使用人，所以他們的用戶名和密碼是需要注冊得到的。兩種登錄的用戶采用不同的登錄方式，用不同的按鈕控制，所以登錄界面上有兩個登錄按鈕。還為了方便沒有用戶名的警員登錄，還有一個注冊按鈕。如圖41用戶登錄界面所示。該界面可用于多用戶的登錄。圖41 用戶登錄界面在整個登錄界面的設(shè)計(jì)中，有兩個Table控件。一個在頭部分，中間插入一個Label控件，用來輸入系統(tǒng)名稱。另一個在中間部分，分幾行幾列。對應(yīng)插入了兩個Label控件，兩個TextBox控件和三個Button控件。分別用來表示用戶名和密碼，用戶名和密碼的輸入及接警人登錄按鈕、普通用戶登錄按鈕、注冊按鈕。其中，用來輸入密碼的TextBox的TextMode屬性要設(shè)置成password，這樣輸入密碼的時候就可以不顯示出來了。Visual Studio 2005中設(shè)計(jì)部分分為設(shè)計(jì)和源，可以在設(shè)計(jì)中使用控件，在屬性表中修改屬性。也可以在源中填寫代碼。系統(tǒng)所用到的圖片可以放在項(xiàng)目下的image文件夾中。界面的背景設(shè)置可以在設(shè)計(jì)中選中樣式，在image中選擇所需的圖片。也可以在源中的body 后加background=image/，引號中是圖片路徑。字體的屬性可以在Label中設(shè)置。Table中的控件基本上設(shè)置為居中，只要在td后加上 align=center，也可以設(shè)置居左或者居右。登錄系統(tǒng)時，系統(tǒng)要與數(shù)據(jù)庫連接。輸入的用戶名和密碼要與數(shù)據(jù)庫中相應(yīng)的用戶名和密碼一致，否則會彈出警示對話框提醒錯誤。當(dāng)用戶名的輸入為空時，也會彈出提示框，這時要重新輸入。用戶登錄作為系統(tǒng)的第一步，在登錄界面中就使用數(shù)據(jù)控件SqlDataSource建立了數(shù)據(jù)源，如下：add name=XFJJConnectionStringconnectionString=Data Source=HH01。Initial Catalog=XFJJ。Persist Security Info=True。User ID=sa。Password=123456 providerName= /在登錄界面的后臺，寫上數(shù)據(jù)庫連接語句，再用SQL語句進(jìn)行具體的數(shù)據(jù)驗(yàn)證。數(shù)據(jù)庫連接語句如下：SqlConnection conn = new SqlConnection([XFJJConnectionString].ConnectionString)。 用戶注冊模塊設(shè)計(jì)新用戶登錄的時候要先注冊，再登錄。把注冊按鈕的PostBackUrl屬性設(shè)置為“~/”，在登錄界面點(diǎn)擊注冊按鈕就能進(jìn)入注冊界面。注冊界面也是用Table控件來設(shè)計(jì)的，跟登錄界面一樣，也用了兩個Table控件。一個在頭部，用作系統(tǒng)名稱的輸入；一個在中間插入多個Label和TextBox控件，用作注冊輸入。注冊界面的系統(tǒng)名稱沒有用Label控件輸入，而是在Table中插入了一張背景圖片，插入的方式與登錄界面的背景插入一樣。背景圖片是PS過的，系統(tǒng)名稱直接在圖片中，作為圖片的一部分出現(xiàn)。注冊信息輸入的Table中，Label控件同樣作為要注冊的信息名，TextBox控件用作信息輸入。還有兩個Button按鈕，一個是注冊提交按鈕，一個是返回按鈕。各個控件位置如登錄界面中一樣，可以設(shè)置為居左，居右，或者居中，還可以設(shè)置其他一些屬性。在幾個必填的信息后面還加入了RequiredFieldValidator驗(yàn)證控件，提示不能為空，加入CompareValidator驗(yàn)證控件，提示兩次輸入密碼要一致。注冊用戶名的時候，若遇到用戶輸入的用戶名已被注冊的情況。在提交按鈕的后臺代碼中寫入一段這樣的代碼。yanzheng()。if (falg) (scrilanguage=39。javascript39。alert(39。該用戶名已存在！39。)。location=39。39。/script)。yanzheng()函數(shù)如下：protected void yanzheng() {string sqlstr = select user_name from putongyonghubiao where user_name=39。 + + 39。 SqlCommand cmd = new SqlCommand(sqlstr, conn)。 SqlDataReader dr = null。 try {()。dr = ()。 }catch (SqlException ex) {throw new Exception(, ex)。} if (()) {falg = true。}}falg 的定義放在public partial class 注冊 : 。具體的注冊界面如圖42普通用戶注冊界面所示。圖42 普通用戶注冊界面 接警人模塊設(shè)計(jì)接警人模塊包含了接警記錄模塊，出警安排模塊，案件總結(jié)模塊和案件查詢模塊，是整個系統(tǒng)的主要功能模塊。接警人模塊中各個界面的創(chuàng)建都調(diào)用了一個母版頁，具體界面的設(shè)計(jì)則是放在內(nèi)容頁中。這樣的設(shè)計(jì)使得整個系統(tǒng)的界面設(shè)計(jì)變得簡單，修改方便，大大節(jié)省了設(shè)計(jì)時間，也讓系統(tǒng)的界面看起來更加的協(xié)調(diào)，美觀。接警人模塊中調(diào)用的母版頁的設(shè)計(jì)和前面的界面設(shè)計(jì)類似，在頭部的Table控件插入帶標(biāo)題的圖片，其他Table中設(shè)置了背景色。其他的就是一些Label控件和Button控件的設(shè)置。最后要插入內(nèi)容頁。從登錄界面登錄的時候，接警人首先進(jìn)入的是接警人主界面。所以，接警人模塊的具體設(shè)計(jì)從接警人主界面開始。 接警人主界面設(shè)計(jì)添加一個新項(xiàng)，名字為接警人主界面，調(diào)用設(shè)計(jì)好的母版頁，然后在內(nèi)容頁中進(jìn)行設(shè)計(jì)。接警人主界面作為登錄和實(shí)現(xiàn)功能之間的緩沖，采用了一個div加css的設(shè)計(jì)，插入一個javascript的菜單腳本，用來展示一些介紹和說明。在每個菜單中加入一個TextBox控件，并將其的TextMode屬性設(shè)置為MultiLine，在其中加入一個Text=,引號中寫入的就是可以展示的文本。Css代碼放在了母版頁中，div及javascript的代碼就在接警人主界面的源中。部分代碼如下：script type=text/javascriptfunction $(id){return (id)。}function clickNav(n){ for(i=1。i=4。i++){ $(39。boxNav39。+i).className=39。normaltab39。 $(39。boxContent39。+i).className=39。nosee39。 } $(39。boxNav39。+n).className=39。hovertab39。 $(39。boxContent39。+n).className=39。see39。 } /script具體界面如圖43接警人主界面所示。圖43 接警人主界面 接警記錄模塊設(shè)計(jì)接警記錄模塊的建立，也采用了母版頁，所以母版頁的內(nèi)容不變，只是在內(nèi)容頁中設(shè)計(jì)。接警記錄模塊以記錄為主，所以仍然采用Table控件，插入Label控件和TextBox控件，再加上Button控件。接警記錄中有四項(xiàng)內(nèi)容需要記錄，分別是：案件編號，案件類型，案件地點(diǎn)，接警時間。為了更快的出警，接警記錄所要記錄的信息應(yīng)該是對案件最具有相關(guān)性的。而且，作為案件的最初信息輸入，不允許為空，編寫代碼的時候要設(shè)置提示框。記錄時，案件編號，案件類型，案件地點(diǎn)手動輸入，而接警時間則采用一個時間讀取函數(shù)，點(diǎn)擊接警記錄按鈕后，接警時間就寫為當(dāng)前系統(tǒng)時間。代碼如下： protected void Page_Load(object sender, EventArgs e) { = ()。 }數(shù)據(jù)填入后，點(diǎn)擊輸入就完成了記錄。相關(guān)代碼如下：string sql = insert jiejingjilubiao (anjianbianhao,anjiandidian,anjianleixing,j iejingshijian) values(39。 + () + 39。,39。 + () + 39。,39。 + () + 39。,39。 + () + 39。)。 SqlCommand cmd = new SqlCommand(sql, conn)。 ()。 ()。 (scriptalert(39。添加成功！39。)。location= /script)。 = 。 = 。 = 。 = 。具體界面如圖44接警記錄界面所示。圖44 接警記錄界面點(diǎn)擊輸入按鈕后，完成記錄，會在下方將表中的信息顯示。主要是使用了GridView控件，配置數(shù)據(jù)源，顯示表中的數(shù)據(jù)。 出警安排模塊設(shè)計(jì)接警記錄完成后，點(diǎn)擊出警安排按鈕，就可以進(jìn)入出警安排界面。這只需將母版頁中各個按鈕的PostBackUrl屬性設(shè)置到需直接跳轉(zhuǎn)的界面。具體界面如圖45出警安排界面所示。圖45 出警安排界面如圖45所示，內(nèi)容頁中有6個要輸入的信息，案件編號和出警編隊(duì)的信息輸入框是DropDownList控件，其