1設(shè)計題目與規(guī)定2設(shè)計思想隨著網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)支付手段的逐步完善，越來越多的人習(xí)慣于網(wǎng)上購物，選擇鼠標(biāo)點擊下訂單，送貨上門的快捷便利的購物方式。網(wǎng)絡(luò)為變化傳統(tǒng)的商業(yè)運作模式提供了一種技術(shù)上的可行性的方案：運用Internet的技術(shù)和合同，建立多個公司內(nèi)部網(wǎng)Intranet，公司外部網(wǎng)Extranet，通過便宜的通訊手段，將買家與賣家、廠商和合作伙伴緊密結(jié)合在了一起，消除時間與空間帶來的障礙，從而大大的節(jié)省了交易成本，擴大了交易范疇。而在實際的生活中，這種方案已經(jīng)被廣泛的運用到了實際的商業(yè)活動中了，人們將這種交易模式稱為：電子商務(wù)。而傳統(tǒng)甜點坊購置甜點也正在被網(wǎng)上購置甜點這一方便快捷的方式所沖擊。網(wǎng)上甜點的訂購在國際互聯(lián)網(wǎng)上能夠?qū)崿F(xiàn)的商務(wù)功效已經(jīng)越來越多樣化，從最開始的信息公布功效，到現(xiàn)在的在線甜點展示功效、在線洽談業(yè)務(wù)功效、在線交易功效、在線客戶服務(wù)功效、在線管理功效等等，幾乎傳統(tǒng)甜點坊所提供的功效都能夠在互聯(lián)網(wǎng)上進行電子化的高效運作，而借助網(wǎng)絡(luò)的跨地區(qū)特點，更是將傳統(tǒng)書店的地區(qū)限制加以突破，從而大大增加了客戶的數(shù)量。首頁（index.html）首頁（index.html）訂購查訂單選擇甜點（Dessertlist.htm）找店家查詢訂單（CheckOrders.htm）選擇口味及數(shù)量（Dessertlist.htm）刪除訂單（CheckOrders.htm）分店列表（FindAShop.htm）訂購?fù)戤叄―essertlist.htm）4系統(tǒng)具體設(shè)計與實現(xiàn)，內(nèi)容涉及各個模塊的設(shè)計，模塊的算法流程圖，有關(guān)知識點的使用，能夠截取少量代碼闡明，并加上注釋，圖居中顯示，圖下方要有圖編號和圖名稱。首先寫一種大的框架，先是用div標(biāo)簽定義一種header作為最上面的標(biāo)題，接著用div標(biāo)簽做一種內(nèi)容欄插入從網(wǎng)上找到的圖片作為背景。最后引用與標(biāo)題同樣的div標(biāo)簽做一種底部的訂購電話欄。圖圖1主頁框架圖主頁框架的代碼圖圖2主框架代碼圖甜點列表是第一種page,重要是運用listviet控件來完畢列表功效。最上方有一行搜索欄，下面是商品列表。圖圖3甜點列表界面圖甜點列表上方增加了搜索欄，能夠讓用火輸入核心字查詢想要的甜點，例如，如圖4所示輸入“面包”，則會找出列表中全部含有“面包”兩個字的商品。圖圖4搜索框示例圖實現(xiàn)搜索功效不需要編寫任何程序，只要將ListView的data-filter屬性設(shè)為true就能夠了，其代碼圖如圖5所示。圖圖5搜索框代碼圖選擇甜點功效是第二個page,重要讓顧客設(shè)立包裝方式、口味和數(shù)量。如圖6所示。圖圖6選擇甜點界面圖選擇甜點頁面重要包含選擇菜單（selectmenu）、單選按鈕組件（radiobuttom）、范疇滑塊（rangerslider）、按鈕組件（button）其代碼如圖所示。圖圖7選擇甜點功效代碼圖顯示訂購成果是第三個page,顯示訂購成果的界面如圖8所示。圖圖8訂購成果圖顯示訂購成果的做法是在加載第3頁時，將localStorage寄存的內(nèi)容取出并顯示在id為message的div組件中。其代碼圖，如圖所示。圖圖9訂購成果代碼圖查訂單鏈接的網(wǎng)頁是CheckOrders.htm,它的重要功效是將localstorage的數(shù)據(jù)取出并以列表方式顯示在網(wǎng)頁上。訂單列表界面如圖10所示。圖圖10查訂單界面圖訂單列表是運用<table>標(biāo)記來制作，并以<div>標(biāo)記搭配jqueryMobile的ui-grid在class中指定樣式來產(chǎn)生表格效果以達成美化表格第效果。具體代碼以下圖，圖11所示。圖圖11查訂單界面圖查訂單網(wǎng)頁的功效實現(xiàn)重要依靠將localStorage寄存的內(nèi)容取出并顯示，通過將localStorage寄存的內(nèi)容刪除以達成刪除訂單的效果。刪除訂單示例圖，如圖12所示。圖圖12刪除訂單示例圖查訂單網(wǎng)頁的功效實現(xiàn)重要依靠將localStorage寄存的內(nèi)容取出并顯示，通過將localStorage寄存的內(nèi)容刪除以達成刪除訂單的效果。刪除訂單代碼圖，如圖13所示。圖圖13刪除訂單示例代碼圖“找店家”的功效是讓顧客瀏覽商店的分店信息，完畢的網(wǎng)頁界面如圖14所示。圖圖14“找店家”界面圖5運行成果及成果分析主頁在移動端上的運行成果示意圖以下圖15。圖圖15移動端主頁圖甜點列表頁在移動端上的運行成果示意圖以下圖16。圖圖16移動端甜點列表頁圖選擇甜點功效頁在移動端上的運行成果示意圖以下圖17。圖圖17移動端口味選擇頁面圖顯示訂購成果頁在移動端上的運行成果示意圖以下圖18。圖圖18移動端訂購成果頁面圖查訂單頁在移動端上的運行成果示意圖以下圖19。圖圖20移動端訂單列表頁面圖“找店家”功效頁在移動端上的運行成果示意圖以下圖20。圖圖20移動端分店介紹頁面圖成果分析。網(wǎng)頁能夠流暢運行，頁面能互相轉(zhuǎn)跳，對應(yīng)功效能夠使用沒有缺失。主頁不夠精美與移動端不能完美兼容。6自我評價與總結(jié)通過這次課程設(shè)計我收獲良多。即使JavaScirpt+jQuery程序開發(fā)這門課程已經(jīng)節(jié)課了，老師平時講的某些實驗課也完畢了。但這次課程設(shè)計對于我來說還是有一定難度的。由于我的基礎(chǔ)知識并不牢固，有諸多布局不會做，無法把所學(xué)的東西呈現(xiàn)出來，網(wǎng)頁也做得不夠精美。在解決這些問題的過程中我學(xué)到了諸多。本次課程設(shè)計是一塊“試金石”,是加深對自我能力認(rèn)識的重要途徑。大學(xué)的學(xué)習(xí)基本上都是理論的接受,而缺少能力的純熟與加強,我們?nèi)鄙俚牟⒉皇侵R的儲備,而是能力的積蓄。但由于大學(xué)特殊的學(xué)習(xí)模式和環(huán)境,缺少實際情景的見證和實踐活動的參加,同窗之間缺少必要的交流和比對,使得我們諸多時候很難對本身的能力有明晰的認(rèn)識,能力缺點往往被遮蔽起來。而課程設(shè)計“前所未有”地考驗著我們的知識遷移和運用能力、適應(yīng)環(huán)境的能力、應(yīng)對突發(fā)事件的能力以及如何解決人際關(guān)系等各方面的能力,為我們提供了不可多得的見證的機遇和平臺。通過這次課設(shè),我們能夠新的思考維度有效發(fā)現(xiàn)自己能力上的缺點。綜合運用所學(xué)理論知識、辦法和技能,開展實際工作,鞏固專業(yè)技能,培養(yǎng)和強化社會溝通能力;樹立新的發(fā)展起點和目的,通過課程設(shè)計,認(rèn)識社會的需要,發(fā)現(xiàn)本身的差距,培養(yǎng)面對現(xiàn)實的對的態(tài)度和獨立分析解決問題的基本能力;培養(yǎng)良好的職業(yè)精神,適應(yīng)畢