网站内容管理系统 上传word(搭建动态网站完整实验报告PDF文件目录/动态网页和静态网页的区别)

　　网站内容管理系统 上传word(搭建动态网站完整实验报告PDF文件目录/动态网页和静态网页的区别)

　　第 3 部分：建筑动力学网站

　　完整实验报告的PDF文件

　　内容

　　三、构建一个简单的动态网站 3.1 实验原理

　　LAMP 是 Web 服务的经典模型，以其原创四个开源组件的首字母命名：Linux 操作系统、Apache HTTP 服务器、MySQL 关系数据库管理系统和 PHP 编程语言。LAMP 组件在很大程度上可以互换，并且不限于原创选项，并且可以相互匹配。LAMP 作为 网站 架构的解决方案，适用于在 Linux 上构建动态的 网站 和 web 应用程序。

　　3.2 实验分析

　　这个实验需要构建一个简单的动态网站。动态网站和静态网站最大的区别在于动态网站页面是由服务器动态生成的，而静态网站文件只保存在服务器上的独立文件。动态网站基于数据库技术，在静态网站的基础上，需要添加PHP解析和数据库支持。两种网站的具体区别如下表所示：

　　表-动态网页和静态网页的区别 1 静态网页 动态网页

　　特征

　　访问的是存储在服务器文件系统中的实际 HTML 文件

　　访问的是服务器根据当前时间、环境参数、数据库操作等动态生成的页面，基于动态网页数据库技术

　　开发技术

　　HTML、XML、CSS

　　HTML+JavaScript (Node.js)

　　HTML+PHP

　　HTML+ASP.NET（或 ASP）

　　HTML+JSP

　　扩展名

　　html, html, shtml

　　PHP、jsp

　　优势

　　网站更安全，HTML页面不会受到Asp相关漏洞的影响；此外，它还可以减少攻击并防止 SQL 注入。当发生数据库错误时，不会影响网站的正常访问。

　　无需编译，速度快，节省服务器资源。URL 格式友好且易于被搜索引擎识别。它易于维护，可以满足人们的各种需求。查询信息方便，可存储大量数据，需要时可立即查询。

　　不足的

　　内容固定，交互性差，内容更新维护复杂。没有自动化工具，维护大量静态页面文件是不现实的。无法完全支持用户/客户的需求（外观选择、浏览器支持、cookies）。

　　动态网站使用了数据库，所以对数据库的安全保密要求比较高。专业技术人员必须提供维护，确保网站的安全。动态 网站 对搜索引擎 收录 不利。

　　在前面的第二个实验中，已经在Ubuntu上搭建了一个HTTP服务器，安装了Apache软件，实现了静态网站的基本功能。在此基础上，为了实现动态网站，需要构建服务器的LAMP模型。即需要安装MySQL和PHP才能实现动态网站的功能。

　　3.3 实验过程记录3.3.1 安装PHP 3.3.1.1 安装PHP软件及相关模块

　　首先安装PHP7.0软件。

　　

　　图 安装PHP软件

　　虽然已经安装了PHP软件，但是Web服务器还没有解析文件的能力，所以我们必须为其安装一个扩展模块。换句话说，为 Apache 添加一个扩展。Apache收到用户对PHP文件的请求后，会交给该模块进行处理，服务器处理完PHP文件后，将PHP文件发送给用户。

　　

　　图 安装PHP模块

　　安装PHP和扩展模块时，出现上图所示的错误。查阅资料后了解到，在标准的Ubuntu Trusty软件库中，不支持PHP7，需要使用ppa添加模块软件源。

　　

　　图解

　　据介绍，重新安装了PHP7.0。可能这个下载源不是国内的源，所以花了很长时间才安装成功。这时候再次尝试安装PHP模块，发现模块已经安装成功。

　　

　　图模块安装成功

　　既然已经成功安装了 PHP 及其模块，那么接下来进行 PHP 功能测试。首先重启apache服务。

　　

　　图重启apache服务

　　检查下面的 PHP 版本。

　　

　　图查看PHP版本3.3.1.2 测试PHP功能

　　新建一个PHP文件，显示PHP信息，测试PHP解析功能是否可以正常使用。在网站的根目录下，创建一个testphp.php文件，内容如下。

　　

　　图 编辑 PHP 文件

　　

　　图PHP文件内容

　　之后，在虚拟机中使用内置的火狐浏览器登录测试PHP功能。

　　

　　图浏览器PHP测试信息

　　出现这个界面，说明PHP可以正确解析。

　　3.3.2 安装 MySQL

　　动态网页是基于数据库的，其数据由数据库存储和分发，因此动态网站的制作也需要安装MySQL数据库。

　　

　　图 安装 MySQL 数据库

　　MySQL是基于C/S模型的，最好同时安装服务端和客户端客户端。在安装过程中，我没有弹出设置服务器密码的窗口（应该是弹出窗口）。现在尝试登录MySQL，出现如下问题。

　　

　　图登录错误信息

　　查阅资料后，找到以下解决方法：

　　

　　图解

　　也就是说，第一次安装登录时，需要添加sudo权限。登录MySQL后，有两种方式：一种是修改root用户的密码，另一种是新建数据库用户。我使用了第一种方法，尝试更改root密码。

　　

　　图 修改root用户密码

　　重启MySQL服务，再次登录MySQL后，再次出错。

　　

　　图登录错误信息

　　再次查资料，找到的解决方法如下：

　　

　　图解

　　也就是说，在更新root密码时，还需要将root插件选项设置为mysql_native_password。然后重置密码。由于整个解题过程比较长，现在只截取了一部分图片。

　　

　　图解析过程

　　解决密码问题后，再次尝试登录MySQL。

　　

　　图登录MySQL测试

　　现在就可以正常启动并登录MySQL数据库了。

　　3.3.3 安装 PHPMyAdmin

　　在终端打开MySQL，对数据库中的信息进行操作。只能显示命令行模式下的数据库界面。为了更方便地使用数据库，您需要下载PHPMyAdmin软件。软件实现了数据库的可视化操作，使数据库的操作更加方便。使用下图所示的命令安装 PHPMyAdmin。

　　

　　图 安装PHPMyAdmin软件

　　安装时不仅需要安装PHPmtadmin软件，还需要安装相关配置。在安装过程中，会弹出如下窗口配置PHPMyAdmin。

　　

　　图服务器配置

　　这一步用于选择在哪个服务器上配置pypmyadmin，所以需要选择apache服务器。选择apache2并回车确认。

　　

　　图配置密码

　　此步骤的提示：请提供 PHPMyAdmin 的数据库服务器密码。如果您将其留空，则会随机生成一个密码。在这里，我填写了与MySQL相同的密码：Zhanghoujin123。配置密码，保存退出即可完成配置。

　　由于PHPMyAdmin的默认安装位置是/user/share目录，如果使用apache进行测试非常不方便。为了方便测试和日常使用，需要为PHPMyAdmin创建软连接，并将PHPMyAdmin目录链接到HTTP服务器的根目录，方便测试和访问。然后重启apache模块。

　　

　　图软连接并重启服务端模块

　　配置完成后，打开火狐测试PHPMyAdmin，出现以下问题。

　　

　　图测试过程中出现的问题

　　在网上找到的解决方法是：

　　

　　图解1

　　

　　图解2

　　查阅资料，发现问题的原因是我没有安装一些必要的模块，导致PHPMyAdmin配置出现问题。问题是通过查询信息解决的。现在重新打开 PHPMyAdmin 网页，可以看到如下界面。

　　

　　图 PHPMyAdmin 登录界面

　　填写你安装MySQL时配置的用户名和密码即可。登录PHPMyAdmin后的界面如下：

　　

　　图 PHPMyAdmin 操作界面

　　可以看到，PHPMyAdmin可以正常显示和使用了。

　　至此，Ubuntu已经成功安装了LAMP架构，这样就具备了创建动态网站的必要条件，然后就可以构建动态网站了。

　　我没有太多构建动态网站的经验，所以打算使用技术上非常友好的WordPress来构建动态网页。

　　3.3.4 使用 WordPress 构建动态网站

　　WordPress 是一个基于 PHP 和 MySQL 的免费开源内容管理系统。其功能包括插件架构和模板系统。建立个人博客是其使用最广泛的应用程序，但它也支持其他类型的 Web 内容，包括传统的邮件列表和论坛、媒体画廊和在线商店。WordPress 是目前非常流行的网站 管理系统。同时，由于其丰富的内容模板、简单的操作流程、简洁的网站界面，颇受网站搭建的新手的欢迎。

　　3.3.4.1 WordPress 软件安装

　　首先使用wget工具下载WordPress官网新版安装包，安装WordPress软件。

　　

　　图安装包下载过程

　　安装解压软件并解压，使用zip工具解压。解压成功后，会在当前目录下生成一个WordPress文件夹。

　　

　　图形按下生成文件夹3.3.4.2 创建数据库

　　因为WordPress需要关联一个MySQL数据库，所以需要为WordPress配置相应的数据库。数据库中的数据用于存储WordPress网站的内容和配置信息。

　　

　　图为WordPress数据库的创建

　　它收录六个 SQL 语句，其目的是：

　　为 WordPress 创建一个名为 wordpress 的数据库。为此数据库设置用户。为 wordpressuser 设置一个用户。为该用户配置密码。张侯锦123. 为该用户配置数据库访问权限生效。退出数据库。

　　现在进入PHPMyAdmin页面，查看已有的数据库，可以看到WordPress数据库已经创建完成。

　　

　　图 创建数据库成功3.3.4.3 配置WordPress

　　现在，为 WordPress 创建的数据库已准备就绪。之后需要继续配置WordPress，如下图：

　　注意！！: 下图中的sudo sys不是指令。我当时按了两次 Tab 键，输出信息是 shell 的命令完成提示。请忽略 sudo sys 语句。

　　

　　图 配置WordPress

　　主要操作的含义是：

　　由于PHP默认访问/var/www/html/文件夹，所以需要将WordPress文件夹中的所有文件复制到/var/www/html/文件夹下，修改/var/www/html/目录权限进行修改apache 默认索引 web 文件。这一步假设WordPress中的所有文件都复制到了HTTP服务器的根目录下。如果是这样的话，HTTP 根目录下会同时出现两个索引文件，分别是 apache 的 index.html 和 WordPress 的 index.php。担心会出现冲突，所以我把index.html改名为index~。html。

　　整个实验结束后，再看这一步的操作，真的没有必要。只需复制整个 WordPress 文件夹（如图所示）。在这种情况下，访问WordPress时，可以直接访问它，这样就不会影响apache索引。重启Apache服务3.3.4.4 初始化WordPress

　　配置完成重启后，在浏览器中打开，会自动跳转到WordPress初始化界面。

　　

　　图 WordPress 初始化界面

　　网页提示的大体意思是：欢迎安装WordPress。在开始之前，我们需要一些数据库信息。您需要了解以下信息：

　　数据库名称数据库用户名数据库密码数据库地址配置表（如果要在一个数据库中运行多个WordPress）

　　我们将使用此信息创建一个名为 wp-config.php 的文件。如果这个自动生成的文件不起作用，请不要担心。我们所做的只是将数据库信息写入配置文件。您还可以使用简单的文本编辑器打开 wp-config.php 文件并填写您的信息。

　　您的信息可能由 网站 服务提供商托管。如果您没有此信息，则需要在继续设置之前与他们联系以获取信息。

　　当然，我有这个信息。点击继续进入下一个界面。

　　

　　图配置WordPress_1

　　您需要填写刚才提到的信息。上图我已经填好了。点击提交，进入下一个界面。

　　

　　图配置WordPress_2

　　现在提醒：WordPress 已经可以连接数据库了，如果你准备好了，你可以去运行安装过程。现在点击运行安装，进入安装过程，出现如下界面。

　　

　　图配置WordPress_3

　　该界面提示您填写一些必要的安装信息，包括站点名称、用户名、密码、邮箱、是否支持搜索引擎索引等，我填写的信息如上图所示。填写完毕后，点击Install WordPress。

　　

　　图配置WordPress_4

　　安装完成后，出现上图所示的提示。点击登录，弹出如下界面。

　　

　　图配置WordPress_5

　　点击保存登录信息并登录，终于出现了WordPress的后台管理界面！

　　

　　图 WordPress后台管理界面

　　现在去前端用户界面查看，访问，可以看到如下界面。

　　

　　图 WordPress 前端用户界面

　　如您所见，默认情况下只生成了一个 HelloWorld 博客。为了测试后台服务器功能，下面我会在后台添加一个博客。

　　3.3.4.5 管理WordPress后台

　　我写了一篇博客用于后台测试。由于虚拟机中ubuntu没有安装中文输入法，所以博客主要是英文写的。

　　

　　图背景写测试博客

　　后台写入界面如上图所示。写好后保存发布，然后访问前台看效果。

　　

　　图前台访问测试

　　可以看到，刚才编辑的网页在前台可以正常显示了。

　　现在您可以查看数据库。刚刚创建的WordPress数据库中已经创建了很多数据表。这些数据表是刚才配置WordPress的时候创建的，用来记录网站的各种动态数据。

　　

　　图数据库的可视化视图

　　至此，构建动态网站的实验已经顺利完成。

　　至此，LAMP架构已经搭建在虚拟机上，安装了WordPress软件，并进行了相关测试。但是所有访问只能在虚拟机中进行本地环回测试，外网无法访问本地资源。为了能够访问公网，需要使用公网IP。我租了阿里云的云服务器，在云服务器上重复了实验三的步骤，搭建了LAMP架构，安装了WordPress软件。公网访问地址为：可随时测试。

　　3.3.5 写动态网站 3.3.5.1 写PHP文件

　　为了更深入的了解动态网站的制作以及数据库的使用，我尝试使用阿里云内置的LAMP架构，创建了一个简单的*敏*感*词*管理动态网站。以下PHP文件和网站制作流程参考相关资料。

　　注：此部分内容参考PHP实现一个简单的*敏*感*词*管理系统（网页版）博客，点击访问。