最后一节课，完成了整个后台网站的功能开发。您可以创建、编辑、删除和查询新闻信息数据。

这个类来到前端网站，增加了新闻信息列表展示页面和详细页面。

写新闻列表页

列表页可以参考后台的列表查询页，但查询条件不要求，需要修改翻页方式，保证每次传输的数据只是当前页的数据。

.php 代码如下：

.php 代码如下：

news.css 代码修改如下：

先登录后台页面，总共增加5条记录：

然后直接通过浏览器访问网页url地址：

可以看到当前页显示2条新闻，出现页数，点击第2页：

您可以看到显示正确的数据。

写新闻详情展示页面

明细页面不仅是显示主表信息，还通过循环显示明细表的信息。

.php 代码如下：

.php 代码如下：

news.css 代码修改如下：

通过浏览器访问新闻概览页面：

然后点击第一条新闻进入详细页面：

可以看到，根据设置的数据，内容、图片等信息正常显示。

进入后台管理功能页面，将这条消息的详情增加为2张图片2段文字：

然后回到前台新闻详情页面，刷新一下：

可以看到显示了两张图片和对应的文字内容。

整体测试

调整上一页翻页的参数，修改为10条记录翻页：

.php修改如下：

.php修改如下：

然后在之前写的.html中添加一个链接seo优化，链接到新闻列表显示页面。

.html 修改如下：

刷新 .html 页面：

点击“新闻信息列表”按钮：

然后通过后台管理页面，添加更多数据，再通过前端页面浏览，看看功能是否正常。

云服务器创建数据库和表结构

首先，到云服务器的数据库系统中创建数据库和对应的表，然后。

在创建之前，需要准备好创建数据库和表的SQL语句。

可以从以前的数据库客户端软件中导出。

打开数据库客户端软件，打开连接和数据库：

然后右键单击数据库并选择菜单“Dump SQL File”：

然后点击“保存”按钮：

可以看到构建完成。单击关闭按钮。

然后去文件管理器找到.sql文件，用文本编辑器打开：

可以看到是创建表结构的SQL语句和添加数据的SQL语句。删除新数据的注释语句和SQL语句，最后保留如下：

然后通过scp命令或者软件把这个文件.sql上传到云服务器的主目录：

然后，通过ssh命令或程序远程登录云服务器，进入/home目录，使用ls命令查看.sql软件是否存在：

确保该文件存在，然后运行以下命令进入客户端软件程序，进行创建数据库和创建数据表的操作

# - -p 输入

输入数据库密码

>显示;输入

显示当前有多少个数据库

> 设置 utf8 ；进入

创建数据库名称是，字符集是utf8

>显示;输入

显示当前有多少个数据库，应该还有一个数据库

>使用; 进入

进入数据库

>显示;输入

查看当前数据库有多少表

> /home/.sql; 进入

执行sql文件

>显示;输入

检查当前数据库中有多少个表，您应该会看到另外 3 个表，并且

> * 来自 ; 进入

查询表中的数据，应该没有记录

>退出进入

退出客户端程序小程序开发，返回系统环境

以上步骤是创建数据库和创建3个表的过程。

步骤截图如下：

如果以上步骤都完成了，下次进入数据库查询数据时，只需要以下步骤即可。

# - -p

>使用；

> * 来自 ; 或其他 SQL 语句

>退出

代码更新部署到云服务器

整理好需要更新的文件，上传到云服务器。

更新文件列表如下：

.php

.php

.php

.php

.php

.php

.php

.html

.php

.php

.php

.php

.php

.php

.php

新闻.css

新闻.js

顶部.php

上传前需要注意的是，如果云服务器上设置的root用户的密码和本地服务器上设置的密码不一样，需要修改一下：

.php修改如下：

然后在云服务器的web目录中添加一个目录，例如服务器创建/usr///html/目录。

并将目录的权限更改为755：

#cd /usr///html

#

#sudo 777 -R

步骤截图如下：

上传完成后目录文件如下：

通过域名访问云服务器并测试

然后通过域名访问网站：

可以多看到一个按钮，点击“新闻信息列表”按钮：

发现页面并没有打开新窗口显示新闻信息列表页面，而是变成了php文件的下载，这是因为之前云服务器没有做php相关的配置。

通过ssh登录云服务器或运行以下命令：

#sudo apt-get -y php5 php5-php5-fpm

#sudo vi /etc//站点-/

修改为以下内容：

然后输入：wq，保存退出。

完成配置文件编辑后，运行命令重启 php5-fpm 并：

须藤 php5-fpm

须藤

然后刷新首页，点击“新闻信息列表”按钮：

可以看到进入了新闻信息列表查看页面，但是由于数据库中没有新的数据，所以是一个空白页面。

直接输入url地址进入后台管理功能页面管理新闻信息：

输入用户名和密码，点击登录，发现报错“登录超时或无权限php登录界面代码，请重新登录！” 经检查，发现.php有问题，少了一句()；函数调用在第一行。由于之前的运行环境，这个和php的配置不同。所以这个必须加。

.php修改如下：

修改后重新上传这个文件到云服务器，然后再次登录，这时候就可以进入主后台页面了：

然后点击菜单进入新闻信息管理页面：

然后可以执行数据维护操作。插入2条数据：

回到前端新闻信息概览页面，刷新页面：

点击新闻进入详细页面：

可以看到正常信息的显示。

第四章小结

第4章主要介绍了PHP语言，结合HTML、CSS和动态数据网站的编写，同时学习了SQL语言的基本知识，学会了使用数据库进行数据查询和更新操作。

然后通过学生成绩信息管理和新闻信息发布管理两个例子，练习如何整合所有知识，实现最基本的网站页面功能。

下一章php登录界面代码，我们将通过一个更实际的例子来复习和巩固前面所学的知识：图书馆管理系统：HTML+CSS+PHP+实现一个经典的网站。