（SQL）进行数据库管理[18]。

2。2 框架概述

本小节主要对本系统开发过程中所用到的框架进行介绍，主要有 AngularJS 框 架，Ionic 框架，下面两小节会对这两种框架进行详细介绍。

2。2。1AngularJS 概述

AngularJS 于 2009 年由 Misko Hevery 等人创建，是一款优秀的前端 JS 框架， AngularJS 有着诸多特性，它的核心的功能是：MVVM、模块化、自动化双向数据 绑定、语义化标签、依赖注入等等。AngularJS 的主要目的是为了克服 HTML 在构 建应用上所遇到的一些不足而进行设计的。AngularJS 是一款开源的 JavaScript 代码 库，它目前是由 Google 公司来进行维护的[19]。它的目标是通过 MVC 模式来增强基 于浏览器的应用，使开发和测试变得更加容易。

AngularJS 的库读取包含附加自定义（标签属性）的 HTML，遵从这些自定义属 性中的指令，并将页面中的输入或输出与由 JavaScript 变量表示的模型绑定起来[20]。 这些 JavaScript 变量的值可以手工设置，或者从静态或动态 JSON 资源中获取[21]。

2。2。2Ionic 概述

Ionic 是目前非常流行并且方便的一款 HTML5 手机应用开发框架。它专注于用 WEB 开发技术，基于 HTML5 创建类似于手机平台原生应用的一个开发框架。Ionic 使用 JavaScript MVVM 框架和 AngularJS 来增强应用，同时它提供了很多 UI 组件来 帮助开发者方便快捷的开发强大的应用。Ionic  的$scope 提供双向数据绑定，去除了

传统的 DOM 操作，自动同步页面数据。Ionic 框架的目的是从 Web 的角度开发手机 应用，封装 PhoneGap 的编译平台，可以实现编译成各个平台的应用程序错误!未找到引用源。。 Ionic 可以说是 AngularJS 移动端的理想解决方案，Ionic 利用 AngularJS 创造出一款 最适合开发丰富而强大应用的框架错误!未找到引用源。。它的核心架构是为开发专业应用创 建，并且与 AngularJS 进行了完美的融合。如果你使用 Ionic，则只需要几个简单的 命令就可以轻松完成 APP 的创建，构建，测试，部署，不管你的应用程序在什么平 台上都是一样的命令，同时你只需要 npm install -g ionic 进行安装 Ionic，然后就可以 创建你的应用，本系统也是使用 Ionic 进行创建和编译的，具体编译过程在 2。3 开发 环境概述中进行详细介绍。

2。3 开发环境概述

本系统在 Windows 操作系统上进行开发，采用 jetbrains 公司旗下一款 JavaScript 开发工具名为 Webstorm。它被广大中国 JS 开发者誉为“Web 前端开发神器”、“最强 大的 HTML5 编辑器”、“最智能的 JavaScript IDE”等，是目前开发 JS 的一款特别流 行的开发工具，智能化的自动补全，自动保存，关联浏览器， 目前系统进行调试的 时候使用的是 google 浏览器 google chrome 浏览器。数据库为 MySQL 关系型数据库， 后端采用 java 语言，myeclipse 作为 IDE，服务器使用 Apache 旗下的 Tomcat 服务器。

本系统采用 Ionic 下的命令进行 Apk 的打包，我们以打包 Android 操作系统下的

Apk 为例，具体流程如下： 配置环境变量

配置 JDK；配置 Android sdk：

图 2-1 配置 Android sdk

在环境变量中新建一个 ANDROID_HOME 的变量名，变量值为你电脑安装 sdk

的路径，保存后，在 path 下增加%ANDROID_HOME%\platform-tools;%

ANDROID_HOME%\ tools 如果你的 adk 版本过低，没有更新请更新你的 sdk；（可 以查看你的 sdk 路径下的 platforms 文件夹下有没有 android-22）。

安装 ionic 等，运行命令提示符（管理员） 输入：npm install -g cordova    ionic

（其中的-g 是为了将 Cordova 和 Ionic 包安装到全局环境中（可供命令行使用））。 安装完成后对环境进行测试，具体如下：