【文章內容簡介】 字段名數據類型鍵類型描述是否為空LO_NameVarchar(16)/租房者姓名否LO_WorkVarchar(12)/工作情況是LO_ContactTelVarchar(50)/客戶聯系電話否LO_MailVarchar(100)/客戶電子郵箱是LO_MinAcreageFloat/租房面積（下限）否LO_MaxAcreageFloat/租房面積（上限）否LO_MinRentFloat/租房價格（下限）否LO_MaxRentFloat/租房價格（上限）否LO_ConstructVarchar(50)/戶型結構是LO_DistrictVarhcar(50)/租房區(qū)域是LO_MessageVarchar(2000)/留言是LO_ReleaseDateDatetime/信息發(fā)布日期否LO_FinishVarchar(2)/是否已完成租房否表45售房成交信息表售房成交信息表BO_SaleTable字段名數據類型鍵類型描述是否為空BosIDIntPrimaryKey售房成交編號否SaleIDIntForeignKey售房編號否BosPersonVarchar(16)/購房者姓名否BosIdentityVarhcar(18)/身份證號碼否BosContactTelVarchar(50)/購房者電話否BosMailVarchar(100)/購房者電子郵箱是BosBrokerVarchar(16)/經紀人否BosPurchaseTypeVarchar(10)/一次付清或分期否BosPMoneyMoney/支付金額否BosChargeMoney/中介費用否BosBargainNumVarchar(20)/合同編號否BosInvoiceNumVarchar(20)/發(fā)票編號否BosBargainDateDateTime/交易完成日期否表46租房成交信息表租房成交信息表BO_LeaseTable字段名數據類型鍵類型描述是否為空BolIDIntPrimaryKey租房成交編號否LeaseIDIntForeignKey租房編號否BolPersonVarchar(16)/租房者姓名否BolIdentityVarchar(18)/身份證號碼否BolContactTelVarchar(50)/租房者電話否續(xù)表46字段名數據類型鍵類型描述是否為空BolBrokerVarchar(16)/經紀人否BolRMoneyMoney/每月租金否BolChargeMoney/中介費用否BolBargainNumVarchar(20)/合同編號否BolInvoiceNumVarchar(20)/發(fā)票編號否BolBargainDateDateTime/交易完成日期否. 系統(tǒng)界面設計. 網站名稱及Logo設計經過調查發(fā)現，許多與房屋銷售有關的商標或域名均已被注冊，所以我們思考了很久才想出撈房網的名稱?，F在的股市有股海的別稱、人群也有人海的別稱，那么樓市似乎也像大海一樣，那么要購房，要租房不也是像在大海里打撈一樣嗎。因此，最終便產生了“撈房網”這個名稱。經過我們的調查，這個名稱尚未被使用，正適合我們的房屋銷售系統(tǒng)，所以“撈房網”便正式變成了我們系統(tǒng)的名稱。圖43 撈房網Logo. 主界面顏色搭配及區(qū)域劃分圖44 房屋銷售系統(tǒng)——銷售子系統(tǒng)主界面顏色搭配及區(qū)域劃分. 顏色搭配考慮到銷售管理子系統(tǒng)是屬于房屋銷售系統(tǒng)的后臺部分，主要是提供給后臺人員操作用，因此在顏色搭配方面大可不必做得像一些門戶網站一樣，內容花花綠綠，什么都有些。作為后臺部分，整體色彩主要還是以簡約為主。系統(tǒng)的主要顏色以淡藍色為基礎，給人以活力的感覺，即使對久了也不會感到厭煩。頂欄的背景圖是一張折了一角的建筑藍圖，表示該系統(tǒng)就像建筑藍圖一樣，屬于整個銷售系統(tǒng)中最基礎的東西。而在建筑藍圖的折角處配以粉紅色和淺綠色，使得原本的藍色的風格變得活潑起來。底欄并沒使用太花俏的顏色，也沒使用圖片，而是采用了一條藍色的橫線與內容頁分隔開來，給底欄的版權文字留下了良好的顯示空間。. 區(qū)域劃分整個系統(tǒng)可分為5個區(qū)域：頂欄、導航欄、左導航欄、內容頁、底欄，對于一個后臺的系統(tǒng)而言，這樣的布局是十分方便的。在導航欄上，主要顯示大的模塊內容，而左導航欄則是顯示小模塊的內容，十分方便操作。內容頁顯示在中間，則是可以方便用戶查看信息。. 整體布局. 母版頁母版頁主要采用table布局，共有4個ContentPlaceHolder，供不同的內容頁和用戶控件使用。. 導航欄導航欄是一個用戶控件，通過使用HyperLink來創(chuàng)建鏈接，最后在背景添加一張藍色的漸變圖片來實現。為配合藍色的基調，字體設置為16px的黑體，字體顏色為白色并加粗顯示，以下是具體的CSS代碼：top_bar{ paddingleft:18px。}top_bar a:link, top_bar a:visited, top_bar a:active{ color:White。 fontfamily:黑體。 fontsize:16px。 fontweight:bold。 textdecoration:none。}top_bar a:hover{ color:White。 fontfamily:黑體。 fontsize:16px。 fontweight:bold。 textdecoration:underline。}. 左導航欄左導航欄是使用無序列表配合DIV+CSS來制作，共有3個用戶控件，為房源管理、售房管理和租房管理這3大模塊提供不同的鏈接。主要以淡藍色為基調，配以14px的字體，以下是CSS代碼：.leftnav{ width:180px。 margin:5px auto。 height:auto。 backgroundcolor:d0feff。 border:1px solid 0090ff。}.leftnav leftnav_object{ font:14px/180% Verdana,Geneva,sansserif。}.leftnav ul{ liststyle:none。}.leftnav a{ textdecoration:none。 color:8e8e8d。}.leftnav a:hover{ color:0071c8。 textdecoration:underline。}. 內容頁內容頁主要采用DIV+CSS布局，同時少部分采用table布局。標題欄采用14px加粗宋體，而一般顯示的字體則是14px的宋體，以下是具體的CSS代碼：.main_page{ margin:0px auto 5px auto。 border:1px solid 0090ff。 padding:16px 16px 16px 16px。 fontsize:14px。}page_title{ margin:5px auto 0px auto。 paddingtop:5px。 paddingleft:5px。 height:22px。 backgroundcolor:0793ff。 color:White。 fontsize:14px。 fontweight:bold。}5. 系統(tǒng)詳細設計與實現本系統(tǒng)共分為3個大模塊——房源管理、售房管理和租房管理模塊，而這三大模塊又可細分為12個子模塊。房源管理模塊包含：查看出售房源、查看出租房源、添加出售房源、添加出租房源，共4個子模塊。售房管理模塊包含：查看購房登記、購房登記、售房成交登記、查看售房成交記錄，共4個子模塊。租房管理模塊包含：查看租房登記、租房登記、租房成交登記、查看租房成交登記，共4個子模塊。. 房源管理模塊 . 房源管理模塊流程圖房源管理模塊的流程圖，由于具體流程較為復雜，因此只包含了房源管理操作的主要流程。簡單來說，首先需要具有房源管理相關權限的用戶登錄，接著選擇相應功能——查看出售房源、查看出租房源、添加出售房源、添加出租房源，最后完成諸如增、刪、改、查等數據操作，具體如圖59所示。開始相關用戶登錄功能選擇查看出售房源查看出租房源添加出售房源添加出租房源查 詢刪 除修 改提 交提 交結束輸出EXCEL查 詢刪 除修 改輸出EXCEL圖51房源管理模塊流程圖. 查看出售房源圖52查看出售房源① 數據查詢功能：根據位置要求、戶型要求、面積要求及價位要求等信息對數據庫進行查詢，篩選出來的結果將利用頁面中的GridView來顯示。由于采用的是模糊查詢技術，因此只需輸入部分內容即可以完成查詢操作。關鍵是采用了數據庫查詢的LIKE語句，并將查詢結果綁定到GridView數據源當中。圖53查看出售房源——數據查詢功能② 數據修改功能：點擊GridView中的“修改”按鈕，即可以對當前行的數據記錄進行修改。為了方便用戶使用，數據修改頁面將自動查詢出先前的數據記錄，使得用戶能清楚了解需要修改哪些數據。圖54查看出售房源——數據修改功能③ 數據刪除功能：點擊GridView中的“刪除”按鈕，即可刪除當前行的數據記錄。④ 輸出EXCEL報表功能：點擊頁面中的“將數據輸出到EXCEL中”按鈕，即可將數據輸出成EXCEL文件。. 查看出租房源圖55查看出租房源① 數據查詢功能：根據位置要求、戶型要求、面積要求及價位要求等信息對數據庫進行查詢，篩選出來的結果將利用頁面中的GridView來顯示。由于采用的是模糊查詢技術，因此只需輸入部分內容即可以完成查詢操作。關鍵是采用了數據庫查詢的LIKE語句，并將查詢結果綁定到GridView數據源當中。圖56查看出租房源——數據查詢功能② 數據修改功能：點擊GridView中的“修改”按鈕，即可以對當前行的數據記錄進行修改。為了方便用戶使用，數據修改頁面將自動查詢出先前的數據記錄，使得用戶能清楚了解需要修改哪些數據。圖57查看出租房源——數據修改功能③ 數據刪除功能：點擊GridView中的“刪除”按鈕，即可刪除當前行的數據記錄。④ 輸出到EXCEL報表功能：點擊頁面中的“將數據輸出到EXCEL中”按鈕，即可將數據輸出成EXCEL文件。. 添加出售房源可以添加出售房源信息，包含了一般文字內容的填寫與選擇，同時也包含了圖片上傳功能。該模塊主要是采用了數據庫的INSERT操作，將數據庫插入到數據庫當中。圖片上傳功能，則是將圖像文件轉換為二進制數據，再通過INSERT語句，將圖像以二進制的數據插入到數據庫當中。圖58添加出售房源. 添加出租房源可以添加出售房源信息，包含了一般文字內容的填寫與選擇，同時也包含了圖片上傳功能。該模塊主要是采用了數據庫的INSERT操作，將數據庫插入到數據庫當中。圖片上傳功能，則是將圖像文件轉換為二進制數據，再通過INSERT語句，將圖像以二進制的數據插入到數據庫當中。圖59添加出租房源. 售房管理模塊. 售房管理模塊流程圖售房管理模塊的流程圖，包含售房管理操作的主要流程。簡單來說，首先需要具有房源管理相關權限的用戶登錄，然后便可以選擇相應功能——查看售房登記、購房登記、售房成交登記、查看售房成交登記，最后可根據所需選擇相應的操作，具體如圖510所示。圖510售房管理模塊流程圖開始相關用戶登錄功能選擇查看購房登記購房登記購房成交登記查看購房成交登記查 詢刪 除輸出EXCEL提 交提 交查 詢刪 除查看登記詳情按合適房源購房結束. 查看購房登記圖511查看購房登記① 數據查詢功能：根據性別、年齡、工作情況、購房計劃、購房區(qū)域、戶型要求、是否完成購房等條件查詢數據庫，并通過頁面中的GridView來顯示。圖512查看購房登記——數據查詢功能② 查看登記詳情功能：點擊查看購房登記頁面GridView中的“詳情”按鈕，即可顯示購房登記詳情。在該頁面中可以查看詳細的購房登記信息，同時也會根據登記的信息，自動查詢合適的房源，并顯示在該頁面的GridView中。圖513查看購房登記——查看