12運(yùn)作模式提供了一種技術(shù)上的可行性的方案：利用Internet的技術(shù)和協(xié)議，建立各種企業(yè)內(nèi)部網(wǎng)IntranetExtranet泛的運(yùn)用到了實(shí)際的商業(yè)活動(dòng)中了，人們將這種交易模式稱(chēng)為：電子商務(wù)。而傳統(tǒng)甜點(diǎn)坊購(gòu)買(mǎi)甜點(diǎn)也正在被網(wǎng)上購(gòu)買(mǎi)甜點(diǎn)這一方便快捷的方式所沖擊。書(shū)店的地域限制加以突破，從而大大增加了客戶(hù)的數(shù)量。3）分店列表查詢(xún)訂單選擇甜點(diǎn)）））刪除訂單）訂購(gòu)?fù)瓿桑?1.div標(biāo)簽定義一個(gè)header作為最上面的標(biāo)題，接著用div標(biāo)簽做一個(gè)內(nèi)容欄插入從網(wǎng)上找到的圖片作為背景。最后引用與標(biāo)題同樣的div標(biāo)簽做一個(gè)底部的訂購(gòu)電話(huà)欄。圖12.主頁(yè)框架的代碼圖23.甜點(diǎn)列表是第一個(gè)page,主要是利用listviet上方有一行搜索欄，下面是商品列表。圖34.甜點(diǎn)列表上方增加了搜索欄，可以讓用火輸入關(guān)鍵字查詢(xún)想要的甜點(diǎn)，例如，如圖4個(gè)字的商品。圖45.實(shí)現(xiàn)搜索功能不需要編寫(xiě)任何程序，只要將ListView的data-filter屬性設(shè)為true就可以了，其代碼圖如圖5所示。圖56.選擇甜點(diǎn)功能是第二個(gè)page,主要讓用戶(hù)設(shè)置包裝方式、口味和數(shù)量。如圖6所示。圖67.selectmenuradiobuttomrangersliderbutton）其代碼如圖所示。圖78.顯示訂購(gòu)結(jié)果是第三個(gè)page,顯示訂購(gòu)結(jié)果的界面如圖8所示。圖89.顯示訂購(gòu)結(jié)果的做法是在加載第3頁(yè)時(shí)，將localStorage存放的內(nèi)容取出并顯示在id為message的div組件中。其代碼圖，如圖所示。圖910.查訂單鏈接的網(wǎng)頁(yè)是CheckOrders.htm,它的主要功能是將localstorage圖10所示。圖11.訂單列表是利用<table><div>標(biāo)記搭配jqueryMobile的ui-grid在class中指定樣式來(lái)產(chǎn)生表格效果以達(dá)到美化表格第效果。具體代碼如下圖，圖11所示。圖12.查訂單網(wǎng)頁(yè)的功能實(shí)現(xiàn)主要依靠將localStorage存放的內(nèi)容取出并顯localStorage訂單示例圖，如圖12所示。圖13.查訂單網(wǎng)頁(yè)的功能實(shí)現(xiàn)主要依靠將localStorage存放的內(nèi)容取出并顯localStorage訂單代碼圖，如圖13所示。圖14.“找店家”的功能是讓用戶(hù)瀏覽商店的分店信息，完成的網(wǎng)頁(yè)界面如圖14所示。圖5。圖。圖。圖。圖。圖。圖6JavaScirpt+jQuery程序開(kāi)發(fā)這門(mén)課程已東西展現(xiàn)出來(lái)，網(wǎng)頁(yè)也做得不夠精美。在解決這些問(wèn)題的過(guò)程中我學(xué)到了很多。此次課程設(shè)計(jì)是一塊“試金石”,是加深對(duì)自我能力認(rèn)識(shí)的重要途徑。大學(xué)的學(xué)習(xí)基本上都是理論的接受,而缺少能力的熟練與加強(qiáng),我們?nèi)鄙俚牟⒉皇侵R(shí)的儲(chǔ)備,而是能力的積蓄。但由于大學(xué)特殊的學(xué)習(xí)模式和環(huán)境,缺少實(shí)際情景的見(jiàn)證和實(shí)踐活動(dòng)的參與,同學(xué)之間缺乏必要的交流和比對(duì),使得我們很多時(shí)候很難對(duì)自身的能力有明晰的認(rèn)識(shí),“前所未有”地考驗(yàn)著我們的知識(shí)遷移和運(yùn)用能力、適應(yīng)環(huán)境的能力、應(yīng)對(duì)突發(fā)事件的能力以及如何處理人際關(guān)系等各方面的能力,為我們提供了不可多,我們可以新的思考維度有效發(fā)現(xiàn)自己能力上的缺陷。綜合運(yùn)用所學(xué)理論知識(shí)、方法和技能,開(kāi)展實(shí)際工作,鞏固專(zhuān)業(yè)技能,培養(yǎng)和強(qiáng)化社會(huì)溝通能力;樹(shù)立新的發(fā)展起點(diǎn)和目標(biāo),通過(guò)課程設(shè)計(jì),認(rèn)識(shí)社會(huì)的需要,發(fā)現(xiàn)自身的差距,培養(yǎng)面對(duì)現(xiàn)實(shí)的正確態(tài)度和獨(dú)立分析解決問(wèn)題的基本能力;培養(yǎng)良好的職業(yè)精神,適應(yīng)畢業(yè)以后的實(shí)際工作需求。7[1]李雨亭，呂婕等.JavaScript+jQuery程序開(kāi)發(fā)實(shí)用教程.清華大學(xué)出版社，2