【導(dǎo)讀】隨著人們生活水平的不斷提高，網(wǎng)絡(luò)的不斷成熟時(shí)，網(wǎng)上購(gòu)物也不斷成熟，本文介紹了網(wǎng)上商城購(gòu)物網(wǎng)站系統(tǒng)的開發(fā)環(huán)境，主要需求分析，界面設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)，以及主要的框架，配置和功能實(shí)現(xiàn)。分主要包括商品展臺(tái)、商品查詢、會(huì)員管理、商品購(gòu)物。

　　

【正文】 ort 。 import 。 import 。 import 。 import 。 import 。 import 。 import 。 //ProductMySQLDAO業(yè)務(wù)層 public class ProductMySQLDAO implements ProductDAO { public void add(Product p)。//增加一個(gè)商品 public void delete(int id)。//根據(jù) id刪除對(duì)應(yīng)商品 public ListProduct getProducts()。//返回商品 List對(duì)象 public int getProducts(ListProduct products, int pageNo, int pageSize, boolean lazy)。//返回商品數(shù)量 public void add(Product p)。//增加一個(gè)商品對(duì)象 public void delete(int id)。 //根據(jù) ID刪除一個(gè)商品對(duì)象 public void update(Product p)。 //更新商品對(duì)象 public Product loadById(int id)。 //根據(jù) ID返回一個(gè)商品對(duì)象 public void delete(String conditionStr)。//刪除符合條件的商品 public int find(ListProduct products, int pageNo, int pageSize, String queryStr)。//返回查詢結(jié)果中商品的數(shù)量 24 } DTO 層 DTO,Data Transfer Object 數(shù)據(jù)傳輸對(duì)象，用來(lái)保存客戶端的數(shù)據(jù)，類似于數(shù)據(jù)關(guān)聯(lián)類但它不以表的形式存放在數(shù)據(jù)庫(kù)中，只是暫時(shí)存儲(chǔ)一類信息，為了不重復(fù)對(duì)數(shù)據(jù)庫(kù)的操作，減輕數(shù)據(jù)庫(kù)的負(fù)擔(dān)，比如客戶端包中的類 包括商品信息 product 及商品數(shù)量信息 count，如下代碼。 public class CartItem { private Product product。 private int count。 } 該類不以 table的形式保存在數(shù)據(jù)庫(kù)中，但它給客戶端購(gòu)物車的使用帶來(lái)方便，而它的屬性 product是由商品類 getProduct()從數(shù)據(jù)庫(kù)表中取得，屬性 count則是類中的方法 getProducts()來(lái)返回。 JavaScript 語(yǔ)言的使用 JavaScript 是一種新的描述語(yǔ)言，此一語(yǔ)言可以被箝入 HTML 的文件之中。 透過(guò) JavaScript 可以做到回應(yīng)使用者的需求事件 (如： form 的輸入 ) 而不用任何的網(wǎng)路來(lái)回傳輸資 料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給伺服端 (server) 處理，再傳回來(lái)的過(guò)程，而直接可以被客戶端 (client) 的應(yīng)用程式所處理。 JavaScript主要是進(jìn)行客戶端檢驗(yàn)，對(duì)客戶端進(jìn)行基本的數(shù)據(jù)驗(yàn)證，例如myShopping中當(dāng)注冊(cè)用戶時(shí) onclick=“ return check()?！睂?duì)用戶名進(jìn)行校驗(yàn)判斷其長(zhǎng)度是否在 6到 10之間，密碼是否為 6到 10位的整數(shù)，重復(fù)密碼是否和密碼匹配等客戶端驗(yàn)證。 css+div 技術(shù)的使用 Css 是 層疊樣式表 (Cascading Style Sheets)的簡(jiǎn)稱，常見的有內(nèi)部樣式表，外部樣式表，內(nèi)嵌樣式表等等，內(nèi)嵌樣式表一般不是使用，內(nèi)部樣式表在樣式少的 25 時(shí)候使用，外部樣式表一般用于大型網(wǎng)站開發(fā)。選擇器 selector 一般使用類選擇器 class selector，例如 div class=”div1”…/div .div1{ width:160px。//寬 160 像素 height:120px。//高 120 像素 backgrade:FFFFFF。//背景色為白色 … } 而有些是網(wǎng)頁(yè)上唯一的標(biāo)簽，如結(jié)尾 end則使用 id 選擇器 id selector， id 是唯一的不能相同的，因此該 css 只能在同一張網(wǎng)頁(yè)上出現(xiàn)一次。 例如 div id=”end”…/div end{ width:1004px//寬 1004 像素 height:200px。//長(zhǎng) 200 像素 padding:0px。//與內(nèi)容距離 0 像素 margin:0px。//與外部距離 0 像素 … } Div是 division的縮寫是 html的塊標(biāo)簽，它的使用給網(wǎng)頁(yè)帶來(lái)了新的革命，是網(wǎng)頁(yè)布局更加靈活，塊可大可小，位置也可隨意調(diào)整，功能很強(qiáng)大可以滿足用戶更大的視覺(jué)需求。 div+css可以很好的布局網(wǎng)頁(yè)，使網(wǎng)頁(yè)不在單調(diào)。 Ajax 技術(shù)的使用 Ajax 是異步 JavaScript 及 xml（ Asynchronous JavaScript and XML）的縮寫， AJAX 不是一種新的編程語(yǔ)言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。通過(guò) AJAX，您的 JavaScript 可使用 JavaScript 的 26 XMLHttpRequest 對(duì)象來(lái)直接與服務(wù)器進(jìn)行通信。通過(guò)這個(gè)對(duì)象，您的 JavaScript 可在不重載頁(yè)面的情況與 Web 服務(wù)器交換數(shù)據(jù)。 例如本系統(tǒng)中用到的商品價(jià)格的改變?nèi)缦聢D 52 圖 52 ajax 技術(shù)使用 圖中紅色部分可直接點(diǎn)擊修改，修改后價(jià)格背景色會(huì)變灰，并且直接顯示更改后的數(shù)據(jù)。 界面設(shè)計(jì) 用戶登錄界面設(shè)計(jì) 用戶登陸界面主要包括用戶名，密碼的輸入。如果在數(shù)據(jù)庫(kù)中不存在該用戶則不能登錄，登陸界面中有用戶的注冊(cè)，密碼的找 回等功能，如下圖 53 圖 53 用戶登陸界面 27 用戶購(gòu)物模塊 進(jìn)入主界面可以看到商品列表如下圖 54 圖 54 商品列表 點(diǎn)擊圖中的水果可進(jìn)入水果頁(yè)面，登陸的用戶可點(diǎn)擊旁邊的購(gòu)物車進(jìn)行購(gòu)買，如圖 55 圖 55 商品展示 后臺(tái)模塊功能圖展示，包括用戶管理模塊，類別管理模塊，產(chǎn)品管理模塊，訂單管理模塊，如圖 56 圖 56 后臺(tái)功能圖 28 本章小結(jié) 網(wǎng)上商城公務(wù)系統(tǒng)是一個(gè)中間轉(zhuǎn)換服務(wù)程序，需要定時(shí)的從源端抓取數(shù)據(jù)，根據(jù)一定的需 求和規(guī)則后，通過(guò)訂閱把數(shù)據(jù)發(fā)送回訂閱方，根據(jù)訂閱方配置的解析規(guī)則解析并轉(zhuǎn)換入庫(kù)。 通過(guò)設(shè)計(jì)人員或者比較精通系統(tǒng)和數(shù)據(jù)庫(kù)人員定義一個(gè)任務(wù)，配置執(zhí)行時(shí)間后，定時(shí)的開始抓取數(shù)據(jù)到服務(wù)端，在服務(wù)端通過(guò)配置不同的過(guò)濾器，根據(jù)不同的需求形成不同的資源，該資源發(fā)布在服務(wù)系統(tǒng)端，其它部門可以通過(guò)訂閱的方式來(lái)訂閱自己所需要的信息，同時(shí)通過(guò)配置轉(zhuǎn)換、定時(shí)執(zhí)行的方式把數(shù)據(jù)正式入庫(kù)到自己的系統(tǒng)呢，在訂閱資源的時(shí)候，用戶可以點(diǎn)擊資源，查看該資源的詳細(xì)信息，系統(tǒng)需要根據(jù)不同的會(huì)員記錄該會(huì)員的訂閱日志和查看日志以及操作日志。 29 第 六 章 結(jié)束語(yǔ) 本次數(shù)據(jù)共享系統(tǒng)的涉及到的技術(shù)以及概念都是我以前沒(méi)有接觸過(guò)的，本身自己的 java 入門沒(méi)多久。剛開始真的挺困難的，不過(guò)通過(guò)在網(wǎng)上的搜集資料，還有校外學(xué)長(zhǎng)的幫忙是我對(duì) java 開發(fā)有了新的認(rèn)識(shí)。對(duì)數(shù)據(jù)庫(kù)之間的轉(zhuǎn)換有了更多的了解，感覺(jué)自己的水平又上了一個(gè)臺(tái)階。 這個(gè)系統(tǒng)主要是不同部門之間的一個(gè)數(shù)據(jù)共享，數(shù)據(jù)交換。通過(guò)中心端整合，然后可以有效地利用這些資源。 從業(yè)務(wù)邏輯上來(lái)說(shuō)，這次設(shè)計(jì)讓我有見識(shí)了不少了，增長(zhǎng)了很多知識(shí)。從技術(shù)上來(lái)說(shuō)，我又更上一層樓了。 總之，通過(guò)本次設(shè)計(jì)的學(xué)習(xí)和實(shí)踐 ，使我的理論知識(shí)有了進(jìn)一步的加強(qiáng)，實(shí)踐能力和獨(dú)立思考的能力都得到了提高，這是我在書本上所學(xué)不到的。這次畢業(yè)設(shè)計(jì)過(guò)程中所積累的經(jīng)驗(yàn)將為我在今后工作崗位上發(fā)揮自己的才能奠定堅(jiān)實(shí)的基礎(chǔ)。 30 致 謝 經(jīng)過(guò)幾個(gè)月的忙碌和工作，本次畢業(yè)設(shè)計(jì)已經(jīng)接近尾聲，作為一個(gè)本科生的畢業(yè)設(shè)計(jì)，由于經(jīng)驗(yàn)的匱乏，難免有許多考慮不周全的地方，沒(méi)有導(dǎo)師的指引和贈(zèng)予，沒(méi)有父母和朋友的幫助和支持，我在大學(xué)的學(xué)術(shù)成長(zhǎng)肯定會(huì)大打折扣。當(dāng)我打完畢業(yè)論文的最后一個(gè)字符，涌上心頭的不是長(zhǎng)途跋涉后抵達(dá)終點(diǎn)的欣喜，而是源自心底的誠(chéng)摯謝意。我首先要感謝我的導(dǎo) 師老師，他平日里工作繁多，但在我做畢業(yè)設(shè)計(jì)的每個(gè)階段，從查閱資料到設(shè)計(jì)草案的確定和修改，中期檢查，后期詳細(xì)設(shè)計(jì)，裝配草圖等整個(gè)過(guò)程中都給予了我悉心的指導(dǎo)。使我在完成論文的同時(shí)也深受啟發(fā)和教育。他的治學(xué)嚴(yán)謹(jǐn)和科學(xué)研究的精神也是我永遠(yuǎn)學(xué)習(xí)的榜樣，并將積極影響我今后的學(xué)習(xí)和工作。其次我要感謝我的父母，是他們讓我有了上大學(xué)的機(jī)會(huì)，是他們讓我懂得了怎樣去抓住機(jī)會(huì)，珍惜機(jī)會(huì)。最后還要感謝大學(xué)四年來(lái)所有的老師，為我們打下計(jì)算機(jī)專業(yè)知識(shí)的基礎(chǔ)；同時(shí)還要感謝所有的同學(xué)們，正是因?yàn)橛辛四銈兊闹С趾凸膭?lì)，此次畢業(yè)設(shè)計(jì)才會(huì)順利完成 。 31 參考文獻(xiàn) [1]朱瑜 .數(shù)據(jù)資源共享系統(tǒng)設(shè)計(jì) [J].航空計(jì)算技術(shù) .2020,01(21):7071 [2]張作宸 .JDBC原理及操縱數(shù)據(jù)庫(kù)方法 [J]. 科技信息 .2020(02):51490 [3]趙祖蔭 ,張瑜 ,趙卓群 .電子商務(wù)網(wǎng)站建設(shè)教程（第二版 )[M].清華大學(xué)出版 .2020,1:183 [4]韓海雯 .電子商務(wù)網(wǎng)站建設(shè)全程實(shí)例 [M].中國(guó)電力出版社 .:1108 [5]JavaScript and CSS[M].,5,02:135167 [6]張波 .韓衍文 .基于 MVC 模式的 STRUCTS 框架的研究與實(shí)現(xiàn) [J].甘肅科技 出版社 .2020,07(24):5324 [7]湯京弋 ,張魏群 . SQL Server 2020 在數(shù)據(jù)規(guī)劃過(guò)程中的數(shù)據(jù)完整性實(shí)現(xiàn) [J]. 四川工程職業(yè)技術(shù)學(xué)院學(xué)報(bào) .2020(06):6971 [8]嚴(yán)杰 .淺析瀏覽器端開發(fā)技術(shù) Ajax[J]浙江旅游職業(yè)學(xué)院 .2020(02):121 [9]劉安潔 ,桂秀強(qiáng) .應(yīng)用服務(wù)器 JBOSS 中集群技術(shù)的研究 [J].科技情報(bào)開發(fā)與經(jīng)濟(jì) .2020(19):207209 [10]丁榮濤 .電子商務(wù)網(wǎng)站界面設(shè)計(jì) [M].人民郵電出版社 .:1152