【文章內(nèi)容簡介】 Ddrq)、客戶留言(khly)、確定訂單(Qrdd)。手機訂單實體屬性圖如圖所示 手機訂單實體屬性圖訂單內(nèi)容實體屬性：訂單編號(Ddbh)、手機編號(smbh)、數(shù)量(sl)、金額(Je)。訂單內(nèi)容實體屬性圖如圖所示 訂單內(nèi)容實體屬性圖新聞信息實體屬性：新聞編號(xwbh)、發(fā)布時間(Fbsj)、新聞主題(Xwzt)、新聞內(nèi)容(Xwnr)。新聞信息實體屬性圖如圖所示 新聞信息實體屬性圖手機論壇實體屬性：主題編號(ztid)、主題標(biāo)題(ztbt)、主題內(nèi)容(Ztnr)、用戶名(kh)、發(fā)布時間(fbsj)。手機論壇實體屬性圖如圖所示 手機論壇實體屬性圖論壇回復(fù)實體屬性：回復(fù)編號(hfid)、主題編號(ztid)、回復(fù)內(nèi)容(hfnr)、用戶名(kh)、回復(fù)時間(Hfsj)。論壇回復(fù)實體屬性圖如圖所示 論壇回復(fù)實體屬性圖數(shù)據(jù)庫的ER圖，如圖所示。 ER圖 數(shù)據(jù)庫物理結(jié)構(gòu)設(shè)計在SQL Server2000中為整個系統(tǒng)建立一個數(shù)據(jù)庫，儲存各類數(shù)據(jù)和控制信息： 客戶信息(KHXX)序號字段名類型長度索引備注1客戶(Kh)Varchar50PKey2密碼(Mm)Varchar203聯(lián)系地址(Lxdz)Varchar504電話(dh)Varchar505生日(Sr)DateTime86Email(Email)Varchar507付款帳號(IDCount)Varchar默認的付款帳號8身份證號(Sfzh)Varchar50(SMLB)序號字段名類型長度索引備注1類型編號(Lxbh)Int(Auto)PKey2類型名稱(Lxmc)Varchar203上級類型編號(Plxbh)Varchar10小類別時使用,大類別為空(SMXX)序號字段名類型長度索引備注1手機編號(smbh)Int(Auto)Pkey2手機名稱(Smmc)Varchar503圖片文件名(Tpwjm)Varchar2504手機特點(Smtd)Text4手機描述(Smms)Text5小類型編號(xlxbh)Int小類型編號6手機價格(Smjg)Float7手機備注(Smbz)Text 購物車(GWC)序號字段名類型長度索引備注1購物車編號(Gwcbh)Int(Auto)Pkey2客戶(Kh)Varchar20關(guān)聯(lián) 客戶信息3手機編號(Smbh)Int關(guān)聯(lián) 手機信息4數(shù)量(Sl)Int 手機訂單 (SMDD)序號字段名類型長度索引備注1訂單編號(Ddbh)Varchar50PkeyGuid2客戶(Kh)Varchar20關(guān)聯(lián) 用戶信息3總數(shù)量(Sl)Int4總金額(Je)float5交款方式(Jkfs)Varchar20當(dāng)面交款 付款帳號6訂單日期(Ddrq)DateTime7客戶留言(khly)Varchar 1007確定訂單(Qrdd)Varchar50同意預(yù)定 訂單內(nèi)容 (DDNR)序號字段名類型長度索引備注1訂單編號(Ddbh)Varchar502手機編號(smbh)int關(guān)聯(lián) 手機信息3數(shù)量(sl)Int4金額(Je)float 新聞信息(XWXX)序號字段名類型長度索引備注1新聞編號(xwbh)Int(Auto)Pkey2發(fā)布時間(Fbsj)DateTime3新聞主題(Xwzt)Varchar1004新聞內(nèi)容(Xwnr)Text 手機論壇(SMLT)序號字段名類型長度索引備注1主題編號(ztid)Int主鍵2主題標(biāo)題(ztbt)Varchar1003主題內(nèi)容(Ztnr)Text4用戶名(kh)Varchar205發(fā)布時間(fbsj)Datetime 論壇回復(fù)(LTHF)序號字段名類型長度索引備注1回復(fù)編號(hfid)Int主鍵2主題編號(ztid)Int3回復(fù)內(nèi)容(hfnr)Text4用戶名(kh)Varchar205回復(fù)時間(Hfsj)Datetime 數(shù)據(jù)庫關(guān)系圖 數(shù)據(jù)庫關(guān)系圖 界面設(shè)計 界面設(shè)計規(guī)范本系統(tǒng)是商家用于發(fā)布手機信息，用戶通過注冊進行選購手機從而下訂單，所以，我們設(shè)計界面時要遵循如下設(shè)計原則：（1）在界面上要限制字體的樣式和其他文本格式例如文字大小、顏色等，因為繁多的文字樣式容易分散擁護對文字本身的注意力。如果文本樣式看起來過于圖形化，用戶會把它當(dāng)作廣告而忽略。（2）當(dāng)然最主要的是頁面要易讀，這意味著，必須注重規(guī)劃文字和背景顏色的搭配方案。不要使背景的顏色沖淡了文字的視覺效果，不要用花里胡哨的色彩組合，一般來說，淺色背景下的深色文字為佳。這同時也意味著，最好別把文字的規(guī)格設(shè)得太小、也不能太大。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因為這也符合讀者的閱讀習(xí)慣。（3）使用高對比度的文字顏色和背景顏色，從而使文字盡量清晰。（4）界面并不是越長越好，最佳設(shè)計是在一個半版面之內(nèi)。因為過長的頁面會使用戶覺得過于擁擠和繁冗。（5）另外，頁面容量越小越好，最好不要超過75K。有研究顯示，如果一個網(wǎng)站頁面的主體在15秒之內(nèi)顯示不出來，用戶會很快失去興趣。（6）最好使用動態(tài)頁面設(shè)置，即在設(shè)計時最好使用相對位置設(shè)置，使界面大小的更改不至于影響到界面質(zhì)量（7）網(wǎng)站導(dǎo)航要清晰，即所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)志出來，所有導(dǎo)航性質(zhì)的設(shè)置，都要有清晰的標(biāo)志，讓人看得明白。（8）系統(tǒng)風(fēng)格要統(tǒng)一，即系統(tǒng)上的圖像、文字，包括背景顏色、區(qū)分線、字體、標(biāo)題、注腳等，要統(tǒng)一風(fēng)格，貫穿全系統(tǒng)，從而給用戶一種舒服、順暢的感覺。 界面布局設(shè)計本系統(tǒng)采用的是右包含式的布局，因為系統(tǒng)需要，在界面左邊加上了導(dǎo)航條。所以進行布局設(shè)計時，我決定使整體左對齊，使在加上左邊的導(dǎo)航條時，左右不會顯得對稱失調(diào)。但是，同時出現(xiàn)了一個問題，就是使頁面的右側(cè)顯得蒼白。這個問題我本來打算用添加淺底色進行補充，但顏色的搭配比較困難，為了不至于弄巧成拙，所以就放棄了這個想法。當(dāng)然，這樣也有一個好處，就是使頁面顯得重點突出。 輸入輸出設(shè)計 輸入設(shè)計（1）登錄界面設(shè)計（如圖所示） 登錄界面（2）系統(tǒng)主界面設(shè)計（如圖所示） 系統(tǒng)主界面（3）手機類別維護界面設(shè)計（如圖所示） 手機類別維護界面（4）新增手機信息界面設(shè)計（如圖所示） 新增手機信息界面（5）用戶購買統(tǒng)計界面設(shè)計 （如圖所示） 用戶購買統(tǒng)計界面（6）新增新聞界面設(shè)計（如圖所示） 新增新聞界面（7）論壇界面設(shè)計（如圖所示） 輸出設(shè)計（1）手機類別、信息輸出主界面（如圖所示）、信息輸出主界面（2）新聞信息輸出主界面（如圖所示） 新聞信息輸出主界面（3）產(chǎn)品銷售統(tǒng)計報表（如圖所示） 產(chǎn)品銷售統(tǒng)計報表（4）用戶購買統(tǒng)計報表（如圖所示） 用戶購買統(tǒng)計報表第五章 系統(tǒng)實現(xiàn)(1) 在IE里運行本系統(tǒng)，出現(xiàn)系統(tǒng)的主界面，包括系統(tǒng)登陸、手機類別、手機信息顯示列表、新聞信息列表四大模塊。如圖： 系統(tǒng)主界面相關(guān)代碼如下： public void page_onclick(object sender, CommandEventArgs e) { if ([lxbh] == null || [lxbh].ToString() == 0) { //顯示全部的手機信息 datalistbind((select * from SMXX))。 } else { //顯示指定類型的手機信息 datalistbind((select * from SMXX where xlxbh= + [lxbh].ToString()))。 } //顯示查詢到的手機信息 if ([Smmc] != null) { datalistbind((select * from SMXX where smmc like 39。% + [smmc].ToString() + %39。))。 } } public void datalistbind( DataTable dt) { PagedDataSource ps = new PagedDataSource()。 = 。 = true。 =3。 = ps。 ()。 = (ViewState[pageindex].ToString())。 if (!) { = true。 } else { = false。 } if (!) { = true。 } else { = false。 } = ps。 ()。 } protected void IndexChanging(object sender, EventArgs e) { string strCommand = ((LinkButton)sender).()。 int pageindex = (ViewState[pageindex].ToString())。 if (strCommand == pre) { pageindex = pageindex 1。 } else { pageindex = pageindex + 1。 } ViewState[pageindex] = pageindex。 page_onclick(null,null)。}（2）購買手機詳細信息展示頁面此模塊主要是展示用戶購買的手機信息和價格，提示用戶購買。如圖： 手機信息維護其關(guān)鍵代碼實現(xiàn)如下： tmpda = (select *,( + 39。39。 + ) as alxmc from SMLB A left join SMLB B on = inner join SMXX on = where 39。39。 and = + [smbh])。 if ( 0) { TSpmc = [0][Smmc].ToString()。 TSpjg = [0][Smjg].ToString()。 TSplb=[0][alxmc].ToString()。 TSpjs = ((string)[0][Smtd]).Replace(\r\n, br)。 TImage = DPath + [0][Tpwjm]。 TSjms=((string)[0][Smms]).Replace(\r\n, br)。 TSjbz = ((string)[0][Smbz]).Replace(\r\n, br)。 } 基本功能模塊后臺：（1）手機信息維護此模塊主要