第三章 系統分析與設計
3.8 買屋、租屋查詢子系統架構圖
此系統主要是讓使用者依照自己所需要的房屋型式來 選擇希望買到或租到的房屋。
3.8.1 買屋、租屋查詢子系統之系統流程圖、檔案與記錄格 式
圖 3-13 買屋、租屋查詢子系統資料流程圖 3.8.2 買屋、租屋查詢子系統之流程
此圖說明買屋、租屋者如何查詢和系統如何處理資料。
3.1 買屋、租 屋查詢
房屋資料庫
房屋查詢 查詢結果
圖 3-14 買屋、租屋查詢系統的系統流程圖 Procedure8:將輸入欲搜尋的目標資料與資料庫內容作比 對，將符合的資料輸出
(a)檔案名稱:House.MDF 資料表:sellhouse hirehouse
記錄格式: 如表 3-2、3-3 (b)檔案名稱:輸入搜尋資料.aspx
紀錄格式:包含可輸入路段查詢、下拉式的房屋類型查 詢、房屋金額查詢等
輸入搜尋 資料.apsx
房屋資料.MDF
搜尋結 果.aspx Procedure8
紀錄格式:
圖 3-15 管理員子系統資料流程圖
圖 3-16 管理員登入系統流程圖
(b) 輸入登入資料.aspx
與會員登入為同一個介面，包括帳號、密碼的輸入。
紀錄格式:如表 3-4 (c)登入成功.aspx
為管理者的管理介面，包含查詢、刪除房屋資料及會員 資料。
紀錄格式:
序號 欄名 格式 長度 備註
1 會員查詢 連結 10
2 出租房屋查詢 連結 20
3 出售房屋查詢 連結 20
4 返回首頁 連結 10
表 3-17 管理者頁面 3.9.3 查詢及刪除房屋或會員資料之流程
當管理員登入後，可選擇自己所需的方式來查詢資料。
圖 3-17 查詢及刪除房屋或會員資料系統流程圖 Procedure10:抓取會員資料表內的所有資料
Procedure11:抓取房屋資料表內的所有資料 Procedure12:將所選的資料進行刪除的動作 Procedure13: 將所選的資料進行刪除的動作 (a)檔案名稱:House.MDF 會員資料.MDF Procedure10
會員資料.MDF
房屋資料.MDF Procedure11
Procedure12 Procedure13 房屋資料.MDF
記錄格式:如表 3-1
(e)檔案名稱:查詢房屋結果.aspx
顯示出管理員所查詢的房屋資料。
紀錄格式:如表 3-12 (f)檔案名稱:刪除結果.aspx
顯示管理員所刪除成功的房屋或會員資料。
紀錄格式:如表 3-14
第四章 系統建置
完成第三章的系統分析及製定我們所需要的表格後，接 下來就是開始製作系統，首先是我們網站的首頁部分，網頁 內有會員登入的連結，及最新 5 筆的欲出售房屋及出租的房 屋資料
圖 4-1 買屋、租屋系統首頁
4.1 會員子系統實作
會員子系統的目的在讓使用者加入會員，然後在本站使 用使用者需求的功能，並安全性也較高，管理員也比較方便 於整個系統的管理。
4.1.1 會員登入 (1)輸入畫面
當使用者按下首頁會員登入的超連結後，便會進入會員 登入的頁面，輸入完帳號及密碼後，按下登入，若帳號、密 碼無誤則進入會員主頁面，若有問題，則會在輸入畫面給予 提示。
圖 4-2 登入畫面
(b)演算法
Input 帳號、密碼 Click 登入
{
If 資料無誤 Then
Display 會員主畫面 Else
Display 錯誤訊息 End If
}
(c)會員主頁面
圖 4-3 會員主頁面 4.1.2 註冊會員資料
若在會員登入的選單中，點選立即註冊的超連結，將會 進入會員註冊的頁面，輸入完資料後，便可以按送出資料來 完成會員註冊，若有輸入錯誤，在此頁面上會有錯誤訊息的 提示列。
(a)輸入畫面
圖 4-4 註冊會員資料輸入畫面 (b)演算法
Input 會員資料 Click 送出資料
{
If 輸入資料正確 Then 資料寫進資料庫
Display 成功註冊頁面 Else
Display 錯誤訊息 End If
}
(c)輸出畫面
(1)註冊成功畫面
圖 4-5 註冊成功畫面 (2)錯誤訊息畫面
圖 4-6 錯誤訊息畫面 4.1.3 修改會員資料
在會員主畫面中，點選修改個人基本資料的超連結後，
便可以進入修改會員資料的表單，修改完資料後，按送出資 料的按鈕後，若輸入資料正確，將會進入修改成功的頁面，
並將資料庫的會員資料更新，若有錯誤，則會有錯誤訊息的 提示列。
(a)輸入畫面
圖 4-7 修改會員資料畫面 (b)演算法
Input 欲修改的個人資料 Click 送出資料
{
If 輸入資料正確 Then
將資料庫的會員資料更新 Display 修正成功的畫面 Else
Display 錯誤訊息
End If }
(c) 輸出畫面
圖 4-8 修改會員資料成功畫面
4.2 出售、出租子系統實作
當屋主完成註冊成為會員並登入之後，便可以於會員主 頁面進入此系統，此系統提供了房屋資料的新增與修改及刪 除，讓會員能夠在方便的功能下，登錄自己想出售或出租的 房屋。
4.2.1 新增房屋資料
在成功登入，進入會員主畫面後，點選登錄出售房屋(或 登錄出租房屋)，就可以進入登錄房屋資料的頁面，而填完 房屋資料並無錯誤，按下送出資料的按鈕，資料庫將新增一 筆房屋資料，且得到輸出畫面，若有錯誤，則會顯示錯誤訊 息。
(a) 輸入畫面
圖 4-9 新增出售房屋資料畫面
圖 4-10 新增出租房屋資料畫面 (b)演算法
Input 欲新增出售(出租)的房屋資料 Click 送出資料
{
If 輸入資料正確 Then
將此筆資料寫入資料庫資料表內 Display 新增成功畫面
Else
Display 錯誤訊息 End If
}
(c)輸出畫面
圖 4-11 新增房屋資料成功畫面 4.2.2 查詢、修改及刪除房屋資料
1.查詢房屋資料
在登入後於會員主頁面中，點選你登錄出售的房屋(或 你登錄出租的房屋)的超連結，便可查詢到你登錄的房屋資 料。
(a)輸入畫面
圖 4-12 查詢房屋資料畫面 (b) 演算法
Click 你登錄出售的房屋(你登錄出租的房屋) Then 將你的帳號與房屋資料表內的帳號欄位比較 Display 你所登錄的房屋資訊
(c)輸出畫面
圖 4-13 查詢房屋結果畫面 2.修改房屋資料
在查詢你所登錄的房屋結果頁面中，點選位於房屋資料 後端的修改的超連結，就會進入修改房屋資料的頁面，當填 完欲修改的資料後，按下送出資料的按鈕，若資料無誤，則 資料庫將更新此筆房屋資料，並得到修改成功頁面。
(a)輸入畫面
圖 4-14 修改房屋資料輸入畫面 (b)演算法
Input 輸入欲修改的資料 Click 送出資料
{
If 資料輸入無誤 Then
資料庫將此筆房屋資料更新 Display 修改成功畫面 Else
Display 錯誤訊息
End If }
(c)輸出畫面
圖 4-15 修改房屋資料成功畫面 3.刪除登錄的房屋
在查詢已登錄的房屋資料，若是點選刪除的超連結，就 可以將此筆房屋資料刪除。
(a)輸入畫面
圖 4-16 刪除房屋資料畫面 (b)演算法
Click 刪除 Then
刪除資料庫內此筆房屋資料 Display 刪除成功畫面
(c)輸出畫面
圖 4-17 刪除房屋資料成功畫面
4.3 買屋、租屋查詢子系統實作
這個子系統主要給使用者依照房屋地址、金額、房屋類 型，來選擇自己所需要的房屋，再依照查詢的結果自行與屋 主聯絡，完成買屋或租屋的交易。
1.買屋(租屋)查詢管理
使用者可以選擇自己所需求的條件，查循本站的買屋或 租屋的房屋資料。
在會員主頁面中，點選查詢欲出售的房屋(查詢欲出租 的房屋)的超連結後，使用者就可以進入查詢的頁面中，在 以輸入或下拉式選單來選擇自己所需要的條件後，按下送出 查詢後，即可查詢到自己所需要的房子，再按下位於資料後 方點我的超連結後，即可看到此房屋的詳細資料。
(a)輸入畫面
圖 4-18 房屋查詢輸入畫面 (b)演算法
Select 欲查詢的租屋條件 Click 送出查詢
{
與資料庫內的資料做比較 Display 查詢的結果 }
(c)輸出畫面
圖 4-19 查詢結果畫面 按下＂點我＂超連結的詳細房屋資料頁面:
圖 4-20 詳細房屋資料輸出畫面
4.4 網管子系統實作
此系統是方便管理員線上直接管理，不用到資料庫內尋 找要處理的資料，只要在此系統上輸入特定的項目，就可以 幫管理員找到他們所需要的資料。
4.4.1.管理員登入動作
在首頁按下會員登入的連結後，利用會員登入的頁面，
輸入管制者的帳號、密碼後，若資料無誤則進入管理者頁面。
(a)輸入畫面
圖 4-21 管理員登入畫面
(b)演算法
Input 管理員帳號、密碼 Click 登入
{
If 帳號、密碼正確 Then Display 管理者頁面 End If
}
(c)輸出畫面
圖 4-22 管理者頁面
4.4.2 查詢及刪除會員或房屋資料 (1)查詢會員資料
管理員登入進入管理者頁面後，點選會員查詢的超連結 後，便可以得到所有會員的資料，此時你可以利用輸入來查 詢你所想查詢的會員資料，且在會員資料的後面點選刪除此 會員的超連結，即可刪除此會員的資料並會連其他資料表的 相關資料一併刪除
(a)輸入畫面 如圖 4-22 (b)演算法
Click 會員查詢 Then Display 會員資料 (c)輸出畫面
圖 4-23 查詢會員的資料結果
點選刪除此會員的超連結，所先進入的提示畫面中:
圖 4-24 刪除會員的提示畫面
點選確定刪除後的輸出畫面:
圖 4-25 成功刪除會員的輸出畫面 (2)查詢或刪除所有的房屋資料
管理員登入進入管理員頁面後，點選房屋查詢的出售或 出租，即可查詢全部的房屋資料，並可輸入所需求的房屋的 條件來查詢到房屋，並在房屋資料列後端，點取點我的超連 結後可以得到詳細資料，點選刪除此資料的超連結，即可刪 除此房屋資料。
(a)輸入畫面 如圖 4-22
(b)演算法
Click 出售(出租) Then Display 所有房屋資料 (c)輸出畫面
圖 4-26 查詢所有房屋資料
點選點我超連結，所得到的房屋詳細資料的輸出畫面:
如圖 4-20
點選刪除此資料的超連結，得到刪除成功的輸出畫面，並將 此筆資料從資料庫移除。
如圖 4-17
第五章 系統評估
if…else 的判斷方法並不是用 Asp.Net 的內定的驗證模式，所以速度上的執行可能會比較慢一點，另外輸入資料的美工 排版也不是很理想。
5.3 買屋、租屋查詢子系統
這個部分我們設計利用輸入，及下拉式選單來做為查詢 房屋的方面，和顯示房屋詳細資料等部分，這部份差不多跟 我們當出所決定的查詢模式已經差不吻合，排版方面也免強 可以，不過還是可以繼續改進，將原本的查詢條件的方法改 變，讓查詢的模式更多樣化。
5.4 網管子系統
這個部分的設計跟大多數的管理員工作相差無幾，只是 我將管理員的登入介面和會員登入的介面使用相同的登入
這個部分的設計跟大多數的管理員工作相差無幾，只是 我將管理員的登入介面和會員登入的介面使用相同的登入