【文章內容簡介】 主要代碼實現，其中對于購物車部分代碼將做詳細介紹。 系統(tǒng) 主界面 主頁面主要是由頂部欄 ，功能欄 ，搜索欄 ，主 10 圖 41: 代碼文件構成結構 圖 題部分 ，底部欄 個頁面構成。 頁面如圖 42 所示。 html head title網上商城－網您想要的東西！ /title link href=images/ type=text/css rel=stylesheet /head body topmargin=0 marginheight=0 div id=bodywith jsp:include page= / jsp:include page= / jsp:include page= / table width=100% height=1 tr td/td /tr /table table width=100% cellspacing=0 cellpadding=0 tr td id=zhong jsp:include page= / /td /tr /table jsp:include page= / 11 /div /body /html 圖 42: 系統(tǒng) 主界面 注冊 部分 的 主要實現 只有注冊后并且登錄的用戶才可以進行購買，否則只能進行商品的瀏覽的搜索。注冊頁面的部分關鍵代碼如下： …… html:form action=/register onsubmit=return validateRegisterForm(this) focus=reg_name styleId=form1 table tr align=center td colspan=2 H2 bean:message key= / /h2 /td /tr 12 tr td align=right bean:message key= / /td td html:text property=reg_name size=15 / font color=red*必填 /font /td /tr tr td align=right bean:message key= / /td td html:password property=reg_pwd size=17 / font color=red*必填 ,616 個字符 /font /td /tr Tr td align=right bean:message key= / /td td html:password property=reg_repwd size=17 / /td /Tr tr height=50 td align=right input type=image src=images/ name=imageField/ /td td align=left html:img rc=images/ border=0onclick=theReset() alt=點擊重填 13 style=CURSOR:hand / /td /tr tr td colspan=2 align=center font color=red size=8 html:errors property=reg_name/ html:errors property=reg_pwd / html:errors property=reg_repwd / /font /td /tr /table /html:form …… 點擊“注冊”按鈕后，系統(tǒng)會到 中查找。根據 action=/register，找到對應的 RegisterAction，并有它讀取并處理 RegisterForm中的數據，并根據情況進行頁面的跳轉。 圖 43: 注冊頁面 14 登錄 部分的 主要 實現 用戶注冊后可用用戶名進行登陸。 登陸頁面如圖 44 所示。 圖 44: 登錄頁面 登錄信息驗證的部分實現代碼如 下： ………… . public static String Login(String username, String password) { Connection conn。 String result = null。 Statement st = null。 ResultSet rs = null。 String sql = select user_land_pwd from usertable where user_land_name=39。 + username + 39。 try { conn = ()。 st = ()。 rs = (sql)。 if (()) { if (((1))) { result = success。 } else { result = pwderror。 15 } } else { result = nouser。 } } catch (SQLException e) { ()。 } return result。 } 用戶點擊“登錄”按鈕后，系統(tǒng)會到 根據 action=/login，找到對應的 LoginAction，并有它讀取并處理 LoginForm 中的數據，并根據情況進行頁面的跳轉。 登錄成功后，會員的用戶字會出現在功能欄里。如 圖 45 所示： 圖 45: 登陸成功頁面 資料修改 部分的 主要 實現 用戶若想變更密碼或其他信息時，可以點擊功能欄里的“個人資料”，會出現圖46 所示頁面： 16 圖 46: 個人資料 修改頁面 其實現部分 與注冊，登錄一樣， 同樣會到 中查找 。 根據 action=/ updateInfo ，找到對應的 UpdateInfoAction，并有它讀取并處理 updateInfoForm中的數據，并根據情況進行頁面的跳轉 ，代碼部分省略 。 搜索部分的 主要 實現 在搜索欄輸入商品名，或商品信息的全部或部分關鍵字。點擊搜索商品即可查詢到相關的商品信息，如圖 47 所示。 圖 47: 搜索頁面 17 關鍵實現部分的代碼見 Seach,java 如下： package 。 import 。 ………………………… .. import 。 public class Search { private Connection conn。 public Search() { conn = ()。 } public Collection getSearch(String search_name, String search_type) { ArrayList list = new ArrayList()。 DecimalFormat myformat = new DecimalFormat()。 Statement st = null。 ResultSet rs = null。 (search_name= + search_name)。 (search_type= + search_type)。 String sql = select items_id,items_name,items_quantity,items_info,items_price,items_img_small_url,items_img_large_url from items where items_quantity!=0 and +search_type+ like 39。%+search_name+%39。 order by items_id desc。 (sql)。 try { st = (, )。 rs = (sql)。 while (()) { int items_id = (1)。 String items_name = (2)。 int items_quantity = (3)。 String items_info = (4)。 18 double items_price = (((5)))。 String items_img_small_url = (6)。 String items_img_large_url = (7)。 Items items = new Items(items_id, items_name, items_quantity, items_info, items_price, items_img_small_url, items_img_large_url)。 (items)。 } } catch (SQLException e) { ()。 } (sql)。 return list。 } } 商品展示 部分的 主要 實現 在點擊商品名稱或商品圖片時，會彈出商品的詳細信息，如 圖 48 所示 ： 圖 48: 商品展示頁面 19 商品的詳細信息的顯示代碼如下： table border=0 width=100% cellspacing=0 cellpadding=0 tr td width=200 valign=top align=center html:img page=/images/${ } height=200 width=150 border=0 / /td td table border=1 width=100% cellspacing=0 cellpadding=0 tr td colspan=3 height=30 ${ } /td /tr tr height=20 td 價格： font color=red${ }元 /font /td td width=70 align=center html:link action=/ShoppingBag?Action=Buyamp。classId=${} html:img src=images/ border=0/ /html:link /td td width=70 align=center html:link action=/ShoppingBag?Action=AddShoppingBagamp。classId=${} html:img src=images/ border=0 / /html:link /td /tr tr height=200 td colspan=3 ${ } /td 20 /tr /table /td /tr /table 購物車查詢部分的 詳細 實現 在用戶選中某件商品后，可以點 “ 加入購物車 ” ，以臨時 保存預