毕业论文——基于Javascript设计模式的收银页面部分效果的实现

《毕业论文——基于Javascript设计模式的收银页面部分效果的实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于Javascript设计模式的收银页面部分效果的实现摘要：本论文详细描述了一个基于Javascript设计模式的收银页面部分效果的设计与实现过程，该网页功能主要包括结算、数量、删除、会员、折扣、挂单、退货、查交易和更多按钮，用户可以通过点击按钮进行相关操作，该pc端页面结合HTML5、CSS3和jQuery等一些脚本语言，并使用多种网页开发工具制作出来。关键词：web前端；javascript；设计模式Abstract：Thispaperdescribesindetailthedesignandimplementationofacashregisterpageba

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

3、avarietyofwebdevelopmenttoolstoproduce.Keywords：webfrontend;javascript;Designpatterns随着互联网时代的发展，web技术突飞猛进，人们可以通过超文本标识语言html和层叠样式表css制作出复杂精美的web网页[1]。而在客户端实现的动态效果，javascript成为了最重要的一部分，它是不可缺少的。于是如何全面掌握javascript的编程方法将会受到越来越多的关注。1开发环境（1）Win8操作系统（2）sublimetext编辑器第21页（共20页）（3）xampp虚拟服务器（4）谷歌

4、浏览器、火狐浏览器、IE9.0浏览器2javascript设计模式讲解2.1设计模式概述设计模式这个术语是在上世纪90年代经由ErichGamma等人从建筑设计领域引入到计算机科学的[2]。它是对软件设计中一些重复出现，广泛存在的问题所提出的解决方案。由此可以说明设计模式并不是某些语言的某块代码，它是一种思想，在编码时遇到的各种问题可以采取的解决方案，它不是万能代码块，而更倾向于一种逻辑思维。2.2设计模式的大分类设计模式分三大类，共有23种：第一种是创建型模式：它包括了五种设计模式，分别是工厂模式，抽象工厂模式，单例模式，建造者模式与原型模式。第二种是结构型模式：它

5、包括了七种设计模式，分别是组合模式，适配器模式，享元模式，桥接模式，装饰者模式，外观模式以及代理模式。第三种是行为型模式：它包括了十一种设计模式，分别是职责链模式，模板方法模式，迭代器模式，中介者模式，备忘录模式，观察者模式，解释器模式，策略模式，命令模式，状态模式和访问者模式。2.3设计模式中的命令模式什么是命令模式？命令模式是将执行的命令封装,解决命令的发起者与命令的执行者之间的耦合。每一条命令实质上是一个操作。命令的使用者不必要了解命令的执行者(命令对象)的命令接口是如何实现的、命令是如何接受的、命令时如何执行的。所有的命令都被存储在命令对象中。第21页（共20

6、页）command模式背后的主要思想是:它为我们提供了一种分离职责的手段,这些职责包括从执行命令的任意地方发布命令以及将该职责转而委托给不同的对象。命令的优点自然是解决命令使用者之间的耦合。新的命令很容易加入到命令系统中,供使用者使用。命令的使用具有一致性,多数的命令在一定程度上是简化操作方法的使用的[3]。命令的意思是用一个简单方法或函数去执行和这个命令相关的实际操作。就如同用遥控器打开电视一样，只按一个按键就可以打开电视，简单、方便。它具体的实现操作我们不用关心。那是由电视器来处理的。电视对遥控器提供了一个接口(信号)，遥控器只需要在点击时实现这个接口就可以了，流

7、程图如图2-1。commandExecute()InvokerClientReceiverAction()ConcretecommandExecute()statereceiverReceiverAction()图2-1命令流程图Command：用来定义命令的接口，同时声明执行的方法。ConcreteCommand：命令接口实现对象，是“虚”的实现；通常会持有接收者，并调用接收者的功能来完成命令要执行的操作。Receiver：接收者，真正执行命令的对象。任何类都可能成为一个接收者，只要它能够实现命令要求实现的相应功能。第21页（共20页）Invoke