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

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

1、基于Javascript設(shè)計(jì)模式的收銀頁面部分效果的實(shí)現(xiàn)摘要：本論文詳細(xì)描述了一個(gè)基于Javascript設(shè)計(jì)模式的收銀頁面部分效果的設(shè)計(jì)與實(shí)現(xiàn)過程，該網(wǎng)頁功能主要包括結(jié)算、數(shù)量、刪除、會(huì)員、折扣、掛單、退貨、查交易和更多按鈕，用戶可以通過點(diǎn)擊按鈕進(jìn)行相關(guān)操作，該pc端頁面結(jié)合HTML5、CSS3和jQuery等一些腳本語言，并使用多種網(wǎng)頁開發(fā)工具制作出來。關(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)，人們可以通過超文本標(biāo)識語言html和層疊樣式表css制作出復(fù)雜精美的web網(wǎng)頁[1]。而在客戶端實(shí)現(xiàn)的動(dòng)態(tài)效果，javascript成為了最重要的一部分，它是不可缺少的。于是如何全面掌握javascript的編程方法將會(huì)受到越來越多的關(guān)注。1開發(fā)環(huán)境（1）Win8操作系統(tǒng)（2）sublimetext編輯器第21頁（共20頁）（3）xampp虛擬服務(wù)器（4）谷歌

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

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

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

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