jQuery Mobile 建立在 jQuery 库之上，是一个为触控优化的框架，用于构建移动 Web 应

用程序，其渐进增强的响应式布局实现了最佳的用户体验[10]。

jQuery Mobile 使用 HTML5、CSS3、JavaScript 和 AJAX，通过尽可能少的代码来实现对 页面的布局，可以创建多主题化、反应灵敏、本地外观且适用于 IOS、Android、Windows Phone、 Blackberry 等多种操作系统的应用程序[11]，用一个 jQuery Mobile 的代码库，我们可以为几乎 所有的消费者提供统一的体验。

jQuery Mobile 通过 HTML5 和 CSS3 设计标准为用户提供了一个统一的界面。移动用户 往往希望它们的跨平台体验是一致的，而不论是 iPhone 还是 Android 的原生应用，其体验都 不一样。相反，jQuery Mobile 解决了这个问题，不论是哪一个平台，其应用程序都提供了统 一的用户体验，符合用户的预期，并且避免了繁琐的重复劳动，减少了开发成本，缩短了开 发周期，真正实现了“一次开发、多次使用”的理念。

1。2。2 动态网页加载

(1)jQuery

jQuery，即 JavaScript 和 Query，是一个强大的 JavaScript 库，提供了对 Internet Explorer6。0+、 Opera9。0+、Firefox2+、Safari2。0+、Chrome1。0 的支持，方便用户处理 HTML documents、events、 实现动画效果，并为网站提供 AJAX 交互。论文网

(2)JavaScript

JavaScript 是一种网页交互型编程语言[12]，当然其并不是编译型语言，而是一种解释型语 言，在浏览器中有 JavaScript 引擎，用于解析 JavaScript 语言，所以 JavaScript 是依赖于浏览 器本身的，与操作环境无关，只要是能运行浏览器的系统，并支持 JavaScript 即可运行相应 开发程序，这也就体现了 JavaScript 的跨平台特性。

JavaScript 具有动态性，它可以根据用户的执行行为作出响应，无需经过 Web 的服务程 序[13]。它对用户的响应，是采用事件驱动的方式进行的。当某个事件发生时，触发 JavaScript 函数执行，实现相应功能。

(3) 事件驱动

事件驱动，即产生什么事件，执行什么操作。本课题借助于 jQuery Mobile 的事件函数， 比如轻触屏幕、长按屏幕，滑动屏幕等都可以视为事件，当这些事件发生时，执行相应的响 应函数，完成对数据的处理以及同服务器的交互。

同时本系统由 PHP 服务器、node。js 服务器及 java 实现的 socket 服务器共同完成和前端 信息交互，当系统状态内容变换时触发事件，主动唤醒某些功能逻辑进行响应。

1。2。3 PhoneGap-跨平台 APP 应用生成

PhoneGap 是一个基于 HTML 和 JavaScript 的应用开发平台，使用它可以构建本地应用程 序。本文中的枪弹柜管理系统就是利用 Web 开发技术 jQuery Mobile 和 JavaScript 来开发用户 接口[14]，利用 PhoneGap 容器将其部署到不同的应用环境和设备上[15]。

Cordova 是 PhoneGap 的另一个名字，简单的说，Cordova 是 Apache 基金会给 PhoneGap 取的一个新名字，是从 PhoneGap 中抽出的核心代码，是驱动 PhoneGap 的核心引擎[16]。 1。3 国内外研究发展现状及相关技术

1。3。1 发展现状

国际科技媒体 ReadWriteWeb 数据表明，截止 2015 年，已有 80%的 APP 全部或者部分 基于 HTML5 实现，也就是说大部分 APP 的内容都是以网页的形式体现的，典型的例子包括 微信、Facebook、Twitter 等。

随着技术的成熟以及各种 HTML5 工具的涌现，HTML5 已经渐渐走向标准化，而 HTML5 做移动开发也分两种，一种是 PC 端网页开发，另一种是网页程序封装成 APP 运行在移动端。 前者比较常见的有 jQuery Mobile、Bootstrap、Amaze UI、Kendo UI 等，后者主要是 PhoneGap、 MUI 等。