網(wǎng)頁源代碼設計范例參考

1、.源代碼范例參考(一套完套的設計至少包括可以運行源程序,論文,開題,答辯,外文,以下列出的源代碼僅為參考,僅是源程序中的部分代碼)-5 新聞系統(tǒng)的主要開發(fā)過程5.1 數(shù)據(jù)庫設計該系統(tǒng)使用Access作為應用程序的數(shù)據(jù)庫，建立了有6張數(shù)據(jù)表：Lb_Admin表用于存儲帳戶的信息，Lb_Class表用于存儲新聞分類信息，Lb_Links表用于存儲友情鏈接信息, Lb_News表用于存儲新聞內(nèi)容, Lb_Setup表用于存儲系統(tǒng)設置信息,Lb_Skins表用于存儲頁面風格。Lb_News表與Lb_Class表相關(guān)聯(lián)。在6個數(shù)據(jù)表中，主要介紹一下新聞表和賬戶表如下：Lb_News表如表1所示：表1 新

2、聞表n_id為該表主鍵，n_cid為所屬新聞分類ID，n_hit為點擊數(shù)，n_commend用于判斷是否為推薦新聞，n_index用于判斷是否為首頁新聞，n_title為新聞標題，n_date為發(fā)布新聞的日期，n_author為新聞發(fā)布者名，n_content為新聞內(nèi)容，n_ispic用于判斷是否為首頁滾動圖片，n_spic為首頁所滾動圖片的存儲地址，,n_check用于判斷是否為審核新聞(值為0表示未通過審核，值1表示通過審核)，n_intro為新聞簡介，n_publisher為賬戶類型，如為管理員、審核員或新聞輸入員。Lb_Admin表如表2所示：表2 賬戶表A_Id為該表主鍵，A_Nam

3、e為用戶名，A_Password為密碼，A_Grade為用戶級別。5.2各主要窗體頁的圖形界面介紹首頁：主要功能是顯示最熱門、最新和推薦的前8條新聞，顯示新聞搜索功能、頁面風格設置、新聞分類、滾動新聞圖片和網(wǎng)站公告等；新聞詳細內(nèi)容查看頁：在首頁里點擊新聞標題所進入的頁面，顯示當前所點擊新聞的詳細內(nèi)容，新聞標題正中加粗顯示，在添加新聞時，根據(jù)所編輯的新聞內(nèi)容對應顯示；新聞輸入員頁面：新聞輸入員只具有添加新聞的權(quán)限，任何瀏覽者都可注冊成為新聞輸入員，但所添加的新聞并不能直接發(fā)布到網(wǎng)站上顯示，而需經(jīng)過審核員或管理員審核是否給予通過，這保證了網(wǎng)站內(nèi)容管理的合理性，并不是隨便添加的新聞都能發(fā)布；新聞審核

4、員頁面：審核員管理頁面主要是對新聞進行審核，可對需審核的新聞內(nèi)容進行查看和編輯，以確定是否授權(quán)發(fā)布，審核員除審核新聞外，也可添加新聞和管理新聞，所添加的新聞不需審核而可以直接發(fā)布，管理新聞包括修改和刪除新聞；新聞管理員頁面：管理員具有系統(tǒng)的所有權(quán)限，除審核員的審核新聞、添加新聞和管理新聞外，還可添加新聞部門和用戶。對用戶和新聞部門進行管理，包括修改用戶ID和密碼，刪除用戶，更改部門名稱，刪除新聞部門，管理員所添加的新聞也不再需要審核而可以直接發(fā)布。5.3 頁面的風格設計為使該系統(tǒng)的頁面美觀多樣，在設計時使用了8種樣式風格。為了在頁面設計時方便調(diào)用，將其存儲于數(shù)據(jù)庫的Lb_Skins（風格樣式）

5、表中，各窗體通過調(diào)用style.css文件來設計界面外觀。CSS是Cascading Style Sheets（層疊樣式表單）的簡稱，簡稱樣式表，它是一種設計網(wǎng)頁樣式的技術(shù)。CSS代碼的基本語句結(jié)構(gòu)為：選擇符屬性名：屬性值，選擇符可以是HTML中任何的標簽或自定義標識符，比如P、DIV、IMG甚至BODY都可以作為選擇符。CSS在HTML文檔中有三種用法：一種是把CSS文檔放到文檔中： ；另一種方法是采用的格式把樣式寫在任何html標簽中的行內(nèi)，這種方法比較方便靈活；還有一種方法是：把編輯好的CSS文檔保存成“.CSS”文件，然后在中定義，定義的格式為： ，和“rel=stylesheet”指

6、連接的元素是一個樣式表文檔，“href=style.css”指的是需要連接的文件地址。這種方法非常適宜同時定義多個文檔，能使多個文檔同時使用相同的樣式，從而減少了大量的冗余代碼。5.4 系統(tǒng)配置5.4.1 Web.config文件配置ASP.NET應用程序的配置功能放在Web.config文件中，它包含每一個具體Web應用程序的配置信息。在程序運行時，ASP.NET使用分層虛擬目錄結(jié)構(gòu)的Web.config文件提供的配置信息為每個惟一的URL資源計算一組配置設置，然后緩存結(jié)果配置設置，以供所有頁面對資源的請求使用。Web.config文件對于訪問站點的用戶來說是不可見的，而且也是不可訪問的，它

7、基于XML，每個配置文件都包含XML標記和子標記的嵌套層次結(jié)構(gòu)。新聞系統(tǒng)的Web.config文件中的配置： 通過鍵/值對key 和value配置數(shù)據(jù)庫連接的相關(guān)信息，將ACCESS數(shù)據(jù)庫lbnews.mdb文件用相對路徑的方式設置為字符串MdbPath在程序代碼中進行連接引用。5.4.2 配置發(fā)布主頁首先要創(chuàng)建虛擬目錄，新建虛擬目錄的步驟如下： 打開IIS（Internet 信息服務），在默認網(wǎng)站上右擊，在快捷菜單中選擇新建虛擬目錄； 在彈出的虛擬目錄創(chuàng)建向?qū)υ捒蚶稂c擊“下一步”； 輸入虛擬目錄別名； 選擇網(wǎng)站內(nèi)容所在目錄路徑； 設置“訪問”權(quán)限。 在所建虛擬目錄上右擊，在彈出菜單中選擇瀏

8、覽，或在瀏覽器里輸入相應網(wǎng)址，都可運行瀏覽程序。虛擬目錄不在目錄列表中顯示（也稱為 WWW 服務的“目錄瀏覽”），要訪問虛擬目錄，用戶必須知道虛擬目錄的別名并在瀏覽器中鍵入 URL。對于 WWW 服務，也可以在 HTML 頁面中創(chuàng)建鏈接。發(fā)布網(wǎng)站的時候，把程序首頁的名字（index.aspx或default.aspx）寫在IIS當中就可以訪問了。5.5 系統(tǒng)部分重要功能及其代碼5.5.1 Web用戶控件該系統(tǒng)中創(chuàng)建了兩個Web用戶控件top.ascx和bottom.ascx，在首頁、新聞詳細內(nèi)容查看、新聞分類等頁面的HTML代碼里都進行了引用，調(diào)用方式為： Register指令注冊用戶控件，同

9、時把屬性TagName(標簽名)和TagPrefix(標簽前綴)添加到 Register指令中，Src屬性表示該用戶控件相對于父頁面的相對地址。用戶控件也是服務器端控件，還必須在用戶控件代碼中添加Runat=server屬性，用法如下：其中top.ascx用戶控件作用是顯示首頁圖片、“首頁”文本字體、新聞分類、新聞風格和當前日期，bottom.ascx用戶控件作用是顯示底部相關(guān)網(wǎng)站信息等。用戶控件是非常易于代碼重用的，可以把許多相關(guān)功能和用戶界面封裝在一個用戶控件中，然后在任何需要該功能的地方重用此控件。5.5.2 通用類代碼在所有相關(guān)頁面顯示文件和Web用戶控件的代碼隱藏文件.aspx.cs

10、或.ascx.cs中，通過對數(shù)據(jù)訪問類的引用(以創(chuàng)建類實例方式)，調(diào)用數(shù)據(jù)訪問類里的相應函數(shù)完成相關(guān)功能，如建立數(shù)據(jù)庫連接、打開和關(guān)閉數(shù)據(jù)庫、對數(shù)據(jù)庫執(zhí)行查詢、插入、刪除和更新操作、頁面登陸檢驗等。此處列舉Conn類(數(shù)據(jù)訪問類)中主要函數(shù)的源碼：public class Conn/ 建立數(shù)據(jù)庫連接字符串public OleDbConnection Lb_Conn=new OleDbConnection(strConn);public static string strConn /通過創(chuàng)建一個屬性來連接數(shù)據(jù)庫get /使用get方法返回此屬性的值StringBuilder strResult

11、= new StringBuilder();strResult.Append(Provider = Microsoft.Jet.OLEDB.4.0);strResult.Append(; );strResult.Append(Data Source = );strResult.Append(HttpContext.Current.Server.MapPath(.); /HttpContext應用程序上下文類，Current屬性表示進程中當前請/求的上下文，MapPath()方法表示返回與Web服務器上的指定虛/擬路徑相對應的物理文件路徑，此處作用是創(chuàng)建數(shù)據(jù)庫文件的虛擬路徑 strResult.

12、Append();strResult.Append(ConfigurationSettings.AppSettingsMdbPath); /從配置文件中取到數(shù)據(jù)庫連接字符串，“MdbPath”為Web.config/文件中的鍵/值對所設置的key值return strResult.ToString(); /返回字符串類型 public OleDbDataReader ExecuteOleDbDataReader(string strSql) /此函數(shù)表示從數(shù)據(jù)庫讀取數(shù)據(jù)時以只進只讀的行流的方式進行OleDbCommand cmd=new OleDbCommand(strSql,Lb_Conn)

13、;OleDbDataReader rd=cmd.ExecuteReader(); /通過調(diào)用對象OleDbCommand的ExecuteReader()方法創(chuàng)建/OleDbDataReader對象return rd;public DataSet CreateDataSet(string strSql,string tableName)OleDbDataAdapter da=new OleDbDataAdapter(strSql,Lb_Conn); /創(chuàng)建DataAdapter類實例，可用于填充DataSet對象和檢索、更新數(shù)據(jù)DataSet dst=new DataSet();da.Fill(

14、dst,tableName); /填充DataSet(數(shù)據(jù)集)中的一個表return dst;public int ExecuteSql(string strSql) OleDbCommand cmd2=new OleDbCommand(strSql,Lb_Conn);intresult=cmd2.ExecuteNonQuery(); /對數(shù)據(jù)庫執(zhí)行插入、刪除和更新等操作，返回影響數(shù)據(jù)庫記錄的行數(shù)return result;5.5.3 添加發(fā)布新聞添加發(fā)布新聞在該系統(tǒng)中顯然起著很關(guān)鍵的作用，在添加新聞管理頁面里，通過單擊“添加”按鈕執(zhí)行新聞的添加，但能不能直接發(fā)布，還要根據(jù)權(quán)限來判斷，“添加”

15、按鈕的單擊事件主要程序如下：Conn ds1=new Conn(); /調(diào)用數(shù)據(jù)訪問類ds1.DBopen(); /打開數(shù)據(jù)庫 string title=Lb_Title.Value.ToString(); /新聞標題string Content=LbNewsContent.Value.ToString().Replace(,);/新聞內(nèi)容string Author=Lb_Author.Value.ToString(); /新聞作者string TitlePic=Lb_TitlePic.Value.ToString(); /是否首頁滾動圖片string Intro=LbNews_Intro.T

16、ext.ToString().Replace(rn,).Replace(,); /新聞簡介 string Lb_Grade;/用戶級別int lb_check; /判斷新聞是否需要審核，1：不需要審核，0：需要審核try /捕獲異常范圍if (Lb_Grade=1) /用戶級別1為新聞輸入員lb_check=0; /需要審核else /審核員或管理員lb_check=1; /不需要審核int result=ds1.ExecuteSql(insert into Lb_News(n_cid,n_commend,n_index,n_ispic,n_title,n_spic,n_author,n_co

17、ntent,n_publisher,n_intro,n_check)values(+Lb_Classid+,+Lb_IsCommend+,+Lb_IsIndex+,+Lb_IsPic+,+title+,+TitlePic+,+Author+,+Content+,+Publisher+,+Intro+,+lb_check+);/將所添加的新聞標題、內(nèi)容、作者和來源部門等插入到數(shù)據(jù)表Lb_News中if (result0) /數(shù)據(jù)添加到數(shù)據(jù)庫中成功if (Lb_Grade=1)ds1.alert(添加成功,需等待管理員審核,admin_articleadd.aspx); /輸入員添加新聞的話彈出對

18、話框提示需審核，并重置當前添加頁面elseds1.alert(添加成功,admin_articleadd.aspx); /審核員或管理員添加的話就直接發(fā)布到網(wǎng)站上，并重置當前添加頁面else /添加不成功Response.Write (添加新聞失敗);catch(System.Data.OleDb.OleDbException ex)Response.Write (ex.ToString(); /以上操作中如有異常發(fā)生則捕捉finallyds1.DBclose();/關(guān)閉數(shù)據(jù)庫連接5.5.4 用戶注冊該系統(tǒng)的內(nèi)容是需要靠校園眾多部門眾多用戶來豐富充實的，而用戶注冊功能提供了給用戶注冊和發(fā)布新聞的作用。在首頁里只需點擊注冊按鈕即可注冊，注冊頁面里注冊按鈕的單擊事件處理程序如下：Conn ds1=new Conn(); /調(diào)用數(shù)據(jù)訪問類ds1.DBopen();string name=userName.Text.Trim(); /用戶名string pass=System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfig(), MD5) ; /用戶密碼/通過HashPasswordForStoringInConfigFile()方法實現(xiàn)MD5加密解密算法string strSql=select *