畢業(yè)論文——基于Javascript設(shè)計(jì)模式的收銀頁(yè)面部分效果的實(shí)現(xiàn)

《畢業(yè)論文——基于Javascript設(shè)計(jì)模式的收銀頁(yè)面部分效果的實(shí)現(xiàn)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。

1、基于Javascript設(shè)計(jì)模式的收銀頁(yè)面部分效果的實(shí)現(xiàn)摘要：本論文詳細(xì)描述了一個(gè)基于Javascript設(shè)計(jì)模式的收銀頁(yè)面部分效果的設(shè)計(jì)與實(shí)現(xiàn)過(guò)程，該網(wǎng)頁(yè)功能主要包括結(jié)算、數(shù)量、刪除、會(huì)員、折扣、掛單、退貨、查交易和更多按鈕，用戶可以通過(guò)點(diǎn)擊按鈕進(jìn)行相關(guān)操作，該pc端頁(yè)面結(jié)合HTML5、CSS3和jQuery等一些腳本語(yǔ)言，并使用多種網(wǎng)頁(yè)開(kāi)發(fā)工具制作出來(lái)。關(guān)鍵詞：web前端；javascript；設(shè)計(jì)模式Abstract：Thispaperdescribesindetailthedesignandimplementationofacashregisterpageba

2、sedonJavascriptdesignpattern.Thispagefeaturesincludesettlement,quantity,delete,membership,discount,lodging,return,checktransactionsandmorebuttons.Userscanclickonthebuttontocarryouttherelevantoperation,thePCendpagecombinedwithHTML5,CSS3andjQuery,andsomeotherscriptinglanguages,andtheuseof

3、avarietyofwebdevelopmenttoolstoproduce.Keywords：webfrontend;javascript;Designpatterns隨著互聯(lián)網(wǎng)時(shí)代的發(fā)展，web技術(shù)突飛猛進(jìn)，人們可以通過(guò)超文本標(biāo)識(shí)語(yǔ)言html和層疊樣式表css制作出復(fù)雜精美的web網(wǎng)頁(yè)[1]。而在客戶端實(shí)現(xiàn)的動(dòng)態(tài)效果，javascript成為了最重要的一部分，它是不可缺少的。于是如何全面掌握javascript的編程方法將會(huì)受到越來(lái)越多的關(guān)注。1開(kāi)發(fā)環(huán)境（1）Win8操作系統(tǒng)（2）sublimetext編輯器第21頁(yè)（共20頁(yè)）（3）xampp虛擬服務(wù)器（4）谷歌

4、瀏覽器、火狐瀏覽器、IE9.0瀏覽器2javascript設(shè)計(jì)模式講解2.1設(shè)計(jì)模式概述設(shè)計(jì)模式這個(gè)術(shù)語(yǔ)是在上世紀(jì)90年代經(jīng)由ErichGamma等人從建筑設(shè)計(jì)領(lǐng)域引入到計(jì)算機(jī)科學(xué)的[2]。它是對(duì)軟件設(shè)計(jì)中一些重復(fù)出現(xiàn)，廣泛存在的問(wèn)題所提出的解決方案。由此可以說(shuō)明設(shè)計(jì)模式并不是某些語(yǔ)言的某塊代碼，它是一種思想，在編碼時(shí)遇到的各種問(wèn)題可以采取的解決方案，它不是萬(wàn)能代碼塊，而更傾向于一種邏輯思維。2.2設(shè)計(jì)模式的大分類設(shè)計(jì)模式分三大類，共有23種：第一種是創(chuàng)建型模式：它包括了五種設(shè)計(jì)模式，分別是工廠模式，抽象工廠模式，單例模式，建造者模式與原型模式。第二種是結(jié)構(gòu)型模式：它

5、包括了七種設(shè)計(jì)模式，分別是組合模式，適配器模式，享元模式，橋接模式，裝飾者模式，外觀模式以及代理模式。第三種是行為型模式：它包括了十一種設(shè)計(jì)模式，分別是職責(zé)鏈模式，模板方法模式，迭代器模式，中介者模式，備忘錄模式，觀察者模式，解釋器模式，策略模式，命令模式，狀態(tài)模式和訪問(wèn)者模式。2.3設(shè)計(jì)模式中的命令模式什么是命令模式？命令模式是將執(zhí)行的命令封裝,解決命令的發(fā)起者與命令的執(zhí)行者之間的耦合。每一條命令實(shí)質(zhì)上是一個(gè)操作。命令的使用者不必要了解命令的執(zhí)行者(命令對(duì)象)的命令接口是如何實(shí)現(xiàn)的、命令是如何接受的、命令時(shí)如何執(zhí)行的。所有的命令都被存儲(chǔ)在命令對(duì)象中。第21頁(yè)（共20

6、頁(yè)）command模式背后的主要思想是:它為我們提供了一種分離職責(zé)的手段,這些職責(zé)包括從執(zhí)行命令的任意地方發(fā)布命令以及將該職責(zé)轉(zhuǎn)而委托給不同的對(duì)象。命令的優(yōu)點(diǎn)自然是解決命令使用者之間的耦合。新的命令很容易加入到命令系統(tǒng)中,供使用者使用。命令的使用具有一致性,多數(shù)的命令在一定程度上是簡(jiǎn)化操作方法的使用的[3]。命令的意思是用一個(gè)簡(jiǎn)單方法或函數(shù)去執(zhí)行和這個(gè)命令相關(guān)的實(shí)際操作。就如同用遙控器打開(kāi)電視一樣，只按一個(gè)按鍵就可以打開(kāi)電視，簡(jiǎn)單、方便。它具體的實(shí)現(xiàn)操作我們不用關(guān)心。那是由電視器來(lái)處理的。電視對(duì)遙控器提供了一個(gè)接口(信號(hào))，遙控器只需要在點(diǎn)擊時(shí)實(shí)現(xiàn)這個(gè)接口就可以了，流

7、程圖如圖2-1。commandExecute()InvokerClientReceiverAction()ConcretecommandExecute()statereceiverReceiverAction()圖2-1命令流程圖Command：用來(lái)定義命令的接口，同時(shí)聲明執(zhí)行的方法。ConcreteCommand：命令接口實(shí)現(xiàn)對(duì)象，是“虛”的實(shí)現(xiàn)；通常會(huì)持有接收者，并調(diào)用接收者的功能來(lái)完成命令要執(zhí)行的操作。Receiver：接收者，真正執(zhí)行命令的對(duì)象。任何類都可能成為一個(gè)接收者，只要它能夠?qū)崿F(xiàn)命令要求實(shí)現(xiàn)的相應(yīng)功能。第21頁(yè)（共20頁(yè)）Invoke