【文章內(nèi)容簡介】 站首頁技術(shù)分析物業(yè)內(nèi)部管理網(wǎng)的主頁主要使用了用戶控件技術(shù)。用戶控件基本的應(yīng)用就是把網(wǎng)頁中經(jīng)常用到的且使用頻率較高的程序封裝到一個模塊中，以便在其他頁面中重復(fù)使用，以此提高代碼的重用性和開發(fā)的效率。用戶控件的應(yīng)用始終融匯著一個高層的設(shè)計思想，即“模塊化設(shè)計，模塊化應(yīng)用”的原則。用戶控件的好處是更好的解決UI（用戶界面）的復(fù)雜問題，創(chuàng)建完成用戶控件后，不需要預(yù)編譯。，（托管的庫中），這種頁面式的創(chuàng)建方式和不用編譯的部署方式使得用戶控件的開發(fā)變得極為容易。用戶控件在小區(qū)物業(yè)內(nèi)部管理網(wǎng)內(nèi)頁面中頻繁地使用，從而提升了整個程序開發(fā)的效率。下面通過幾個方面來介紹用戶控件。用戶控件的概念用戶控件是一種服務(wù)器控件，“所見即所得”。，同時具有自己的用戶界面頁和代碼。，然后向其中添加所需的標記和子控件。Web用戶控件可以像頁面一樣包含對其內(nèi)容進行操作的代碼創(chuàng)建web用戶控件創(chuàng)建普通用戶控件的基本步驟如下：。在該頁面的頂部創(chuàng)建一個@Control指令，并指定要為控件使用的編程語言。添加希望用戶控件顯示的控件。添加用戶控件要執(zhí)行的任務(wù)（如處理控件事件或從數(shù)據(jù)源讀取數(shù)據(jù)）的代碼。如果希望在用戶控件和宿主頁之間共享信息，需要在控件中創(chuàng)建相應(yīng)的屬性。根據(jù)需要可以創(chuàng)建任何類的屬性。注意：不能將用戶控件放入該網(wǎng)站的App_Code文件夾中，如果某個用戶控件在App_Code文件夾中，則運行包含該控件的頁面時將發(fā)生分析錯誤。另外。將Web用戶控件添加至網(wǎng)頁 如果已經(jīng)設(shè)計好了Web用戶控件，可以將其添加到一個或者多個網(wǎng)頁中。在同一個網(wǎng)頁中也可以重復(fù)使用多次，各個用戶控件會以不同ID來標識。將用戶控件添加到網(wǎng)頁，可以使用“Web窗體設(shè)計器”直接添加。 使用“Web窗體設(shè)計器”可以在“設(shè)計”視圖下，將用戶控件以拖放的方式直接添加到網(wǎng)頁上，其操作與將內(nèi)置控件從工具箱中拖放到網(wǎng)頁上一樣。在網(wǎng)頁中添加用戶控件的步驟如下：在解決方案資源管理器中，用鼠標單擊要添加至網(wǎng)頁的用戶控件。按住鼠標左鍵，將用戶控件拖到網(wǎng)頁上面然后釋放鼠標左鍵即可，如圖52所示：圖52在已添加的用戶控件上，單擊鼠標右鍵，在彈出的快捷菜單中選擇“屬性”命令，打開“屬性”窗口，如圖53所示，用戶可以在“屬性”窗口中修改用戶控件的屬性。圖53Web用戶控件的優(yōu)點通過Web用戶控件，可以很好地重用公共用戶界面（UI）功能，從而提高程序開發(fā)效率。 用戶控件提供了一個面向?qū)ο蟮木幊棠Ｐ?，在一定程度上取代了服?wù)器端文件包含（!include）指令，并且提供的功能比服務(wù)器端包含文件提供的功能更多。使用用戶控件的主要優(yōu)點如下：可以將常用的內(nèi)容或者控件以及控件的運行程序邏輯，設(shè)計為用戶控件，然后便可以在多個網(wǎng)頁中重復(fù)使用該用戶控件，從而省卻許多重復(fù)性工作。例如網(wǎng)頁上的導(dǎo)航欄，幾乎每個頁都需要相同的導(dǎo)航欄，這時便可以將其設(shè)計為一個用戶控件，在多個頁中使用。如果需要改變網(wǎng)頁內(nèi)容，只需要修改用戶控件中的內(nèi)容，其他添加、使用該用戶控件的網(wǎng)頁會自動隨之改變，因此網(wǎng)頁的設(shè)計以及維護變得簡單易行。網(wǎng)站首頁實現(xiàn)過程 本模塊使用的數(shù)據(jù)表：tb_xinwen、tb_zhannei、tb_qianfei、tb_zhuce.設(shè)計步驟下面對網(wǎng)站首頁的制作過程進行詳細的講解。具體步驟如下：在該網(wǎng)站中創(chuàng)建一個Web窗體，用于顯示網(wǎng)站首頁的相關(guān)信息在Web窗體中添加一個Table表格，用于頁面的布局。在table表格中添加相關(guān)的服務(wù)器控件，屬性設(shè)置及其用途如下表所示。網(wǎng)站首頁中用到的主要控件控件類型控件名稱主要屬性設(shè)置控件用途Txtyhname無輸入登錄用戶名TxtyhmmPasswordChar屬性設(shè)置為“*”輸入登錄用戶密碼BtndlText屬性設(shè)置為“登錄”登錄BtnzcText屬性設(shè)置為“注冊”注冊Gvxw無顯示網(wǎng)站新聞信息Gvqf無顯示業(yè)主欠費信息Calrq無顯示當前的年、月、日LbglyText屬性設(shè)置為“進入后臺”進入后臺A、 實現(xiàn)代碼首先導(dǎo)入必要的命名空間using 。在Page_Load事件中，分別調(diào)用自定義方法xinwenfillgv()、fillguogao()、qiangfeifillgv()，用戶顯示網(wǎng)站新聞、站內(nèi)公告、欠費用戶通知。實現(xiàn)代碼如下： protected void Page_Load(object sender, EventArgs e) { ()。//調(diào)用用戶自定義的xinwenfillgv()方法 ()。//調(diào)用用戶自定義的fillgougao()方法 ()。//調(diào)用用戶自定義的qianfeifillgv()方法}Xinwenfillgv()自定義方法主要用來實現(xiàn)網(wǎng)站新聞的顯示，在此方法內(nèi)主要通過OledbDataAdapter對象獲取網(wǎng)站新聞信息并將信息填充到數(shù)據(jù)集中。實現(xiàn)代碼如下： public void xinwenfillgv() //用戶自定義的方法 { OleDbConnection con = ()。//調(diào)用用戶自定義的DB類的createDB()的方法 OleDbCommand cmd = new OleDbCommand()。//聲明一個OleDbCommand的對象,并將該對象cmd實例化 = con。 ()。//打開數(shù)據(jù)庫連接 OleDbDataAdapter sda = new OleDbDataAdapter(select top 9 * from tb_xinwen order by fabushijian desc, con)。//從新聞表tb_xinwen按發(fā)布時間fabushijian的降序排序 DataSet ds = new DataSet()。//聲明一個DataSet的對象,并將該對象ds實例化 (ds, tb_xinwen)。//將新聞表tb_xinwen填充到數(shù)據(jù)庫中 = ds。 // = new string[] { title }。 ()。//將數(shù)據(jù)綁定到GridView控件中 for (int i = 0。 i = 1。 i++) { DataRowView mydrv。 //聲明一個DataRowView的對象 string gintro。 if ( == 0) { mydrv = [tb_xinwen].DefaultView[i]。 gintro = (mydrv[title])。 [i].Cells[0].Text = SubStr(gintro, 10)。 } else { mydrv = [tb_xinwen].DefaultView[i + (5 * )]。 gintro = (mydrv[title])。 [i].Cells[0].Text = SubStr(gintro, 10)。 } } ()。//關(guān)閉數(shù)據(jù)庫連接}Fillgougao()自定義方法主要用來顯示站內(nèi)公告。在此方法中使用OleDbDataReader對象獲取公告信息，并將公告信息綁定到Label標簽上。實現(xiàn)代碼如下 public void fillgougao() { OleDbConnection con = ()。//調(diào)用用戶自定義的DB類的createDB()的方法 OleDbCommand cmd = new OleDbCommand( select * from tb_zhannei, con)。 ()。//打開數(shù)據(jù)庫連接 OleDbDataReader sdr = ()。 ()。// = (0)。//從數(shù)據(jù)庫中讀取第一個數(shù)據(jù)放到Label標簽中 ()。//關(guān)閉閱讀器 ()。//關(guān)閉數(shù)據(jù)庫連接}Qianfeifillgv()自定義方法主要用來顯示欠費通知。在此方法中使用OledbDataAdapter對象獲取用戶欠費信息并將此信息填充到數(shù)據(jù)集中，將數(shù)據(jù)集中的信息綁定到GridView控件上將用戶欠費信息顯示出來。實現(xiàn)代碼如下： public void qianfeifillgv() { OleDbConnection con = ()。 ()。 //打開數(shù)據(jù)庫連接 OleDbCommand cmd = new OleDbCommand()。//調(diào)用用戶自定義的DB類的createDB()的方法 OleDbDataAdapter sda = new OleDbDataAdapter(select top 10 * from tb_qianfei, con)。 DataSet ds = new DataSet()。 //聲明一個DataSet的ds對象,并將其實例化 (ds, tb_qianfei)。 = ds。 ()。//將數(shù)據(jù)綁定到GridView控件中 ()。//關(guān)閉數(shù)據(jù)庫連接}//自定義createDB()方法：用于連接數(shù)據(jù)庫//open()方法：打開Access數(shù)據(jù)庫//OleDbCommand：表示要對數(shù)據(jù)源執(zhí)行的SQL語句或存儲過程//OleDbDataAdapter：表示從數(shù)據(jù)源讀取數(shù)據(jù)行的只進流的方法//DataSet類：表示數(shù)據(jù)在內(nèi)存中的緩存。//Fill()方法：在DataSet中添加或刷新行以匹配使用DataSet名稱的數(shù)據(jù)源中的行，并創(chuàng)建一個DataTable。//DataSource屬性：獲取或設(shè)置對象，數(shù)據(jù)綁定控件從該對象中檢索其數(shù)據(jù)項列表。//DataBind()方法：將數(shù)據(jù)源綁定到被調(diào)用的服務(wù)器控件及其所有子控件。//Close()方法：關(guān)閉當前解決方案。B、 單元測試在程序運行中，往往出現(xiàn)“應(yīng)用程序中的服務(wù)器錯誤”，提示為“找不到類型或命名空間名稱‘OleDbConnection’（是否缺少using指令或程序集引用）”。產(chǎn)生此類錯誤的主要原因，是由于在代碼中用到了用戶自定義控件中的類、屬性及方法。解決該問題的方法是：在編寫代碼之前導(dǎo)入該自定義控件的命名空間即可。添加如下代碼：using ；欠費信息查詢頁概述任何用戶都可以查詢自己的相關(guān)費用（水費、電費、煤氣費等）信息，如果用戶查詢到自己使用的水、電、煤氣已欠費，則可及時繳納所欠的費用。改進了以往物業(yè)人員挨家挨戶上門通知的狀況，大大提高了物業(yè)工作人員的工作效率。欠費信息查詢頁如圖54所示：圖54欠費信息查詢頁技術(shù)分析 小區(qū)物業(yè)欠費信息查詢頁中，使用了SELECT語句，根據(jù)用戶不同的需求，選擇不同的RadioButton按鈕，實現(xiàn)對“欠費住戶名稱”、“欠費類別”、“欠費金額”等進行不同的查詢操作。小區(qū)物業(yè)欠費信息查詢頁中用到的代碼如下： protected void Button1_Click(object sender, EventArgs e) { OleDbConnection con = ()。 //調(diào)用用戶自定義的DB類的createDB()的方法 OleDbCommand cmd = new OleDbCommand()。//聲明一個OleDbCommand的 cmd對象，并將其實例化 = con。 ()。 DataSet ds = new DataSet()。 //聲明一個DataSet的ds對象,并將其實例化 if ( == true) { OleDbDataAdapter sda = new OleDbDataAdapter(select * from tb_qianfei where name=39。 + + 39。, con)。 (ds, tb_qianfei)。 = ds。 ()。//將數(shù)據(jù)綁定到GridView控件中 } if ( == true) { OleDbDataAdapter sda = new OleDbDataAdapter(select * from tb_qianfei where leibie=39。 + () + 39。, con)。 (ds, tb_qianfei)。 = ds。 ()。