旅游类产品运营平台的设计与实现-冯奕轩.pdf

《旅游类产品运营平台的设计与实现-冯奕轩.pdf》由会员分享，可在线阅读，更多相关《旅游类产品运营平台的设计与实现-冯奕轩.pdf（52页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 分类号 学号 M201376142 学校代码10487 密级 硕士学位论文 旅游类产品运营平台的设计与实现 学 位 申 请 人 ： 冯奕轩 学 科 专 业 ： 软件工程 指 导 教 师 ： 高建生 副 教授 答 辩 日 期 ： 2016.1.13 _ A Thesis Submitted in Partial Fulfillment of the Requirements for the Degree for the Master of Engineering Design and Implementation of the Tourism Product Operation Platfor

2、m Candidate : Feng Yixuan Major : Software Engineering Supervisor : Assoc. Prof. Gao Jiansheng Huazhong University of Science and Technology Wuhan 430074, P. R. China January, 2016 _ 独创性声明 本人声明所呈交的学 位论文是我个 人在导师指导下 进行的研究工 作及取得 的 研究 成 果 。 尽我 所 知 ， 除 文中 已 经 标 明引 用 的 内 容外 ， 本 论 文不 包 含 任 何其 他 个人或集体已经发表或撰

3、 写过的研究成果 。对本文的研究 做出贡献的个人和集 体， 均 已 在 文中 以 明 确 方式 标 明 。 本人 完 全 意 识到 本 声 明 的法 律 结 果 由本 人 承 担。 学位论文作者签名： 日期： 年 月 日 学位论文版权使用授权书 本 学位 论 文 作 者完 全 了 解 学 校有 关 保 留 、 使 用 学 位 论文 的 规 定 ， 即 ： 学 校 有 权 保留 并 向 国 家有 关 部 门 或 机构 送 交 论 文的 复 印 件 和电 子 版 ， 允许 论 文 被 查阅和 借 阅。 本 人 授 权华 中 科 技 大 学可 以 将 本 学位 论 文 的 全部 或 部 分 内容 编

4、 入 有 关数 据 库进 行检 索， 可以 采 用 影 印 、缩 印 或 扫 描等 复 制 手 段保 存 和 汇 编本 学 位 论 文。 保密， 在 年解 密后 适用 本 授 权书 。 不保密。 （请 在以 上方 框内 打 “ ”） 学位论文作者签名： 指导教师签名： 日期： 年 月 日 日期： 年 月 日 本论文属于 _ I 华 中 科 技 大 学 硕 士 学 位 论 文 摘 要 早期旅游 企业 对于 产品 运营 平台 的认 知还 仅仅 停留 在“ 实用 就行” 的 地步 ，本 着 这种思想 开发出的运营平台 在 UI 设计上 往往有几大特点：界面 粗糙、 操作繁杂、 体验较差。 曾经使用过

5、一家公司的 产品运营平台 ，采用的是 ASP.NET 的 Web Forms 制作的， 页面 结构 全是 通过 控 件自 动生 成的 ，对 平台 进行 重构 的时 候 ，发 现其逻辑 关系复杂、数据管 理混乱 ，很 难进 行任 何 形 式的 优化。 所 以， 开发 一 款 融合现代 前 端技术 的 通用 的、 易扩 展的 产品运营平台 将会对企业的发展发挥重要 且积极地 作用。 该通用的 产品运营平台 基于 PC 进行开发， 采用 前 端 MVVM 为主的 WEB 研发 模式 ， 平台 前端 框架采用 AngularJS 进行搭建 ，利用 Bootstrap 来定义页面样式，前 后端通过 js

6、on 来进行数据交 互，实现 了 前端与后端开发的完全分离 。 为保证 平台 的 界面友好性，在 平台的 UI 设计方面融合了 Bootstrap 的响应式设计思想。 为保证 平 台 的良好性能，在 平台 安全 性 和前 端性 能优 化方 面进 行最 优化 的设 计 。 为保证 平台 的可维护性，对平台 中的 体系 结构 进行 设计 。结 合平 台功 能需 求， 抽 象出 平台 地七 大功能模块 。 以 现阶段旅游企业 的 产品运营平台 项目建设为背景，深入研究 Web 前端技术， 介绍 AngularJS 、Bootstrap 等框架在实际 项目中的最佳实践 ，指明了其在 Web 前端 开发

7、中的价值及 Web 前端性能优化方案，同时简单讨论了 平台 UI 的 设计要求，通 过用例分析、功能 模块设计、 技术实现介绍 了如何完成 通 用的 产品 运 营平 台 。在 现 有的 平台 之上， 能 很好 地进 行 后续 开发 ，方 便快 捷地 制作 出页 面美 观 、操 作便 捷、 用户体验好的 产品运营平台 。 关键词： 产品运营平台 前端 MVC 响应式设计 _ II 华 中 科 技 大 学 硕 士 学 位 论 文 Abstract It is still only stay in the “practical on the line“ of the operating platfo

8、rm for product awareness for early tourism enterprises, to that point, the operating platform developed based on this idea tend to have several characteristics: roughness interface, complicated operation, with a poor experience in the UI design. I had used a companys product operating platform, whic

9、h using the ASP.NET Web Forms, the whole structure of the page is automatically generated by the control, when trying to reconstruct the platform, we found it with a complex logic, chaos management of data , any form of optimization is particularly difficult. Therefore, to develop a common front end

10、 of a fusion of modern technology, easily extended product operating platform for the development of enterprises will play an important and positive role. The common operating platform for PC-based product development, WEB based front-end MVVM development pattern, the front end mainly AngularJS be s

11、et up and development, the use of Bootstrap to define page styles, front and rear ends to exchange data via json achieve the front end The complete separation of the back-end development. Making sure the platforms user-friendly nature, in terms of UI design platform combines the Bootstrap responsive

12、 design ideas. Making sure good performance of the platform, the platform security and front-end performance optimization optimized design. Making sure the maintainability of the platform, on the platform architecture design, a product commonly used operating platforms of several major functional mo

13、dules. Based on the product operating platform project construction of tourism enterprises, in-depth study of Web front-end technology, introduced AngularJS, Bootstrap framework and other best practices in practical projects, indicating their value and Web front-end performance optimization Web fron

14、t-end development programs, while a brief discussion of the platform UI design requirements, through analysis use cases, functional module design, technology explains how to complete common operating platform product. On top of the existing platform, can well carry out follow-up development, quickly

15、 and easily create beautiful pages, easy operation, good product user experience operating platform. Key words ：Product Operation Platform Front-end MVC Responsive Design _ III 华 中 科 技 大 学 硕 士 学 位 论 文 目 录 摘 要 . I Abstract.II 1 绪论 1.1 研 究背景 与意义 . (1) 1.2 国 内外研 究现状 . (2) 1.3 主 要研究 内容. (3) 2 相 关技术介绍 2.

16、1 Web 前端 框架与工 具 . (4) 2.2 Bootstrap . (6) 2.3 Web 前端 性能优化 . (9) 2.4 本 章小结 . (11) 3 产 品运营平台的 需求与设 计 3.1 平 台需求 分析. (12) 3.2 平 台总体 设计. (19) 3.3 主 要模块 功能设 计 . (24) 3.4 本 章小结 . (28) 4 产 品运营平台 UI 的 实现 4.1 Elements 功能模块实 现 . (29) 4.2 Forms 功能 模块实 现 . (30) 4.3 Charts 功能 模块实现 . (31) 4.4 Table 功能模块 实现 . (33)

17、4.5 Maps 功能 模块实 现 . (34) 4.6 Blog 功能模块 实现 . (36) _ IV 华 中 科 技 大 学 硕 士 学 位 论 文 4.7 Calendar 功能模块 实现 . (37) 4.8 本 章小结 . (39) 5 总 结与展望 5.1 全 文总结 . (40) 5.2 展望. (40) 致 谢 . (42) 参考文献 . (43) _ 1 华 中 科 技 大 学 硕 士 学 位 论 文 1 绪论 旅游 类产 品 运营 平台 是内 容管 理系 统的 一个 分支 ， 内容 管 理系统 （CMS ） 1 是 一个可以编辑、修 改，以及内 容发布，集组 织、删除为一

18、 体的计算机 应用程序。内 容管理 系统 提供 在 一个 协作 环 境管 理工 作流 程序 ，这 些程 序可 以是 手 动操 作或 自动 级联。 产品 运营 平 台在 旅游 企 业中 主要 用来 进行 产品 的运 营， 包含 旅 游类 产品 的编 辑、发布，销售情况的统计，营销活动的管理等 。 1.1 研 究背景与意义 WEB2.0 2 时代 ， 随着 前端 技术 的快 速发 展， 尤其 是伴 随着 Javascript 技术的日趋 成熟， HTML5 、CSS3 的规 范化 ， 用户 体验 取得 大面 积地 共识 ， 前端 的概 念也 得到 了 空前地完善与重视。 传统的 产品运营平台 开发

19、得不到企业的足够重视，使用.Net 或者 Java 开发的 产 品运营平台 通常 是 前后 端代 码 混合 、结 构混 乱 、可 复用 性 差、 耦合 度 高， 一旦需要 修改需求就会变得 异常的复杂 ，给后续的开 发和维护带来 困难 ，而 且 存在 很多 潜在 的问题，给企业带来不可预估的风险。 当下关于 WEB 开发中前后端分离的概念越炒越热，基于前端的 MVVM 3 框架 也 在 不断 快速 发展 ， 涌现 了诸 如 knockout ，emberjs ，Avalon ，AngularJS 等 Javascript 框架 4 ，相应 的框 架在 市场 上都 得到 了运 用， 是 前端 领

20、域 的一 次 重大 发展 。其 实， MVVM 模式同 MVC 模式 5 的功 能相 同， 是用 来分离 视图 （View ） 和模 型 （Model）， 其架构图如图 1-1 所示。 图 1-1 MVVM 架构图 _ 2 华 中 科 技 大 学 硕 士 学 位 论 文 MVVM 架构有以下几大优点： （1） 低耦合。视图（View ）可以不会因为 模型 （Model ）的 变化而发生变化 ， 当 Model 发生变化的时候 View 可以不受影响，同样 当 View 发生变化的时候 Model 也 可以不 受影响 。 （2） 协作开发 。开发人员可以 仅仅关注 业务逻辑和数据的开发（View

21、Model）， 设计人员 则可以 专 注于 页面 设 计， 双方 提前 定义 好数 据格 式和 接口 就 可以 做到 协作 式开发， 因为这可以 极大地提高开发效率。 （3） 可复用 。 开发人员 可以将 某些视图逻辑放在同一个 ViewModel 之中 ， 让多 个 view 重用这段视图逻辑，避免了重复开发相同功能而导致的不必要的时间浪费。 （4） 可测试。页面的测试一直以来都是个难题 ，尤 其是 想在 前端 页面 重构 6 后 进行自动化测试简直 就是 难 上 加 难 。 运 用 MVVM 框 架 后 测 试 用 例 就 可以针对 ViewModel 来进行 。 通过对几种框架的综合比较

22、， 本文选取了 AngularJS 7-8 来进行 旅游类产品运营平 台 的设计与 开发。 一套 完整 的前 后 端分 离设计的 平台 由两 部 分组 成： 前 端与 后端 。 前后 端之 间通 过 ajax 9 来进 行通 信， 数据 格式 统一 使用 json 10 ， 前端 获取 用户 输入 传给 后端 ， 后端 返回相应数据给前 端进行渲染 操作。这样保 证了前后端开 发过程中的 独立性，也保 证了后续开发的可持续性与后期的可维护性。 1.2 国 内外研究现状 在 IBM 公司最早提出内容管理的概念之后，涌现出一大批提供内容管理技术和 产品的厂商，起初 的 内容 管理 系统 都是 针对

23、 不同 领域 的解 决方 案， 后 来这 些方 案得 到融合，被不断地统一集成。国外针对相关产品进行开发的厂商主要是：Vignette 、 Interwoven 、 BroadVision 、ATG 等， 这些 公司 开发 出的 内容 管理系统 都具有很强的专 业性 ， 其中 多数 是在 J2EE 11 平台进行开发的。 国外的内容管理 系统 技术相比较国内 较为成熟很多，但 是因为其应 用规模庞大， 二次开发难度 高，价格昂 贵等问题并不 适合一般的企业，所以在这个基础上，国内的内容管理 系统 得以谋求自身的发展。 _ 3 华 中 科 技 大 学 硕 士 学 位 论 文 正是由于 国外 的

24、内容 管理系统 存在 诸多 的 弊端 ，国 内 的内 容管 理 系统 才开始有 了发展的动力，先 后有逐浪、 动易、开普网 络等 内容 管理 系统 问世 ， 发展 到今 天， 随着 WEB 技术的全面发展， 尤其是前端技术的更新迭代，各 式各样的 内容管理系统 在各大平台出现 。 其中 大多 数 的产 品都 具有 如下 特点 ：前 后端 分离 、 创建 多模 型、 模块化、 使用 模板 引擎 、数 据 表分 离等 。发 展至 今， 相关 的技 术及 概 念已 经非 常成 熟 ，国 内大 多数 互 联网 公司 都 有自 己的 研发 团队 专门 负责 内容 管理 系 统 开发。他们 往往根据每个迭

25、代 中的需求， 结合现在各种 开源的框架与 技术，进行 个性化开发， 全面配合企业管理 以及企业运 营，并产生了 很多积极地影 响与显著地 效果。这也是 各大互联网公司愿意在这方面投入人力财力的缘故。 1.3 主 要研究内容 论文的主要研究内容包括设计和实现一套基于 旅游类铲平 运营平台 UI 框架，其 中重点介绍如何借 助当前主流 的前端技术， 融合前后端分 离的设计思 想进行 平台 的 开发。 该平台基于 PC 来进 行开 发， 结合 当前 最流 行的 前端 分层 思想 ， 平台 前端 框架 采用 AngularJS 进行搭建 ，并结合 Bootstrap3.0 12 来进行页面样式的辅助

26、设计，前后 端通过 ajax 技术来进行 json 数据的交互。基于此，能很好地制作出页面美观、操作 便捷、用户体验好的 产品运营平台 UI 。 平台 设计与实现的过程中主要的研究内容包 含如下部分： 介绍了 平台 开发 中用 到的 关键 技术 和工 具 ，也 是当 前 前端 开发 中 非常 流行 的技 术和工具，AngularJS 、Bootstrap ，与 Grunt 13 等。 分析了前端 MVVM 的必要性，并且结合前端 MVVM 技术，以 AngularJS 为例 进行 平台的架构与开发，并且采用当下流行的 Bootstrap3.0 辅助页面样式的开发。 阐述了 平台 的主 要功 能

27、， 以及 性能 需求 ， 从整 体结 构 到各 个独 立 的功 能， 都一 一进行阐释。 此外，对 平台 的 UI 设计 14 提出了一些规范。 介绍了 产品运营平台 各个功能模块 的实现，其中涵盖了常见的 Button 、Spinner 动画、表单、表格 、地图、博 客、日历等模 块，这几种模 块 均是当前 产品运营平台 中最常用的 部分，尤其是表单与表格均是 产品运营平台 中最常用的部分。 最后结合当前的技术现状，分析了 平台 中存在的一些待改进问题。 _ 4 华 中 科 技 大 学 硕 士 学 位 论 文 2 相关技术介绍 本章简单介绍平台 开发 中运 用 到的 关键 技 术， 也是 当

28、 前前 端开 发 领域 中主 流的 技术和 工具，包括 AngularJS 、Bootstrap ，与 Grunt 等， 并对前端开发中最重要的前 端优化问题做了简要的阐述。 2.1 Web 前 端框 架与工具 前端 开发 领域 得 到飞 速发 展， 各大 社区 活 跃非 凡， 涌 现出 了各 种 前端 开发 所需 要的框架与工具。 借助相关的 框架与工具， 极大简化 了前 端开 发的 流 程， 促进 前端 开发的发展 。下面以 平台 中所用到的几项技术进行说明。 2.1.1 AngularJS HTML 在 构建 WEB 应用 15 方面 存在 着较 大地 不 足 。 通常 条 件下 ， 借

29、助 第三 方的 工 具 库可 以达 到预 期目 标 。 类库 ： 从 早期 的 prototype 16 到 现在 的 jQuery 17 等 ，均 属于 类库 。 类库 封装 原生 js 常用 的操 作， 如 获取 某个 DOM 18 节 点 、改 变某 个 元素 的样 式等 ， 将复 杂的 原生 操作 变 得简 单易 用， 从 而简 化 WEB 应用 的开 发。 正是 为了 克服 HTML 的这 种不 足，AngularJS 应运 而 生。 AngularJS 使用 其 特定 的 语法 来描 述 view ， 浏览器 识别 并对其 进 行 解析 成一 段可 显示 的 HTML 。主 要特

30、征有 以 下几点： （1） 使用 双大 括 号 语法 进行 数据 绑定 ； （2）能 将逻 辑代 码关 联 到相 关的 DOM 元 素上 ； （3）支 持表 单和 表单 的 验证 ； （4）使用 DOM 控 制结 构来 实现 迭代 或者 隐藏 DOM 片段 ； （5）能将 HTML 分组 成可 重 用的 组 件。 2.1.2 AngularJS 的介绍 AngularJS 是 一 款开 源 的 MVVM 框架 ， 它是 完 全使 用 Javascript 编写 的客 户端 技术 ， _ 5 华 中 科 技 大 学 硕 士 学 位 论 文 是对 HTML 在构 建应 用上 的 一种 扩展 ，能

31、够使 Web 应 用开 发变 得更 加 规 范与 简单 。 AngularJS 用来 协助 单页 面 Web 应 用开 发 19 。 它通 过 MVC 模式 功 能来 增强 基于 浏 览器 的应 用程 式，在 构建 现代 Web 应用 中 ， 它 向开 发者 提供 一系 列高 级 功能 ， 如 ： Ajax 服务 、浏 览历 史 、测 试等 。2.1.3 AngularJS 与其他框架的异同 点 在 以 jQuery 为代 表 的 Javascript 框架中， 通过操作DOM 来改变视图 。 使 用 jQuery 在 HTML 页面中插入一个按钮，通常是按照如下步骤进行。 var btn =

32、 $(“Hello”); btn.on(click,function(e); $(“#someId”).append(btn); 虽然这个过程并不是很复杂， 但是它要求开发者了解整个的 DOM 结构 ， 并且 需 要在 Javascript 代码中加入各种复杂的逻辑控制，用来操作 DOM 结构。 然而，AngularJS 是通过原生的 Model-View-Controller （ 即 MVC ，模型- 视图- 控 制器）功能来增强 HTML 的功能 。基于此，我们可以快捷地构建出令人印象深刻并 且极富表现力的客户端应用。 使用 AngularJS ， 开发 者可 以将 页面 中的 一部 分封

33、 装成 一个 应用 ， 并且 不强 制整 个页面都 使用 它。 这个 特点 在 某些 情况 下显 得非 常有 用， 比如 工作 流 程中 已经 包含 了其他的一种框架 ，亦或者只 需要页面中的 某一个部分是 动态，剩下 的部分为静态 的。 一句话概括 AngularJS 与 jQuery 的区 别 ： AngularJS 是面向数据编程进行视图更 新的，但 jQuery 是直接操作 DOM 来改变视图。 2.1.4 AngularJS 的五大特性 AngularJS 是 一 款强 大 的 前 端 MVVM 框架 ， 具 有 五大 特 性 ， 分别 是 ： 双 向 数据绑定、MVC 、模板、指令

34、 ，与依 赖 注入 20。 双 向数 据 绑 定 是 AngularJS 中 最 常用 的 一 项 特 性， 它 通过 内 在 的 机制 来 处 理、 查 询和 监 听 DOM ， 而 且相 对 传 统 的 jQuery 方 式 具 有 代 码 量更 少 的 优 点 ， 并且 处 理效 率更 高， 这就 使 得 开 发 人员 可 以 将 更多 的 时 间 专注 于 应 用 之上 。 传统的 _ 6 华 中 科 技 大 学 硕 士 学 位 论 文 jQuery 处 理 程 序 来 说， 当 Model 发 生 了 变 化 ， 开 发 人 员 则需 要 手 动 处 理 DOM 并 且 将发 生 变

35、 化 的元 素 进 行 更 新。 这 种 模 式无 疑 给 开 发人 员 带 来 了很 多 麻 烦 ， 一 方 面， 当 Model 变化了需要更新 DOM 中 的元 素 ； 另一 方 面， 如 果 DOM 元 素发 生 变 化则 也 需 要 处 理 Model 。 当 开 发 人 员面 临 一 个 非常 庞 大 的 应用 时 ， 这 种 繁杂 的 手动 处理 工作 将会 变 得 异 常 费劲 。 正 是 为了 避 免 传 统方 式 的 这 种繁 杂 式 处 理， AngularJS 设计了 双向 数 据 绑 定这项特性 ， 可以 同 步 更 新视 图 与 数据 模型 。 模板 21 就 是一

36、 个 HTML 文 件 ，通 过 指定 的 语 法 写 在 HTML 文 件 中 ，并 且 浏 览器会根据 AngularJS 对 模 板 进 行解 析 ， 成 为 一个 能 被 识 别 的 DOM 对象 。 AngularJS 借 鉴 了 后端 成 熟 的 MVC 思 想， 结 合 前 端应 用 所 需 要的 东 西 ， 发 展 出前 端 独 有 的一 种 设 计 模 式 MVVM(Moodel-View-ViewModel) 。Model 是用来 维 护指 定 的 View ，通 过 $scope 与 View 进行联系的 ；Controller 是 负 责 状 态的 初 始 化和 相关

37、方 法以 控 制 行 为 ，并 不 具 有 保存 状 态 以 及和 远 程 服 务互 动 的 特 点； View 即 HTML 部分，是 AngularJS 应 用 解 析 后渲 染 出 来 的结 果 ， 该 部分 是 整 个 Web 应用 面向 用户 的 部 分 。 AngularJS 的 依 赖 注入 是 通 过 一个 注 入 器 服 务 （$injector ） 来 负 责管 理 依 赖 关 系的 查询 和实 例化 工 作 。 在 任何 一 个 AngularJS 的 应 用 中 ，都 有$injector 在 进行 工 作， 无 论 我们 知 道 与 否。 当 编 写控 制 器 时 ，

38、如 果 没 有 使用标记 或 进 行 显式 的 声明，$injector 就会自主 地 尝 试 通过 参 数 名 推断 依 赖 关 系。 指 令是 通 过 AngularJS 模块 API 中的.directive() 方 法来 进 行 定 义的 ， 我 们 可 以传入一个字符串和一个 函数来注册一个 新指令。其中字 符串是这个指令的名 字 ， 指 令 名 应 该是 驼 峰 命 名 风格 的 ， 函 数应 该 返 回 一个 对 象 。 定义 好 的 指 令可 以 在 HTML 文 档 中与 其 他 普 通标 签 一 样 使用 。 2.2 Bootstrap Bootstrap 是由 Twitt

39、er 的 两位设计师 合作开发 的， 可以称之为 一个 CSS/HTML 框架，也 可 称 之为 一 个开 源 的用 来简 化 前端 开 发过程 的工 具 包 。 在 页面 布 局上 ， Bootstrap 提供了 非常优雅的 HTML 和 CSS 规范 。Bootstrap 历经 多年的发展 ，当前 _ 7 华 中 科 技 大 学 硕 士 学 位 论 文 版本为 v3.3.5 ，并且 Bootstrap v4.0.0-alpha 版本也已经问世 。 2.2.1 Bootstrap 的使用价值 Bootstrap 的问世很大程度上解决了大多数后端开发人员在开发页面时碰到的各 种棘手的问题，尤

40、其是在页面 样式设计上可 谓是得到了极 大地解放， 它能帮助开发 人 员 快 速进 行 页面 布 局与 页 面样 式设 计 。总 的 来说 ， 是一 个 非常 具 有使 用 价值 的 HTML/CSS 框架，它有如下几个优点： （1） 基于 LESS 、丰富的 Mixin ：采用 CSS 预处理技术 22 。 在定义 CSS3 属性 的时候，需要写不同 的浏览器的-previx- ，例如设置 圆角： -webkit-box-shadow:10px; -moz- box-shadow:10px; -m- box-shadow:10px; -box-shadow:10px; 在 Bootstrap

41、 中写成这样即可 ：include box-shadow:10px; （2） 响应式的栅格 平台 ： Bootstrap 的栅格 平台 23 （Grid ）非常先进，而且都 是响应式 24 的，在其基础之上进行响应式布局开发变得非常简单 。 （3） 丰富的组件 ：Bootstrap 的 HTML 组件和 JS 组件非常丰富， 将组件引入到 项目之中将会极大地提高开发效率。 （4） 插件 ： 由于 Bootstrap 的火爆， 随之其社区也变得非常活跃，因而也 出现 了很多围绕 Bootstrap 开发的 第三方 插件。其中 以 Font Awesome25 为例说明， 这是 一套 icon font ，提供了丰富的 icon 以供开发者进行 选择。 2.2.2 Bootstrap 的应用范围 Bootstrap 安装是非常容易的 ，在官网上可以很容易找到安装方法并运用到项目 之中。 假如现在有一个需求： 界面设计 需具备一定 档次，同时 开发人员需要独立完成 ， 即不 具备一个优秀的 UI 设计师。 那么，这种情况下就可以考虑使用 Bootstrap 了， 因为 bootstrap 中的 设计本身就已经 解决了排版问题， 通过引入其样式文件，可以设 _