1、全 日制 本科生毕业论文题 目： 焕延网站技术工作室官网设计与开发 后台开发学 院： 计算机与信息科学学院 专业年级： 计算机科学与技术 学生姓名： 学号： 指导教师： 职称： 年 月 日第 1 页（共 28 页）焕延网站技术工作室官网设计与开发后台开发摘 要：本网站采用 ThinkPHP 框架等技术开发的响应式官方博客网站。利用目前被多数企业采用的 TP 框架开发网站，能大大缩短了网站开发的时间，且有较大的可扩展性，可维护性，前端可完全自主设计，非常方便网站的开发。在本次的工作室官网开发中，实现了网站的登陆、登出、注册、博客发表、删除、修改管理以及企业形象展示的功能。关键词：ThinkPHP
2、；GIT；MySQL；PHP；网站开发Abstract：This site uses ThinkPHP framework and other technical development of the response of the official blog site. Use is currently the majority of enterprises to adopt the TP framework to develop the website, can greatly shorten the time of website development, and greater sca
3、lability, maintenance, front-end can be completely independent design, very convenient website development. In the studios official website development, website login, logout, registration, blog post, delete, change management and corporate image display function.Key words：bootstrap；ThinkPHP；GIT；MyS
4、QL；PHP ；Website Development2015 年是电子商务发展的关键一年也是令人期待的一年。随着国家“互联网”行动计划的实施，电子商务再次处在中国经济转型期备受关注的“风口” 。个性化、专业化的网站需求日益增大，所以如何运用新技术在尽量短的时间内把网站开发出来成为网站开发工程师思考的问题之一。网站拥有高性价比并有着出色的用户体验，它可以作为 Web 应用，展示型网站，电商等形式存在，甚至目前大多数的手机应用的后台也是与网站的后台通用的。本人曾经接触过用 Drupal框架给电脑与手机游戏开发的后台恰恰有力地证明了这一点。第 2 页（共 28 页）在如今的 IT 行业里的网站开发
5、这一块，有着众多的后端开发框架，如由国人开发的 ThinkPHP 网站开发框架，自带 CMS 的 Drupal 框架，B2C 电商解决方案框架 Magento，Spring 开源框架等等。本人的毕业设计是依靠 ThinkPHP 后端开发框架配合组员的前端开发来实现的。主要利用了 MVC 开发思想，以面向对象的方式开发后台，充分利用了 ThinkPHP 框架内置的函数，简化了开发的代码量，大大地降低了开发的时间成本。同时通过这次的毕业设计，为将来开发大型网站奠定了良好的开发基础。1 可行性分析目前世界流行互联网+和工业 4.0，目的在于提升国家信息化程度，跟上世界发展潮流，而工业 4.0 则是产
6、品的私人订制。我们小组为跟上信息化趋势，响应国家经济发展大方向，决定制作一个网站工作室官网，为将来商业化推广时积累经验。本人主要对该网站进行后台开发以及网站 SEO 优化，开发过程中主要运用到的技术有 MVC 框架开发技术，GIT 版本管理系统，使用 MySQL 进行数据库管理。使用的开发工具包括 PhpStorm、PhpMyAdmin 数据库可视化管理系统、Xampp本地虚拟服务器用于调试、阿里云服务器搭配 Ubuntu server 服务器系统整合网站调试上线、Git 版本管理工具进行团队协同开发以及版本管理为后续网站功能的添加完善提供仓库代码管理、使用 ThinkPHP 开发框架。本网站
7、主要的功能实现有：网站产品案例展示、业内技术 IT 新闻的动态显示、首页工作室介绍、团队介绍、网站个人博客功能、网站后台管理系统的开发。1.1 可行性研究目前的社会正在快速地向信息化前进，对于未来来讲，一个网站技术的积累是可以有很大的成长空间的，并且现在网站开发的需求量很大，无论是个人还是第 3 页（共 28 页）企业都想挤进互联网为大家所熟知。所以，在网站开发这一块的市场是很大的，只要抓住机遇，通过不断地实践整合网站开发的各种技术，便能在市场上站稳脚跟。1.2 技术可行性本项目使用 bootstrap+mysql+php 工具开发，数据库使用 mysql 数据库，服务器使用阿里云服务器，运行
8、 ubuntu64 系统，运用 apt-get 命令搭建 LAMP 服务器环境，并通过 filezilla 工具对 www 目录下的文件进行管理。在网站开发的过程用使用 GIT 工具来进行版本管理。GIT 工具的好处以及教程在网上已有很多，在这里我便不再赘述。通过已掌握的这几种软件开发技术，在加上指导老师的悉心帮助，因此技术上是可行的。1.2.1 ThinkPHP 框架和网站开发思想ThinkPHP 是一个快速、简单的基于 MVC 和面向对象的轻量级 PHP 开发框架，遵循 Apache2 开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验
9、和易用性，并且拥有众多的原创功能和特性，为 WEB 应用开发提供了强有力的支持。本网站开发的思想是面向对象，使用 MVC 设计规范。MVC 全名是 Model View Controller，是模型(model)视图(view)控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC 被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控
10、制，这样有利于前端开发人员的开发。MVC 分层有助于管理复杂的应用程序，因为您可以在一个时间内专门关注一个方面。例如，您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测试更加容易。MVC 分层同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。第 4 页（共 28 页）1.2.2 PHP7 的特性介绍PHP 是“PHP：Hypertext Preprocessor”的缩写，即“超文本预处理器” ， 是一种功能强大，并且简便易用的脚本语言。PHP 具有众多的特点，如：字符串与数组处理、URL 的处理、正则表达式、单词拼写的处理、数据的串行化、对不同类型文件的
11、支持、简便的数据库操作、目录与文件的操作等。对于未来的 PHP7，相比之前的版本将会有很大的提升，主要如下：（1）性能提升：PHP7 比 PHP5.6 性能提升了两倍。（2）全面一致的 64 位支持。（3）以前的许多致命错误，现在改成抛出异常。（4）移除了一些老的不在支持的 SAPI（服务器端应用编程端口）和扩展。（5）新增了空接合操作符。（6）新增加了结合比较运算符。（7）新增加了函数的返回类型声明。（8）新增加了标量类型声明。（9）新增加匿名类。1.3 经济可行性本网站的开发所需资金主要是在服务器的租用上，未来也可能会购买服务器，开发运行后，管理员可以通过审核资料，控制网站内容的显示，审核
12、通过后即可在首页看到更新，因此在经济上是绝对可行的。1.4 操作可行性本网站直观易懂，使用方便。本小组在设计的同时也包含了后台的 CMS 系统，目的是为了将来能简单地管理网站。管理员只要经过简单的培训，也可以轻松管理维护本网站。综上所述，从技术上、经济上、可操作性上都是可行的，而且要求不高，所以本网站的开发是可行的。第 5 页（共 28 页）2 需求分析 2.1 网站功能需求本网站属于企业形象展示类官网，附带博客文章发布系统。所以需要有良好的前端形象、响应式自适应展示、文章发布系统、文章管理、文章修改、文章删除。同时也提供用户登录和用户注册功能，在前端中判别用户是否登陆是否登陆以提供不同的功能
13、以及不同的页面展示。2.2 运行环境（1）操作系统：Ubuntu 64（2）支持环境：Apache、PHP、MySQL（3）数据库：MySQL（4）开发工具：PHPStorm、Git、PHPMyAdmin、Sublime Text 3、Xampp、FileZilla、Putty3 网站后端设计3.1 网站结构本项目主要为了研究和实施响应式网站的理论和积累开发经验，所以本论文以响应式网站为核心，以展示“网站技术工作室”的内容为载体来检验响应式网站的功能。具体的网站结构图如图 3-1 所示。第 6 页（共 28 页）图 3-1 网站结构图3.2 后端设计Thinkphp 框架的单一入口文件本网站主
14、要采用单一入口形式进行开发以及管理。使用 Index.php 文件入口进入网站主页。其他页面则使用 Controller 控制器以及 Action 方法实现不同页面的调用和后端逻辑的处理。如入口文件 Index.php 里面的内容为：/ +-/ 应用入口文件/ 检测 PHP 环境if(version_compare(PHP_VERSION,5.3.0, 5.3.0 !);/ 开启调试模式 建议开发阶段开启 部署阶段注释或者设为 falsedefine(APP_DEBUG,true);define(APP_NAME,Index);/ 定义应用目录define(APP_PATH,./Index/)
15、;/ 引入 ThinkPHP 入口文件require ./ThinkPHP/ThinkPHP.php;第 7 页（共 28 页）本段代码中用 define 函数定义应用的名称路径等内容，还可以打开开发模式，具体代码为：define(APP_DEBUG,true);在/Index/目录下拥有三个控制器分别展示主页、关于页和联系页，Index.php 中默认调用 Index 控制器，其他控制器的调用着是通过 URL 的传参来实现的。具体调用展示 About.html 页的 About 控制器的 URL 路径为：https:/YourHost/Index.php/Home/About/ActionN
16、ame如果 About 控制器内拥有一个 Index 方法且通过这个方法实现了 About 页面的调用展示则可以在 url 中不带 Action 名字，如：https:/YourHost/Index.php/Home/About其他的控制器的调用和方法载入也是以同样的方法来进行的。具体可以参考ThinkPHP3.2.3 完全开发手册，在这里便不再赘述。4 ThinkPHP 的 MVC 模式介绍4.1 平台搭建在 Thinkphp 官网下载 Thinkphp3.2.3 开发包后解压到 xampp 子目录下的htdocs 文件夹里，配置好 xampp 本地虚拟服务器并设置好监听端口后用在浏览器中打
17、开 thinkphp 框架的默认入口文件 index.php 即可完成 thinkphp 框架平台的搭建。4.2 MVC-视图 (View)在由前端开发人员开发好前端页面后，有本人进行接口的调试、整合，使用闭合标签对页面信息进行输出以及维护。在 ThinkPHP 框架中对于视图集成了众多的模板功能。使用在视图中输出$name 变量前需要在控制器中先使用$this-assign()函数对$name 进行声明缓存。同时模板也自带了非常方便的系统变量输出方法，如:$Think.server.script_name / 输出$_SERVERSCRIPT_NAME变量第 8 页（共 28 页）$Thin
18、k.session.user_id / 输出$_SESSIONuser_id变量$Think.get.pageNumber / 输出$_GETpageNumber变量$Think.cookie.name / 输出$_COOKIEname变量其他的如常量输出：$Think.const.MODULE_NAME或者直接使用：$Think.MODULE_NAME配置输出：$Think.config.db_charset$Think.config.url_model语言变量：$Think.lang.page_error$Think.lang.var_error由于 ThinkPHP 内置了一个基于 XM
19、L 的性能卓越的模板引擎 ThinkTemplate，这是一个专门为 ThinkPHP 服务的内置模板引擎，使用了 XML 标签库技术的编译型模板引擎，支持两种类型的模板标签，使用了动态编译和缓存技术，而且支持自定义标签库。其特点包括：（1）支持 XML 标签库和普通标签的混合定义；（2）支持直接使用 PHP 代码书写；（3）支持文件包含；（4）支持多级标签嵌套；（5）支持布局模板功能；（6）一次编译多次运行，编译和运行效率非常高；（7）模板文件和布局模板更新，自动更新模板缓存；（8）系统变量无需赋值直接输出；（9）支持多维数组的快速输出；第 9 页（共 28 页）（10）支持模板变量的默认值
20、；（11）支持页面代码去除 Html 空白；（12）支持变量组合调节器和格式化功能；（13）允许定义模板禁用函数和禁用 PHP 语法；（14）通过标签库方式扩展。每个模板文件在执行过程中都会生成一个编译后的缓存文件，其实就是一个可以运行的 PHP 文件。模板缓存默认位于项目的 Runtime/模块/Cache 目录下面，以模板文件的md5 编码作为缓存文件名保存的。如果在模板标签的使用过程中发现问题，可以尝试通过查看模板缓存文件找到问题所在。4.2.1 Smarty 模板输出引擎Thinkphp 自带 TP 模板输出引擎和 smarty 模板输出引擎。其中 smarty 模板引擎在世界范围内被使用最多的网站建设模板输出引擎，因此在本次开发中使用smarty 作为模板输出的引擎。由于 smarty 引擎是被整合进 thinkphp 框架的，所以在变量输出前需要对变量进行 assign()方法的处理。并且在引擎中附带了许多非常实用的内置标签。例如二维数组输出、和的变量空或非空判断输出处理、在模板文件中进行变量赋值等标签。例如标签，有表示在运行模板时，将会赋值一个值为 123 的var 变量；value 也支持变量的加载，如代表直接把系统变量赋值给 var 变量，相当于。在这个项目中，其中标签的具体应用如下:拿到未整合的原始前端代码时关于页首导航的一段代码是这样子的：
