第三章 系統分析與設計
3.6 會員子系統架構圖
3.6.2 註冊會員資料之流程
如圖 3-7 所示，未加入會員的使用者在介面輸入個人的 基本資料後，經過 Procedure1 的處理過後，即可成為本站 的會員。
圖 3-7 註冊會員資料系統流程圖
Procedure1:將輸入的基本資料與資料庫內的會員資料表做 比對，看是否可以成為合法會員，之後顯示註冊完成畫面，
然後在資料庫新增資料。
輸入會員 基本資 料.aspx
Procedure1 會員資料.MDF
註冊完 成.htm
(a)檔案名稱:House.MDF
(b)輸入會員資料.aspx
3.6.3 會員登入的流程
序號 欄名 格式 長度 備註
圖 3-9 修改會員資料系統流程圖
Procedure3:將修改後的會員資料寫入會員資料庫內，並將 之前的內容覆蓋。
(a) 檔案名稱:House.MDF 資料表:member
記錄格式:如表 3-1
(b)檔案名稱:修改個人資料.aspx
記錄格式: 包含了使用者新密碼、新密碼確認、姓名、
性別、生日、電話、行動電話、住址、及 e-mail，並會顯示 當輸入錯誤時的提示語句。
修改個人 資料.aspx.
Procedure3 會員資料.MDF
修改成 功.htm
紀錄格式:
3.7.1 出售、出租屋刊登子系統之功能圖、系統流程圖檔案
圖 3-11 新增房屋資料系統流程圖
Procedure4:是在會員將新增房屋資料輸入完成後，將此筆 資料寫入房屋資料表內。
(a)檔案名稱:House.MDF 資料表:sellhouse hirehouse
輸入房屋 資.aspx 料
新增成功 介面.htm 房屋資料.MDF Procedure4
記錄格式:
sellhouse 的格式
序號 資料欄位(英) 資料欄位
hirehouse 的格式
(b)檔案名稱:1.輸入出售房屋資料.aspx
紀錄格式:如表 3-10 (c)新增成功介面.htm
當新增成功時，所顯示的提示頁面。
紀錄格式:
序號 欄名 格式 長度 備註
1 新增成功 文字 12
2 返回主頁 連結 12
表 3-11 新增成功頁面 3.7.3 查詢、修改及刪除房屋資料之流程
此功能讓會員再查詢自己所登錄完的房屋後，選擇修改或是 刪除此房屋資料。
圖 3-12 查詢、修改及刪除系統流程圖 (a)檔案名稱:House.MDF
資料表: sellhouse hirehouse 房屋資料.MDF Procedure5
房屋資料.MDF 房屋資料.MDF Procedur
e6 Procedure7
(b)檔案名稱:登入成功.apsx
紀錄格式:如表 3-10
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)查詢會員資料
4.4.2 查詢及刪除會員或房屋資料 (1)查詢會員資料