甜點(diǎn)坊課程設(shè)計(jì)

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