基于bs結(jié)構(gòu)的二手交易系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)(編輯修改稿)

　

【文章內(nèi)容簡(jiǎn)介】 登錄模塊 登錄模塊的是本設(shè)計(jì)的一個(gè)主要模塊，它起到判斷用戶身份的作用，根據(jù)不同的用戶返回不同的管理界面，或者是登錄界面。 用戶登錄模塊的目標(biāo)有兩個(gè)： 第一個(gè)是判斷用戶的狀態(tài)是否登錄，如果沒有登錄的話就顯示登錄窗口，提供帳號(hào)和密碼的輸入界面。如果這個(gè)時(shí)候用戶還沒有注冊(cè)過的話那么就提供注冊(cè)新用戶的超級(jí)鏈接。 圖 2 用戶登錄框 如果判斷用戶已 經(jīng)登錄，那么顯示歡迎界面，同時(shí)繼續(xù)判斷用戶類型，具體是普通用戶還是管理員。如果普通用戶顯示普通用戶的管理界面，如果是管理員就顯示相應(yīng)的管理員的管理界面。 圖 3 普通用戶管理界面 圖 4 管理員管理界面 在本設(shè)計(jì)中，整個(gè)用戶登陸模塊是鑲嵌在首頁(yè)的框架里面一個(gè)叫 的文件里面的，大小和字體通過 CSS的定義，用戶直接在首頁(yè)面上就可以完成登錄和相關(guān)操作。 整個(gè)頁(yè)面同時(shí)引用了另外一個(gè) JSP 頁(yè)面， BANNER 和快速搜索和鏈接選項(xiàng)。實(shí)現(xiàn)的效果是在功能模塊實(shí)現(xiàn)翻轉(zhuǎn)的 時(shí)候BANNER 和快速搜索菜單欄依然保留，而不僅僅是在登陸的一個(gè)界面上有。 用戶登錄模塊的主要實(shí)現(xiàn)方法如下： script languange=javascript function check() { if (==) { alert(用戶名不能為空 )。 ()。 return false。 } if (==) { alert(密碼不能為空 )。 ()。 return false。 } } /script 首先定義一個(gè)名字是 CHECK 的 JAVASCRIPT 的函數(shù)，這個(gè)將在后面的登錄窗口用到，這個(gè)函數(shù)的作用是填寫登錄名的時(shí)候不能使用空帳號(hào)，這樣可以把判斷留在前臺(tái)來(lái)完成，從而減少后臺(tái)處理的時(shí)間和步驟。 下面是判斷用戶已經(jīng)登錄了的情況，對(duì)用戶的 SESSION 變量進(jìn)行分析，如果是普通用戶或者管理員就顯示相應(yīng)的 界面 界面的每一個(gè)選項(xiàng)分別對(duì)應(yīng)一個(gè)相應(yīng)的 JSP程序。其中最后一個(gè)退出登陸的 就是一個(gè)后臺(tái)程序，原理是把 SESSION 變量清空 管理員的判斷過程及其管理界面也是同樣的道理。 從邏輯上，如果以上兩種情況都不是，也就是說(shuō)登錄模塊判斷用戶當(dāng)前沒有登錄，那么將顯示登陸窗口，為用戶提供輸入用戶名和密碼的地方。 在這個(gè)地方，如果用戶沒有注冊(cè)，可以點(diǎn)擊鏈接進(jìn)行注冊(cè)，名字是，頁(yè)面將會(huì)自動(dòng)跳轉(zhuǎn)到這段程序上。 form method=post action= name=login onSubmit=return check() 39。這是定義登錄模塊的表格，指明了傳送的方式為 POST，傳送至后臺(tái)的接收頁(yè)面是，并且當(dāng)用戶點(diǎn)擊提交這個(gè)按鈕的時(shí)候 ， onSubmit=return check()指明執(zhí)行 CHECK（）這個(gè) JAVASCRIPT 函數(shù)，也就是前面定義的檢查值函數(shù)。 接收這個(gè)前臺(tái) JSP 程序的后臺(tái)是 程序 代碼如下 % String uid=(username)。 String pwd=(pwd)。 String sql=。 sql=select * from [allusers] where username=39。+uid+39。 and pwd=39。+pwd+39。 ResultSet RS_result=(sql)。 if(!()) { (scriptalert(39。 你 輸 入 的 用 戶 不 存 在 或 密 碼 錯(cuò) 誤 , 請(qǐng) 重 新 登錄 !39。)。(1)。/script)。 } else{ (username,uid)。 (cx,(cx))。 ()。 } ()。 % 快速鏈接及搜索模塊 快速鏈接模塊 快速連接模塊是 二手交易網(wǎng)站 的一個(gè)重要組成部分，在 二手交易網(wǎng)站 中，快速連接模塊分為兩個(gè)部分，一個(gè)是位于 banner 下面的常用熱門搜索，把用戶可能會(huì)經(jīng)常使用的一些搜索集合到一起，方便用戶使用，另外一個(gè)部分是位于主網(wǎng)頁(yè)下面全部種類，這里包括了 二手交易網(wǎng)站 的所有支持的種類，用戶可以在這里找到自己需要的相關(guān)種類的信息。 快速連接模塊的實(shí)現(xiàn)方法： 在實(shí)現(xiàn)這個(gè)模塊的時(shí)候，使用的方式是超級(jí)鏈接加傳遞參數(shù)，把 二手交易網(wǎng)站 的物品分為九個(gè)大類，每個(gè)大類又包括了將近十個(gè)小類，每一個(gè) 小類都有一個(gè)ID號(hào)，當(dāng)用戶點(diǎn)擊每一個(gè)小類的按鈕的時(shí)候，都會(huì)把一個(gè)參數(shù)傳遞給后臺(tái)的 JSP處理程序，后臺(tái) JSP 處理程序再根據(jù)這個(gè)值，從數(shù)據(jù)庫(kù)中讀取相應(yīng)信息。 圖 5 快速鏈接模塊部分 1 示意圖 圖 6 快速鏈接模塊部分 2 示意圖 前臺(tái)代碼如下 table width=100% height=205 border=0 tr % int i=0。 int j=0。 String id=。 String bianhao=。 String mingcheng=。 String tupian=。 int curpage=1。//當(dāng)前頁(yè) int page_record=6。//每頁(yè)顯示的記錄數(shù) int zgs=0。 int zys=0。 //用下面的方法（ sql 查詢完成，速度快） String hsgnpage=(page)。 String fysql=select count(id) as ss from shangpinxinxi。 ResultSet RS_resultfy=(fysql)。 while(()){ zgs=((ss))。 zys=zgs/page_record+1。 } if (hsgnpage!=null) { curpage=((page))。// 獲 取 傳遞 的值，需要顯示的頁(yè) } else { curpage=1。 } if (curpage==0) { curpage=1。 } if(curpagezys) { curpage=zys。 } //(curpage)。 String sql=select top +page_record+ * from shangpinxinxi where id not in (select top +((curpage1)*page_record)+ id from shangpinxinxi order by id desc) 。 if(sc!=null) { sql=sql+ and +ltt+ like 39。%+qd+%39。 } sql=sql+ order by id desc。 ResultSet RS_result=(sql)。 while(()){ i=i+1。 j=j+1。 id=(id)。 bianhao=(bianhao)。 mingcheng=(mingcheng)。 tupian=(tupian)。 % tdtable width=100% border=0 tr td height=161pa href=?id=%=id%img src=%=tupian % width=124 height=110 border=0/a/p /td /tr tr td%=mingcheng%/td /tr /table /td % if (j==3) { j=0。 (/trtr)。 } } % /tr /table p 共 %=zgs% 條記錄 %=page_record % 首 / 頁(yè) a href=?page=1 首頁(yè) /a a href=?page=%= curpage1%上一頁(yè) /a A href=?page=%= curpage+1%下一頁(yè) /A a href=?page=%=zys %尾頁(yè) /A 當(dāng)前第 FONT color=red%=curpage %/FONT頁(yè) /共 FONT color=red%=zys %/FONT頁(yè) /p /td /tr /table/td /tr /table/td /tr /table這是其中一個(gè)大類的前臺(tái)代 碼 ，可以看到，每一個(gè)類首先使用 CSS 樣式對(duì)其格式作出了限定，以確保界面上的平衡和美觀，其次，每一個(gè)鏈接都鏈接到后臺(tái) 的程序中去，同時(shí)帶上一個(gè)自己的參數(shù) id。 搜索模塊 搜索模塊是嵌套在 中的子模塊，主要作用是為用戶提供一個(gè)搜索的界面，用戶如果想快速的查找出所需要的種類，就可以在搜索模塊的文本框里輸入相應(yīng)的物品種類。 圖 7 搜索模塊示意圖 物品和用戶注冊(cè)模塊 物品注冊(cè)模塊 用戶注冊(cè)模塊的作用是提供物品信息的注冊(cè)，這也是本設(shè)計(jì)的一個(gè)重要的組 成部分。用戶注冊(cè)模塊提供 給用戶一個(gè)發(fā)布信息類型的平臺(tái)，用戶在這里可以選擇發(fā)布不同種類的信息。在設(shè)計(jì)中，只有已經(jīng)登錄的用戶具有發(fā)布物品的資格，也就是說(shuō)物品發(fā)布的選項(xiàng)只有在登錄用戶或者管理員的界面中才能看到。 圖 8 物品信息發(fā)布模塊前臺(tái)示意圖 物品注冊(cè)模塊的主要實(shí)現(xiàn)方法 負(fù)責(zé)物品注冊(cè)的前臺(tái) JSP程序是 代碼如下： % String leibiemingcheng=(leibiemingcheng)。 //ResultSet RS_result=(select * from [fdsfds] where fdsfssd=39。+fdsfd+39。)。 // if(()) //{ //(scriptalert(39。 該 班 級(jí) 已 經(jīng) 存 在 , 請(qǐng) 換 其 他 名 稱 的 班級(jí) !39。)。(1)。/script)。 // } //else{ String sql=insert into shangpinleibie(leibiemingcheng) values(39。+leibiemingcheng+39。) 。 (sql)。 (scriptalert(39。 添加成功 !!39。)。=39。39。/script)。 // } //()。 % 用戶注冊(cè)模塊 圖 9 用戶注冊(cè)前臺(tái)示意圖 用戶注冊(cè)模塊的主要實(shí)現(xiàn)方法： 用戶注冊(cè)模塊的前臺(tái)是 ， 它 的核心代碼如下： % String yonghuming=(yonghuming)。String mima=(mima)。String xingbie=(xingbie)。String dianhua=(dianhua)。String =()。String shenfenzheng=(shenfenzheng)。String dizhi=(dizhi)。 ResultSet RS_result=(select