第二章 开发技术及设计工具

本章讨论了系统所涉及的技术以及开发中所使用的开发工具，系统实现之前确定开 发工具以及相关技术，以便在系统开发过程中能够针对性地查询资料和参考相关技术文 档。

2。1开发技术

本系统属于 web 应用，前台涉及技术为 HTML5、CSS3、JavaScript，后台开发语言 为 PHP，数据库采用 MySQL,下面将会对所涉及的开发技术进行简短地介绍。

2。1。1PHP

PHP（Hypertext Preprocessor,超文本预处理器”）是一种适用于 web 开发的开源脚本 语言。PHP 的语法吸收了 C、java、Perl，PHP 还创造了一些自己独特的语法，能够比 CGL 或者 Perl 更加速地渲染动态网页。PHP 的工作方式是把代码嵌入到 HTML（标准 通用标记语言下的一个应用）页面文件中去执行，页面渲染效果比完全生成 HTML 标记 的 CGL 语言要好很多。PHP 实际执行的是编译后的程序代码，经过编译后的代码可以 达到加密的效果，同时还能提高代码的解析速度，使系统运行更快[2]。

2。1。2Smarty 模板引擎

Smarty 可能是目前最流行、功能最强的 PHP 模板化引擎，使用该模板引擎可以使 系统前后台分离，便于页面优化和系统维护。Smarty 模板引擎的原理是把模板文件（。tpl 或者。html）编译成。php 文件，系统运行时 Smarty 会读取模板文件的修改时间，如果模 板文件没有变动则不对其进行编译，有更改就重新编译，然后 include 这个“编译”后的 PHP 文件。模板文件（。html）和。php 文件经过 smarty 模板引擎的编译后，会形成一个新 的文件，即编译后的文件，系统运行时调用的就是这个编译后的文件[3]。

2。1。3HTML5

HTML5 是 HTML（超文本标记语言）的最新修订版本，本身是由 W3C 推出的。 之后通过全球各大 IT 公司共同优化，形成了一项世界性的开源技术。HTML 最大的好 处在于它是一个开源的技术，也就是说，每一个公开制定的标准都能够在 W3C 的资料 库找到相关说明，这一点为 web 开发者提供了极大的帮助。另一方面，几乎每一个浏览 器都能够实现 W3C 通过的 HTML5 标准规范[4]。

2。1。4JavaScript

JavaScript 是一门广泛运用于 web 的脚本语言,它是一种不进行代码预编译的解释 性脚本语言。现在的 web 应用开发已经离不开 JavaScript。在网页中使用 JavaScript 可以 让网页拥有丰富的动态效果,为用户提供更炫的使用体验。JavaScript 通常是嵌入到 HTML 页面中以实现页面动态效果功能的[5]。

2。1。5CSS

CSS 即层叠样式表（Cascading StyleSheet）0，是网页的美容师，运用 CSS 样式的 网页看起来尤为炫酷，美观而又极具现代感。近年推出的 CSS3 更强大，不仅能够装扮 网页，还能使网页控件动起来，呈现出更丰富的动态效果[6]。CSS 可以对 HTML 的每一 个元素添加样式，而且这个样式完全由你定义，给了开发者无限的创造空间。

2。1。6BootStrap 前端框架

Bootstrap 是一个集 CSS、HTML、JavaScript 于一身的前端框架，它使用了最新的浏 览器支持技术，为用户提供了一套丰富的组件包，开发者可以直接运用组件而不需要去 考虑组件的美化和动态效果，因为这些工作 BootStrap 都预先替你做好了，是不是很方 便呀。BootStrap 可不仅仅只是给开发者提供组件那么简单，它最大的特点是提供了自适 应的布局技术[7]，这使得运用 BootStrap 开发的系统能够很好地显示在各种设备上。

2。1。7MySQL 数据库

MySQL 是一个即小巧又精悍的数据库管理系统，假如你的数据库要求不是很高的 话，你完全可以使用免费的 MySQL，这成为了 MySQL 的一大优势。MySQL 虽然不大， 但是它却有着强大的功能，并具有易于拓展的灵活性以及丰富的应用接口，它以这些优 势受到了广大软件开发爱好者甚至是商业开发者的青睐[8]。