電子商務畢業(yè)設計

1、電子商務畢業(yè)設計電子商務 課程設計報告 姓 名 學 號 專 業(yè) 班 級 指導教師 完成時間 目錄 1 設計題目 . 3 1.1簡單電子商務網站設計 . 3 2.設計要求 . 3 2.1 開發(fā)工具: . 4 2.2 數據庫: . 4 2.2.1 系統(tǒng)數據庫介紹: . 4 2.2.2 JSP與JDBC訪問數據庫: . 4 3.網上書店的可行性分析及需求分析 . 5 3.1系統(tǒng)可行性分析 . 5 3.1.1技術可行性 . 5 3.1.2經濟可行性 . 5 3.1.3操作可行性 . 5 3.2 系統(tǒng)功能分析 . 6 3.2.1 用戶模塊部分的主要功能: . 6 3.2.2 管理員模塊部分的主要功能 .

2、 6 4(網上書店系統(tǒng)的總體設計 . 8 4.1 用戶模塊介紹 . 9 4.2 管理員模塊介紹 . 9 4.3數據庫介紹:. 10 4.3.1 實體關系圖 . 11 4.3.2 數據表結構 . 11 5(網上書店系統(tǒng)的詳細設計 . 14 5.1 系統(tǒng)結構分析 . 14 5.1.1 注冊功能流程圖 . 14 5.1.2 用戶登錄流程圖 . 15 5.1.3 購物車流程圖 . 16 5.1.4 購物流程圖 . 16 5.1.5 書籍搜索流程圖 . 17 5.1.6 書籍管理流程圖 . 17 5.2 主要功能的實現 . 18 1 5.2.1 用戶模塊主頁面 . 18 5.2.2 用戶注冊及用戶信息管

3、理 . 18 5.2.3 用戶登陸 . 20 5.2.4 管理員登陸 . 21 5.2.6 添加書籍類別 . 22 . 23 5.2.6 添加出版社5.2.7 添加書籍 . 23 5.2.8 訂單管理 . 24 5.2.9 購物車 . 24 6.主要代碼實現 . 25 6.1處理書籍上傳代碼 . 25 6.2 搜索功能的JAVASCRIPT代碼 . 26 7.系統(tǒng)測試 . 28 7.1 測試環(huán)境 . 28 7.2 測試內容 . 28 7.3 測試結果 . 28 8.總 結 . 30 參考文獻 . 31 2 1 設計題目 1.1簡單電子商務網站設計:(網上書店) 隨著時代的發(fā)展，信息技術、Int

4、ernet/Intranet技術、數據庫技術的不斷發(fā)展完善，網絡進程的加快，傳統(tǒng)的購物方式也越來越不能滿足人們快節(jié)奏的生活需求，使得企業(yè)的IT部門已經認識到Internet的優(yōu)勢，電子商務系統(tǒng)的購物超市就是在這樣一個背景下產生發(fā)展起來的。伴隨著電子商務技術的不斷成熟，電子商務的功能也越來越強大，注冊用戶可以在網上搜索購買到自己想要的各種商品，初步讓人們體會到了足不出戶，便可隨意購物的快感。 網絡購物中心作為電子商務的一種形式正以其高效、低成本的優(yōu)勢，逐步成為新興的經營模式和理念，人們已經不再滿足用途信息的瀏覽和發(fā)布，而是渴望著能夠充分享受網絡所帶來的更加多的便利。網上書店正適應了當今社會快節(jié)奏

5、地生活，使顧客足不出戶便可以方便快捷輕松地選購自己喜歡的書籍。 2設計要求 用JSP技術實現的網上書店。作為一個在網上從事圖書瀏覽和交易的系統(tǒng)，它是電子商務中一個比較典型的系統(tǒng)，它可以使人們足不出戶“逛”書店，并選購自己喜歡的書籍。該系統(tǒng)實現的是顧客通過訪問該網上書店的網址，瀏覽到新書和好書，或查找到所需要的書籍，最后下訂單，等待郵寄或送貨上門的服務。該系統(tǒng)主要實現了一個簡單的購物車的功能。 本系統(tǒng)包括兩大模塊:前臺在線購書子系統(tǒng)，后臺書店管理子系統(tǒng)。通過在線購書子系統(tǒng)，用戶可以通過Web瀏覽器登錄到此網站。在此網站，用戶可以注冊登陸，搜索要找的書,查看詳細信息，購書(將書加入購物車) ，用戶

6、選擇后自動生成訂單，包含書籍數量與價格;通過書店管理子系統(tǒng)，書店管理人員登陸后可對網站進行管理，處理定單信息，對新訂單進行發(fā)貨處理，刪除已處理訂單等。 3 2.1 開發(fā)工具: MyEclipse 6.5 Jsp Dreamweaver8 2.2 數據庫: 2.2.1 系統(tǒng)數據庫介紹: 數據庫是以數據為對象，為了滿足某種特定應用的需要，按照一定的數據模型在計算機系統(tǒng)中組織、存儲和使用數據的數據集合。數據庫系統(tǒng)是管理大量的、持久的、可靠的和共享的數據的工具。 2.2.2 JSP與JDBC訪問數據庫: 訪問數據庫的模式:如下圖: 應用程序 JDBC Driver 圖 2.1 數據庫訪問模式圖 在訪問

7、數據庫時，要將ORCLE的一個classes12.jar包加入進去 訪問數據庫的代碼: Class.forName(oracle.jdbc.driver.OracleDriver); Connection conn = DriverManager.getConnection (jdbc:oracle:thin:127.0.0.1:1521:TEST,scott,tiger); 4 3.網上書店的可行性分析及需求分析 3.1系統(tǒng)可行性分析 從技術的可行性，經濟的可行性以及操作的可行性三個方面來說明本網站的可行性。 3.1.1技術可行性 1.硬件:計算機的存儲量大，運算速度快，外部設備的功能好、效

8、率高、可靠性高，通信設備的能力、質量都可以滿足要求。 2.系統(tǒng)軟件: (1)操作系統(tǒng)Windows XP/2000接口能力強，數據庫管理系統(tǒng)的功能足夠。 (2)Java語言是一種優(yōu)秀的編程語言。它最大的優(yōu)點就是與平臺無關，在Windows 、Linux以及其它平臺上，都可以使用相同的代碼?！耙淮尉帉懀教庍\行”的特點，使其在互聯網上廣泛采用。JSP+JavaBeans幾乎可以在所有平臺上通行無阻，從一個平臺移植到另外一個平臺，JSP和JavaBeans甚至不用重新編譯。除此之外Java語言還提供了一些有用的新特性，使得使用Java語言比C+語言更容易寫出“無錯代碼”。 3.1.2經濟可行性 從

9、經濟角度看，書店對系統(tǒng)的投資要小于系統(tǒng)對書店的回報，書店決策者才會實施系統(tǒng)計劃。從本系統(tǒng)開發(fā)的角度出發(fā)，系統(tǒng)開發(fā)成功會減低人員費用的支出，辦公用品的支出，同時，大量的用戶增加會給書店無法量化的估計,會使書店獲得更大的收益。 3.1.3操作可行性 本系統(tǒng)大概需要四個月的時間完成。前三個星期主要是以看書以及收集有關系統(tǒng)方面的資料為主，接下來就是對系統(tǒng)的分析，到做數據庫，界面，以及中間5 的連接。系統(tǒng)對于熟悉JSP編程的作者來說是可行的。 3.2 系統(tǒng)功能分析 3.2.1 用戶模塊部分的主要功能: 1. 注冊 作為一個網上書店，最基本的功能肯定就是注冊了。因為只有注冊用戶才能在網站內訂購自己想要購買

10、的商品。 2. 登陸 為了能更方便地使用網站的各項功能，用戶登錄也是必不可少的。當用戶登錄以后，便可進行查閱書籍等操作。 3. 購物車 當用戶選好自己想要的商品后可把商品放入購物車中，購物車將自動產生相應的訂單。當然，用戶也可以從購物車里刪除選好的商品。 4. 搜索商品 搜索商品可以說是一個網站非常重要的一個功能，通過這一功能，用戶可以按照某些特定的條件搜索自己想要購買的商品，這無論為普通用戶還是管理員都提供了極大的方便。 3.2.2 管理員模塊部分的主要功能 1. 書籍管理 作為一個管理員對書籍的管理是必不可少的，新書籍的添加、已有商品的查看等功能都能讓管理員很好對這個網上書店的數據進行比較

11、完善的管理。 2. 訂單管理 前臺客戶對書籍進行選購后要對超市下訂單來確定自己的購買，那么管理員就必須對這些訂單做好管理工作，比如像對已經正確填寫資料的客戶發(fā)貨并修改其訂單為發(fā)貨狀態(tài)等。 3. 分類管理 這個功能是把商品更好的分類，使客戶能很方便的查找和瀏覽商品。分類分6 為大類和小類:大類是商品的種類;小類則為商品的不同品牌。其中又分為一類和二類:一類商品會自動放到商品導航內;二類則不會。還有一個就是可以把需要做修改的商品的類別進行轉換，這樣更加方便了商品的管理。 7 4(網上書店系統(tǒng)的總體設計 網站主要功能，如圖4.1所示: 網上書店系統(tǒng)平臺 管理員管理 搜索 購物車 用戶信息管理 用用用

12、書訂操書戶戶戶籍單作籍注修退資管管名冊改出料理理稱 添添書管管管加加籍理理理大小添員員員類類加添修退 加改出 圖4.1 系統(tǒng)架構圖 8 4.1 用戶模塊介紹 用戶模塊劃分如圖4.2所示: 用 戶 用用購搜戶戶物索注登書車 冊 陸 籍 圖4.2 用戶功能模塊圖 4.2 管理員模塊介紹 管理員模塊的劃分如圖4.4所示: 管 理 員 訂分書單類籍管管管理理理 圖4.4 管理員功能模塊圖 9 后臺管理員的管理功能劃分如圖4.5所示: 管 理 員 書籍管理 分類管理 添訂大小類管加單類類別理新管管管轉商商 理 理 理 移 品品 圖4.5 管理員詳細管理功能模塊圖 4.3數據庫介紹: 本系統(tǒng)數據庫的功能主

13、要是存儲網站中所有數據，以便進行操作。 本系統(tǒng)的數據庫文件名為ORCL。我將主要由USERS、BOOK、BOOKTYPE、ORDERS、ORDERDETAIL、BOOKMAN 6個表組成。 10 4.3.1 實體關系圖 姓 名 編 號 用戶ID 姓 名 密 碼 E-mail 密 碼 管理員 用 戶 注冊日期 n n 電話號碼 管 理 購 買 m m 書籍號 書籍名稱 書籍 出廠地 圖 片 出廠日期 詳細介紹 圖4.6 實體關系圖 4.3.2 數據表結構 1. 數據表USERS 該表比較簡單，主要用來用戶的賬號和密碼，表的結構如表4-1所示: 表4-1 數據表USERS 字段名稱 數據類型 說明

14、 USERID 自動編號 用戶編號 UNAME 文本 用戶名 UPWD 文本 密碼 UEMAIL 文本 用戶郵箱 2. 數據表BOOK 該表存儲了商書籍信息，該表結構如表4-2所示: 表4-2 數據表BOOK 字段名稱 數據類型 說明 BID 自動編號 書籍編號 11 BNAME 文本 書籍名稱 BPIRCE 數字 書籍價格 書籍作者 BAUTHOR 文本 BDESC 文本 書籍描述 IMGPATH 文本 書籍圖片 PID 數字 出版商編號 BDISCOUNT 數字 書籍折扣 BPUBLISHTIME 時間/日期 書籍出版時間 TID 自動編號 書籍類型編號 3. 數據表BOOKTYPE 該表

15、存儲了書籍類別的資料，該表結構如表4-3所示: 表4-3 數據表BOOKTYPE 字段名稱 數據類型 說明 TID 自動編號 書籍類型編號 TNAME 文本 書籍類型名稱 TPID 文本 書籍父類類型 4. 數據表ORDERS 該表存儲了訂單信息，該表結構如表4-4所示: 表4-4 數據表ORDERS 字段名稱 數據類型 說明 OID 自動編號 訂單編號 ODATE 日期/時間 訂單日期 PHONE 文本 用戶手機號碼 USERID 文本 用戶ID FLAG 數字 訂單狀態(tài) 5. 數據表ORDERDETAIL 該表存儲了訂單詳細信息，該表結構如表4-5所示: 表4-5 數據表ORDERDETA

16、IL 字段名稱 數據類型 說明 ODID 自動編號 訂單詳情編號 BID 文本 書籍ID BOOKNUM 文本 書籍數量 PRICE 數字 書籍價格 OID 文本 訂單編號 6. 數據表BOOKMAN 該表存儲了出版商的信息，該表結構如表4-6所示: 12 表4-6 數據表BOOKMAN 字段名稱 數據類型 說明 PID 自動編號 出版商編號 PNAME 文本 出版商名稱 PADDRESS 數字 出版商地址 PHONE 數字 出版商電話 PPID 數字 出版商父類ID 13 5(網上書店系統(tǒng)的詳細設計 5.1 系統(tǒng)結構分析 5.1.1 注冊功能流程圖 開 始 注冊入口 否 必選項非空, 是 否

17、 用戶名是否有效, 是 否 2次輸入密碼一致, 是 否 密碼長度合要求, 是 否 Email地址有效, 是 注冊成功 結 束 圖5.1 用戶注冊流程 14 5.1.2 用戶登錄流程圖 開 始 登錄入口 否 用戶是否存在 是 否 密碼是否正確 是 取得用戶名和密碼 登錄成功 結 束 圖5.2 用戶登陸流程 15 5.1.3 購物車流程圖 開 始 購物車 查看商品 否 滿意, 調整商品 是 付款 結 束 圖5.3 購物車流程 5.1.4 購物流程圖 未注冊用戶 注冊 選訂去提瀏開 結 擇購購交覽已登錄注冊用戶 書書物訂書 籍 籍 單 籍 車 始 束 未登錄注冊用戶 登錄 圖5.4 用戶購物流程 1

18、6 5.1.5 書籍搜索流程圖 放入購物車 開輸搜下開 結 始入索訂 搜條結單 始 束 索 件 果 查看詳細信息 圖5.5 商品搜索流程 5.1.6 書籍管理流程圖 開 始 書籍管理 添加商品 否 滿 意, 是 結 束 圖5.6 管理員書籍管理流程 17 5.2 主要功能的實現 5.2.1 用戶模塊主頁面 在主頁中我們看到網站的概貌。主頁面如圖5.7所示: 圖5.7 網站主頁面 在主頁中，可以看到網站部分書籍，書籍表中的“書籍名”、“書籍出版社”、“定價”、“優(yōu)惠價”、“書籍描述”等詳細信息都是和數據表“BOOK”中的相關內容相連接的。 在所有的頁面中只要涉及書籍的相關信息，都是調用數據庫的B

19、OOK表中的儲存信息。 在搜索欄中輸入數據時，會提示數據庫中存在的書籍名稱，點擊便可以再文本框中顯示，在這里用到了腳本語言(JAVASCRIPT)，也用到了AJAX技術，在這里也進行了數據緩存處理。出現過一次的數據，會存在網頁上，下次再輸入同樣的數據時就會從網頁上取。而不用去訪問數據庫。 5.2.2 用戶注冊及用戶信息管理 用戶要想在本網站購買書籍就必須要去注冊成為本網站的會員，只需要點擊“注冊”鏈接就可以到達注冊頁面，填寫相關資料后即可注冊成為會員，享受購18 物權利如圖5.8所示: 圖5.8 用戶注冊頁面 用戶在填寫時，如果與所要求的格式不一樣將會顯示出橘黃色。在進行判斷時，也用到了AJA

20、X技術。 當所有信息都正確后，點擊注冊，注冊成功后，會跳轉到登陸頁面。 19 5.2.3 用戶登陸 用戶一旦成為本網站的會員后，即可在登陸頁面中登陸，用戶只要輸入自己的用戶名和密碼即可實現登陸，如圖5.9所示: 圖5.9用戶登陸頁面 20 5.2.4 管理員登陸 通過專門的頁面可以進入管理員登陸界面，當管理員輸入完賬號和密碼后可以進入后臺的管理員界面了，后臺界面如圖5.10: 圖5.10 管理員登陸頁面 管理員進行登陸后就進入了后臺管理，點擊左邊的鏈接就能進行相應的頁面顯示以處理數據，管理界面主要由addbook.jsp,addbookman.jsp,addbooktype.jsp,bookm

21、anage.jsp,menu.jsp,ordermanage.jsp，六個頁面組成，登陸后的界面如圖5.11: 圖5.11 后臺主頁面 21 5.2.6 添加書籍類別 通過點擊添加書籍類別鏈接，進行添加類別，如圖5.12 圖5.12 添加書籍類別頁面 22 5.2.6 添加出版社 通過點擊添加出版社鏈接，進行添加出版社，如圖5.13 圖5.13添加出版社頁面 5.2.7 添加書籍 通過點擊添加書籍鏈接，進行添加書籍，如圖5.14 圖5.14添加書籍頁面 23 5.2.8 訂單管理 通過點擊訂單管理鏈接，進行訂單管理，如圖5.15 圖5.15訂單管理頁面 5.2.9 購物車 購物車是一個不可缺少

22、的功能模塊，有了購物車用戶才能對自己的商品進行結算，在“購物車”中用戶可以看到所購買的商品信息，可以刪除商品，也可以繼續(xù)采購或是直接購買，如圖5.16所示: 圖5.16訂單管理頁面24 6.主要代碼實現 6.1處理書籍上傳代碼 String className = com.bookshop.form.AddBookForm; Object o = null; / 利用反射創(chuàng)建與頁面對應的對象,用于存放頁面參數 o = Class.forName(className).newInstance(); Method m = Class.forName(className).getMethods();

23、 iter = sfu.getItemIterator(request); while (iter.hasNext() FileItemStream fis = iter.next(); if (!fis.isFormField() & fis.getName().length() 0) / 如果當前是處理文件上傳 String imageFile = fis.getFieldName(); String filename = fis.getName().substring(fis.getName().lastIndexOf() + 1); / 獲取文件名 filename = renameI

24、mgPath(filename); for (int i = 0; i m.length; i+) / 利用反射給對象對應的字段賦值 if (mi.getName().toUpperCase().equals(set + imageFile).toUpperCase() mi.invoke(o, new String filename ); / 處理文件上傳 BufferedInputStream bis = new BufferedInputStream(fis.openStream();/ 文件輸入流 BufferedOutputStream bos = new BufferedOutpu

25、tStream(new FileOutputStream(new File(fileUploadPath+ / + filename); Streams.copy(bis, bos, true); else / 否則是處理普通參數 String fieldName = fis.getFieldName(); if (fieldName.equals(bookType) s+; if (s = 3) fieldName = bookTypeID; String val = Streams.asString(fis.openStream(); / 利用反射為字段賦值 for (int i = 0;

26、 i m.length; i+) if (mi.getName().toUpperCase().equals(set + fieldName).toUpperCase() mi.invoke(o, new String val ); 25 else if (fieldName.equals(bookMan) y+; if (y = 3) fieldName = pName; String val = Streams.asString(fis.openStream(); / 利用反射為字段賦值 for (int i = 0; i m.length; i+) if (mi.getName().to

27、UpperCase().equals(set + fieldName).toUpperCase() mi.invoke(o, new String val ); else if (fieldName.equals(lastChoose)| fieldName.equals(tid) | fieldName.equals(pid)| fieldName.equals(lastChoose1) else String val = Streams.asString(fis.openStream(); / 利用反射為字段賦值 for (int i = 0; i m.length; i+) if (mi

28、.getName().toUpperCase().equals(set + fieldName).toUpperCase() mi.invoke(o, new String val ); 6.2 搜索功能的JavaScript代碼 var arr = new Array(); function searchFromCache(s) var flag = false; document.all.searchsuggest.innerHTML = ; for (var i = 0; i arr.length; i+) if (arri.toUpperCase().indexOf(s.toUpper

29、Case() = 0) flag = true; document.all.searchsuggest.className = suggest_show; var ss = + arri + ; document.all.searchsuggest.innerHTML += ss; return flag; function searchbookname1() var ptr = document.all.tSearch.value.toUpperCase(); if(ptr != ) 26 if(!searchFromCache(ptr) search1.findByPattern(ptr,

30、onSuggestResponse); else document.all.searchsuggest.innerHTML = ;document.all.searchsuggest.className = suggest_hide; function onSuggestResponse(data) var divSearch = document.all.searchsuggest; divSearch.innerHTML = ; if(data.length 0) divSearch.className = suggest_show; else divSearch.className =

31、suggest_hide; for(var i = 0; i data.length; i +) arr.push(datai); var ss = + datai + ; divSearch.innerHTML += ss; function mouseover(div) div.className = mouse_over; function mouseout(div) div.className = mouse_out; function selsuggest(txt) document.all.tSearch.value = txt; document.all.searchsuggest.innerHTML = ; document.all.searchsuggest.className = suggest_hide;27 7.系統(tǒng)測試 7.1 測試環(huán)境 操作系統(tǒng):Microsoft Windows XP Professional 版本2002 Service Pack 2 ORACLE版本:ORCLE 10g MyEclip