2。1  前端相关工具与技术

前端开发采用了跨平台技术，使得该系统既可以在手机端使用，也可在 PC 端 运行。本系统前端在 JetBrains WebStorm 上进行开发，采用 HTML5、CSS3、JavaScript 作为前端主要开发语言，并采用 Ionic 框架提高前端开发效率。

2。1。1JetBrains WebStorm

JetBrains WebStorm[4] 是一款 JavaScript IDE，强大的 HTML5 编辑器。其优势功 能包括如下：

（1） 智能的代码补全；

（2） 代码格式化；

（3） HTML 提示；

（4） 联想查询；

（5） 代码重构；

（6） 代码检查和快速修复；

（7） 代码调试；

（8） 代码结构浏览。

2。1。2HTML5

相比 HTML4 技术，HTML5 [5 14]的改变不仅仅是一些响应式的美观的 HTML 界 面，其更大的优势是跨平台。HTML5 对移动互联网的意义可能更大于它对传统 PC 桌面的意义。HTML5[3] 的一次开发既可以在主流的移动设备（iOS、Android、 Winphone）运行，也可以在浏览器上进行，这种跨平台使得前端实现真正的统一， 使得前台开发人员可以更方便的开发和统一手机和电脑用户的界面效果。

2。1。3CSS3

CSS3[5] 是 CSS 技术基础上的再一次升级版本，CSS 即层叠样式表[6]（Cascading StyleSheet），是通常在网页制作时采用的相关技术，用来对页面的颜色、背景、布 局、字体和其它效果实现更加精确的控制。CSS 庞大而且比较复杂，CSS3 把 CSS 分解为一些小的模块。列表模块、文字特效 、超链接方式 、语言模块 、背景和边 框 、盒子模型、多栏布局等等都是 CSS 包含的模块。

使用 CSS3[4] 后，我们可以极大提高我们在 Web 应用上的开发效率，我们可以 图片和复杂的 JavaScript，能够很轻松的实现用户自定义字体、3D 动画、圆角、多 背景、渐变、盒阴影、文字阴影、透明度来美化设计界面，提高设计质量。

2。1。4JavaScript

JavaScript [8 9]是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言， 同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动 态功能，比如响应用户的各种操作，其实现在对 JavaScript 进行封装的前端框架有 很多，真正使用 JavaScript 开发的已经很少，下面会对相关框架进行说明。

2。1。5Ionic 框架

Ionic[10]  是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化

HTML、CSS 和 JS 的性能，构建高效的应用程序。

Ionic 框架是一个专注于用 Web 开发技术，基于 HTML5 创建类似于手机平台原 生应用的一个开发框架，绑定了 AngularJS[7] ，这两者都对 JavaScript 进行了封装， 使我们能快速友好的的进行软件开发。这个框架的目的是从 Web 的角度开发手机应 用，基于 PhoneGap 的编译平台，可以实现编译成各个平台的应用程序。

Ionic   特点[11]  ：文献综述

（1） Ionic   基于 Angular 语法，简单易学。

（2） Ionic 是一个轻量级框架。

（3） Ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ， 代码易维护。

（4） Ionic 专注原生，让你看不出混合应用和原生的区别

（5） Ionic 提供了强大的命令行工具。

（6） Ionic 性能优越，运行速度快。

2。2  后台相关工具与技术

后台使用 MyEclipse 开发工具，使用 Java EE 相关技术进行后台开发，包括运 用 Struts 框架，以及使用 JDBC 连接 MySQL 数据库。

2。2。1MyEclipse

MyEclipse[12] 是一个开放源代码的软件开发项目，专注于为高度集成的工具开 发提供一个全功能的、具有商业品质的工业平台。在结构上，MyEclipse 的特征可 以被分为 7 类[15] ： HTML5上汽集团采购云平台移动子系统设计+源代码(4):http://www.youerw.com/jisuanji/lunwen_95046.html