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