【毕业学位论文】（Word原稿）基于Ajax技术的在线POS系统的设计与实现-软件工程

硕士学位论文 （专业学位） 基于 术的在线 统的 设计与实现 姓 名： 学 号： 所在院系： 软件学院 职业类型：工程硕士 专业领域：软件工程 指导教师： 副 指导教师 ： 二 一 三 年五月 A in 2013 基 于 A J A x 技 术 的 在 线P O 统 的 设 计 与 实 现 同 济 大 学 学位论文版权使用授权书 本人完全了解同济大学关于收集、保存、使用学位论文的规定，同意如下各项内容：按照学校要求提交学位论文的印刷本和电子版本；学校有权保存学位论文的印刷本和电子版，并采用影印、缩印、扫描、数字化或其它手段保存论文；学校有权提供目录检索以及提供本学位论文全文或者部分的阅览服务；学校有权按有关规定向国家有关部门或者机构送交论文的复印件和电子版；在不以赢利为目的的前提下，学校可以适当复制论文的部分或全部内容用于学术活动。 学位论文作者签名： 年 月 日 同济大学学位论文原创性声明 本人郑重声明：所呈交的学位论文，是本人在导师指导下，进行研究工作所取得的成果。除文中已经注明引用的内容外，本学位论文的研究成果不包含任何他人创作的、已公开发表或者没有公开发表的作品的内容。对本论文所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确方式标明。本学位论文原创性声明的法律责任由本人承担。 学位论文作者 签名： 年 月 日同济大学 硕士学位论文 摘要 摘要 随着互联网的高速发展， 统的 本文分析了传统 指出了传统的 同时也介绍了一种新的 用程序开发技术 指出了目前 技术的工作原理及其优势，阐明了 研究分析 出解决方案，进行技术弥补，从而极大的提升用户体验和 新时代的 本 文 也分析了目前我国 出了目前 设计并开发了 一个在线 统的 实际案例 基于 术的 “ 在线 统 ” ， 整 个系统使用 发，用 为后台数据库，并且和 术完美结合， 大大提高了系 统性能 ,为其它类似系统的开发做了 很好的尝试性工作 。 关键词 ： 在线 线程 to eb to of of eb in is by by in A eb is on is to up A is up eb of OS in is in on of OS OS is as HP is is of 济大学 硕士学位论文 目录 I 目录 第 1章 引言 . 1 研究的背景和意义 . 1 国内外研究现状 . 1 本文的研究内容 . 2 论文的组织结构 . 3 第 2章 . 4 传统 . 4 静态的 . 4 动态技术 . 4 传统 用模式 . 5 . 6 . 7 . 8 文档对象模型 . 8 . 错误 !未定义书签。 . 错误 !未定义书签。 . 错误 !未定义书签。 . 10 创建对象并发出 求 . 11 处理服务器的响应 . 12 . 错误 !未定义书签。 . 10 传统 术和 . 错误 !未定义书签。 . 错误 !未定义书签。 . 错误 !未定义书签。 列产品 . 错误 !未定义书签。 钻石搜索 . 错误 !未定义书签。 网易邮箱使用 . 错误 !未定义书签。 搜狗云输入法 . 错误 !未定义书签。 第 3章 系统需求分析 . 15 . 15 . 15 . 15 系统顶层用例 . 16 系统角色用例分析 . 17 第 4章 系统设计与实现 . 23 系统总体设计 . 24 系统概要设计 . 24 同济大学 硕士学位论文 基于 术的在线 统的设计与实现 系统功能设计 . 25 系统详细设计 . 25 收银销售系统设计 . 25 系统类设计 . 26 数据库设计 . 29 数据库设 计方法 . 29 基本数据表文件 . 31 别特殊数据表文件 . 33 系统实现 . 34 . 34 . 36 条码检索实现 . 39 小票打印实现 . 41 第 5章 系统测试 . 43 系统测试 . 43 测试过程 . 43 测试用例 . 43 第 6章 . 错误 !未定义书签。 . 错误 !未定义书签。 . 错误 !未定义书签。 . 错误 !未定义书签。 局部数据刷新带来的问题 . 错误 !未定义书签。 浏览器兼容性问题 . 错误 !未定义书签。 前进后退按钮的带来的问题 . 错误 !未定义书签。 收藏夹问题 . 错误 !未定义书签。 . 错误 !未定义书签。 . 错误 !未定义书签。 术 . 错误 !未定义书签。 第 7章 结论与展望 . 45 工作总结 . 45 存在的不足和展望 . 45 致谢 . 46 参考文献 . 47 个人简历、在读期间发表的学术论文与研究成 果 . 48 第 1 章 引言 1 第 1 章 引 言 研究的背景和意义 本课题来源于生活中小型超市和商店的商品销售管理需要，在小型超市或者商店中，由于商品种类多，相应的销售价格也十分繁多，不容易记忆，人工计算和管理工作量非常大，与此同时，许多相应的 统也应运而生，使用这些系统进行销售管理，可以有效的降低工作量，提高工作效率。 统即销售时点信息系统，是指通过自动读取设备（如收银机）在销售商品时直接读取商品销售信息（如商品名、单价、销售数量、销售时间、销售店铺、购买顾客等），并通过通讯网络和计算机系统传送至有关部门进行分析加工以提高经营效 率的系统。 统最早应用于零售业，以后逐渐扩展至其他如金融、旅馆等服务行业，利用 统的范围也从企业内部扩展到整个供应链。 当前的 统主要以单机和 C/S 模式为主，这样的 统需要再每台终端安装 件，需要根据不同的计算机配置和显示器进行软件修改，或者使用专用的 或显示器，其部署繁琐，难度大，成本高。如果系统需要升级，则每个客户端都需要进行升级更新，这也是单机和 C/S 模式的结构特点。随着网络技术的发展，以及网络应用的普及，采用 B/S 模式实现 统也已经成为可能，相对于 C/S 模式 ， B/S 模式拥有客户端可以不用部署，升级维护方便，数据安全，成本低等明显优势。 鉴于在当前的网络技术和软件开发技术的基础之上，在线 统的开发与实现已经成为可能，同时采用 术来实现，则可以有效地提高系统响应速度，使得在线 统不仅拥有传统 统的功能，同时拥有使用简单方便，不用部署，升级维护方便，数据安全性高，使用成本低等优势。因此基于术的在线 统的设计与应用研究具有一定的理论价值和使用价值。 国内外研究现状 过去零售业常规收银机只能处理简单收银，发票，结帐等简 单销售作业，得到之管理情报极为有限，仅止于销售总金额，部门销售基本统计资料。对于一般零售卖场少则上千多则上万种商品之基本经营情报：如营业毛利分析，单品销售资料，畅滞销商品，商品库存，回转率却无法获得。 统透过计算机收银机同济大学 硕士学位论文 基于 术的在线 统的设计与实现 2 联机架构，读入商品上的条码（或由键盘直接输入代号）马上可以显示商品信息（单价，部门，折扣等）加速收银速度与正确性。每笔商品销售明细资料（售价，部门，时段，客层）自动记录下来，再由联机架构传回计算机。经由计算机计算处理即能生成各种销售统计分析信息当为经营管理依据。 统除能提供精确销 售情报外，透过销售记录能掌握卖场上所有单品库存量供采购部门参考或与统连结， 统已经成为现代零售管理必备的工具。 统主要有集成的 统和软件 统，集成的 统如收款机 统， 一种多功能终端，把它安装在信用卡的特约商户和受理网点中与计算机联成网络，就能实现电子资金自动转帐，它具有支持消费、预授权、余额查询和转帐等功能，使用起来安全、快捷、可靠。软件 统如市场上的各种 件，宏嘉超市 统 威 3000业 统等。 目前国内以二代 的 子收款机、 主，国外的发展较快，统已经不仅被作为现今结帐工具，而是要把它形成综合性的工具，例如：惠普的 统 5800，在惠普内部叫做第三代 统，已经包括把人力资源管理，包括把进销存分析管理，包括员工考核管理整个系统集成到 统和前端解决方案中去，这样就能为客户提高它真正的设备使用率，真正能帮助客户提升业务，让他们更多关注在业务上。 本文的研究内容 论文在介绍传统 用模式和 术的工作原理的基础上，分析研究了传统 用模式的优缺点和存 在的弊端，阐明了 术异步交互的特点 ,根据 术的特点和目前国内外 统发展的现状以及前景，阐明 统中的重要作用，同时研究分析 术自身的应用缺陷 ,提出解决方案 ,进行技术弥补。并利用 术开发了“在线 统”以说明 论文大致从以下内容进行论述： 第 1 章： 引言 。介绍课题的来源、目的和意义，国内外研究现状以及论文研究的主要内容。 第 2 章：传统 用模式与 应用革新 。主要介绍了传统 用模式的工作原理以及 相关概念。 第 3 章： 术分析 。主要介绍了 术的工作原理和技术优势，分析了 关技术（主要包括 本、 其在 章 引言 3 中的应用。 第 4 章：基于 术的“在线 统”的实现。本章通过“在线 开发实现，介绍了 术在实际案例中的具体应用。 第 5 章： 术缺陷及解决方案。总结了当前 术的优势以及存在的问题，并对 前景进行了展望 。 术可以使 用进行异步的交互 ,从而极大的提升用户体验和 为新时代 的 用系统开辟了一个新的发展方向。本文通过对 提出了解决传统 用模式中糟糕的用户体验问题，并且能够在一定程度上解决大量数据与服务器频繁交互给服务器带来的压力问题 ,能为大量数据的应用环境系统开发时 ,提供一种解决方案。本论文设计并开发了实际案例 在线 统 ,整个系统和 术完美结合 ,大大提高了系统性能 ,为其它类似系统的开发做了很好的尝试性工作，同时也对提高“ 在线 统 ”的效率给出了合理性的建议，提供了一定的实践经验与理论支持。 论文的组织结构 本文的章 节做如下安排： 第 1 章： 引言 。介绍课题的来源、目的和意义，国内外研究现状以及论文研究的主要内容。 第 2 章：传统 用模式与 应用革新 。主要介绍了传统 用模式的工作原理以及 相关概念。 第 3 章： 术分析 。主要介绍了 术的工作原理和技术优势，分析了 关技术（主要包括 本、 其在 第 4 章：基于 术的“在线 统”的实现。本章通过“在线 开发实现，介绍了 术在实际案例中的具体应用。 第 5 章： 术缺陷及解决方案。总结了当前 术的优势以及存在的问题，并对 前景进行了展望 第 6 章：结论与展望，提出了系统的特点、不足和展望。 同济大学 硕士学位论文 基于 术的在线 统的设计与实现 4 第 2 章 用模式与 术基础 传统 介 静态的 姆伯纳斯一李（ 上世纪 90年代初提出了 维网）的概念，这个概念在当时其实非常简单，就是使用超文本和统一资源定位符（ 创建一个交流和共享资源的平台，但这个平台并不是具有交互性很强 的网络应用系统，它仅仅是给人们提供共享文字、图表信息的一个网络，这个网络都是由静态页面组成的，这就是最早的 个 核心其实就是 超文本标记语言，所有的 态页面都由这个语言来生成。 13 在静态的 面，用户通过 务器通过 种方式实际上是没用多少交互性的，就是单纯的请求和响应，用户通过网络发布或得到某些信息。随着 于 要求 14，同时用户的需求也越来越高，很多用户希望能够得到一些动态性的需求，于是 动态技术 1） 公共网关接口（ 最早能够让 得具有动态效果， 实就是通过编写脚本创建一些程序，当用户发出请求时就会执行这个程序。其实编写 本的语言有多种，例如 就使得 为掌握不同程序设计语言 的人都可以编写脚本。但是，采用 为采用 管大多数情况下不会出现这个问题，但是一些有恶意企图的人很可能会利用这一点让你的系统出现问题 13。 2） 995年 5月， 已经有成千上万的人下载。由于 持第 2章 5 态 为 要用户使用支持 浏览器，就可以在浏览器的 拟机（ 运行 样就可以实现图形绘制、字体和颜色控制、动画和声音的插入等功能，增强了人机交互及网络交流的功能。 它不能读写文件系统，也不能加载本地库，而且可能无法启动客户端上的程序。 3） 脚本语言 1995年， 布了一种名为 脚本语言（发布之前曾经叫做 虽然这种脚本语言刚刚推出时因为缺乏开发工具以及缺少有用的错误提示和调试工具，很多人对这种语言持有怀疑态度，但是 此同时，微软也推出了与 两种脚本语言的出现可以说是 传统 用模式 传统的 型 工 作方式是用户在浏览器页面发送一个 求到 务器。服务器获取数据、处理数字、与现有的应用系统交互沟通 ，最后将页面需求的数据返回到客户端浏览器 17。 不管是静态 面还是动态的 传统的 是建立在B/ 览器 /服务器）模式，通常又称为 B/是随着网络技术不断完善与发展，对 C/S 模式（服务器 /客户端）应用的扩展。 1） 模式工作过程 在这种结构下， 用户界面完全通过 网络 浏览器实现 ，其优点是运行维护比较简便，不同的人员都可以通过局域网或者是互联网访问和操作共同的数据。典型的 B/ 图 2统 B/在 B/S 模式中，客户端浏览器 通过 议 以超文本形式向 务器提户浏览器 务器 数据库服务器 同济大学 硕士学位论文 基于 术的在线 统的设计与实现 6 出 数据访问 的要求， 直接把请求交给 数据库服务器 进行处理 ，数据库服务器 在 验证 请求的 合法性 后 进行数据处理，然后将处理的结果返回给 务器， 务器将 结果 转化成 档形式， 传送 给客户端浏览器 ，最终以 2） 传统 传统的 客户端向服务器端发送请求之后，服务 器端进行相关的处理，而在服务器进行处理的过程当中，客户端就只能处于等待状态，只有等到最终的响应结果传输到浏览器客户端时，整个页面才会重新进行刷新，以显示处理的结果。这种处理方式让用户的体验变得不连贯、不顺畅。 这是因为传统的 18，一是每次刷新都要重新获取数据，不管重新获取的数据是否是用户需要的，这样增加了服务器的负担。二是不断刷新会造成屏幕的闪烁。 这种模式如图 2 图 2统 用模式 用户向 务器提交一个处理请求时，服务器端接收到请求后，按照预先编写 好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服务器对请求进行响应，将结果返回给客户端，返回一个 浏览器中显示，通常会有 是在客户端的响应时间依赖于服务器的响应时间，这种交换方式会浪费大量的带宽，会导致用户界面响应比本地应用慢得多。 术基础 是 把 几种 原有的技术有机 结合 起来 。 章 7 在 中相关技术，包括 其核心技术 是 种面向对象的客户端脚本编写语言， 可以和 言标记混用 ， 该语言编写的脚本程序可以直接在浏览器中解释执行。因为 言在互动性上表现比较弱，而 强了浏览器和用户之间的互动性，并且能够 创建一些动态 效果，因此，它可以用来开发交互式的 动态 面，同时，功能强大的 象有机结合起来，所以 经成为 用程序开发的首选脚本语言 27。 核心技术 ，在 ，它 负责所有算法运行事件处理和数据请求分发，大部分应用领域逻辑和控制编码也存在于 16，因此， 够作为编写 其他各项技术有机结合起来，把各种功能强大的 必须内嵌在 们可以使用两种方式把 码内嵌在 种是直接写在 间，例如： ); 。 通常，我们会把 标签放在 和 标签之间，但这并不是际上 标签可以放置到 和 之间的任何位置，当浏览器解释到 区域时会自动执行该代码。 另外一种方法是把 常以 ，当 同济大学 硕士学位论文 基于 术的在线 统的设计与实现 8 这样，我们常常会把 便在不同的 象 象是 件的对象，通过这个对象可以 使用异步传输方式将数据传递给服务器，并从服务器中获得返回的结果，从而 体现出 不用刷新页面就可以和服务器交换数据，这样既减轻了服务器的负担，又缩短了用户等待的时间 ，同时还能够提高响应速度，减轻带宽压力 。因此，这个对象是 是 该对象是浏览器已经定义好的对象， 过它和服务器之间进行通信，并借助它来完成对服务器传回的 件的解析。 目前，大部分主流浏览器 均支持 象， 从 览器 本开始，开发人员可以在面内部使用 件扩展自身功能，而 以上版本浏览器和 以上版本浏览器则创建了自己的继承 理类，即 。 以下是 容的浏览器： 以上版本 以上版本 以上版本 以上版本 以上版本 文档对象模型 是文档对象模型的简称，它 定义和提供了一组可以通过 问的 用来表示文档和访问、操作构成文档的元素，我们可以利用它来操作 元素，这些被操作的元素能够组成应用的可视化界面 16， 因此在 ， 发挥着重要作用，在不刷新的情况下负责对已经载入的页面进行动态更新，从而实现数据的动态显示和交互。 以分为 个版本，目前最新的版本是 中的 要有 4个方面 16： 核心规范（ 定义了 对具有层次关系节点的集合（例如 第 2章 9 行操作的接口 ； ：定义了针对 具体 标准对象集合； 样式规范（ ： 定义了如何处理元素样式和文档样式表； 事件规范（ 规定了如何向 点附加事件处理函数或者从节点 移除事件处理函数 。 OM 如 命名节点、将节点从一个文档移动到另一个文档、比较节点、处理文本、使用数据等 27。 档的层次结构看成是树形结构， 本中的标签和标签内容都可以看成是树的节点，如 内容如下： 这是测试页面 你好，这是测试页面 ! 这 是文本框 这是按钮 同济大学 硕士学位论文 基于 术的在线 统的设计与实现 10 图 3上图每个方框里其实就是 的一个节点，每一个节点都是可以被访问的，比如上图的 (点可以这样访问： 访问节点 ; 核心工作机制 式来进行工作， 其工作的主要 流程 如下： 1） 对象初始化 并发送 求； 2） 服务器接收请求并进行处理 ，并将响应数据返回给客户端，客户端依据响应的数据进行下一步处理。 工作原理 从 户可以使用 这种模式并不像传统的 户在这种异步交互的模式下，可以按需同服务器交换数据，这实际上就如同在用户和服务器之间引入了一个中间层 该引擎正是使用 样实际上就使用户操作和服务器的响应异步化，只是把数据验证和部分数据处理的工作交给 擎去处理，因此，在这种模式下，只有需要从服务器提取新数据时才由 把大部分的工作交给客户端去做。 第 2章 11 图 3作原理 创建 对象并发出 求 能通过 象向服务器发送 求 ，因此必须 先将 象 进行初始化 。 初始化 象 的方法如下 ： If( /览器 ; / ; 从上述代码我们可以看出，创建一个 象还是比较容易的，首先我们定义一个全局变量 保存对这个对象的引用。而函数则通过对用户浏览器的判断来确定如何创建对象，如果同济大学 硕士学位论文 基于 术的在线 统的设计与实现 12 判断出浏览器为 览器，则通过创建一个 新实例来创建象，否则，如果存在 么就直接创建 成功创建一个 要向服务器发送一系列请求，请求的方法有两种，一种是 法，一种是们以 出一个简单的发送请求函数。 /创建 象实例 ; /用 且一定要采用异步方式 ,” , /声明回调函数 ( 上述代码中，首先调用了 函数创建了一个对象后使用 个函数有两个必要参数和三个可选参数。 数原型为： 其中 指定用来发送 求的方法，主要是 必选参数， 数是指定象把请求发送给服务器相应的 可选参数， 来指定该请求是否是异步的，为必选参数，默认值是 可选参数。 用 函数建立连接后，可以使用 后，使用 函数向服务器端发出请求。 处理服务器的响应 在上一步的操作中，我们使用了 象的性，定义了响应服务器数据的函数 根据需求，可以使用 态地更新页面，也可以进行其他的一些操作。响应过程如下： if(4) 第 2章 13 if(200) 这是 ” + 服务器未响应！ ” ); 在上述代码中，首先要对当前的状态进行判断，如果状态被加载，属性值为 4，说明此时服务器的 响应已经被页面接收，并且使用弹出信息显示返回的数据，其中 示服务器端返回的文本字符串。 表 3 表 3常用属性 性说明 0 表示目前已经创建一个 还没有初始化 1 表示目前正处于准备发送状态，即此时代码已经调用了 象 函数， 象已 经准备把一个请