htmlunit抓取动态网页(让我们一起出发探索未知的奥秘吧！(组图))

　　htmlunit抓取动态网页(让我们一起出发探索未知的奥秘吧！(组图))

　　下面就给大家介绍一下如何通过html+css+mysql+php快速创建动态网页，让我们一起来探索未知的奥秘吧！！！

　　

　　一、搭建开发环境

　　(1）apache+php+mysql环境搭建

　　因为使用apache作为服务器，使用mysql作为数据库存储数据，使用php编写代码实现网页与数据库的交互数据，需要下载以上软件，但是安装以上软件的环境和配置都很麻烦，所以这里我们使用一个强大的建站集成软件包---XAMPP，

　　

　　(2）数据库客户端软件导航

　　直接在cmd命令控制台中操作数据库不方便，不够直观。当然也可以直接用phpmyadmin操作（上面的xampp包安装好后，在浏览器输入127.0.0.1/phpmyadmin可以打开），但是phpmyadmin操作不方便，这里我们使用Navicat制作的数据库客户端

　　

　　点击connect，输入连接名称，（这里我直接取IP地址的名称127.0.0.1），主机名和端口号不需要要更改的，这里的用户名和密码，如果你使用的是xampp，用户名是root，密码为空；如果不是xampp安装的，可以根据你设置的用户名和密码登录。填写完后点击连接测试，没有问题直接确认连接数据库。

　　

　　另外，如果你想掌握数据库，简单来说，你想对数据库进行任何操作都必须操作sql语句。一般来说，它分为四种操作：添加、删除、修改和查询。

　　①添加：将数据写入数据库

　　语句：插入用户(`username`,`password`)值（'name','passwd'）

　　（ps新手一定要注意用户数据表后面的``符号是tab键上面的引号，值后面的值是单引号）

　　②删除：删除已有数据

　　声明：从用户中删除 WHERE id='3'

　　③Change：修改数据

　　语句：update set users username='new value', password='new value' WHERE id=3

　　④检查：从数据库中读取数据

　　语句：select * from users where id>1 order by id desc limit 0,2

　　(3）html网页创作工具sublime text

　　Sublime Text 是一个代码编辑器（Sublime Text 2 是付费软件，但可以无限期试用）和一个用于 HTML 和散文的高级文本编辑器。Sublime text 拥有漂亮的用户界面和强大的功能，非常适合写代码的程序员。

　　

　　使用sublime text写网页代码，可以掌握这么一个小技巧，先新建一个文件，保存格式为html网页格式，然后用sublime text打开，输入html:4s然后按tab键生成一个通用框架。当然，如果要使用这个快捷键，必须按照我上面给出的链接，按照步骤安装好Emmet插件，才能使用。

　　(4）网站域名配置

　　一般来说，当你在浏览器中打开URL 127.0.0.1 时，会跳转到apache默认目录下的一个URL。这里我修改一下，修改为我的项目目录，E:PHPxamppapacheconf，打开httpd.conf文件，修改里面的路径为你存放网站的目录，这里我的修改是

　　DocumentRoot "E:/php/xampp/workplace"

　　这里要注意根据自己下载的路径修改自己的目录。其次，我也再次修改了URL 127.0.0.1，使其虚拟域名为,，修改后重启后，在浏览器中输入，会出现如下场景：

　　

　　这里发现我修改的DNS配置，不知道什么时候在前面加了注释，所以打不开。大家也应该注意按照我给的连接配置。如果无法打开，请检查配置文件。错误。

　　总之，配置环境和工具基本搭建成功，接下来就开始讲解本篇博客的项目。

　　二、写博客网站写作

　　1.整体框架

　　首先介绍一下我的整体框架，解释一下，让大家先熟悉一下。

　　

　　blog为项目名称，admin文件夹存放后台登录文件，core文件夹存放核心文件，theme文件夹存放网页样式文件，upfiles文件夹存放从本地上传到的图片信息服务器，然后 config.php 文件是整个博客的配置文件网站，header.inc.php是加载了一个页面样式信息，index.php文件是网站的首页@>，read.php 文件是 网站 文章 特定链接的主页。

　　

　　这里给出数据库表的设计，供大家参考学习。这里我主要建三张表，admin用来存放后台管理员的注册登录数据，也就是账号和密码：

　　

　　页表主要用于存放博客信息，这里也给出图片方便安装图建表：

　　

　　最后给出设置表，主要用于存放博客的系统设置：

　　

　　2.网站后台管理员写作

　　(1）登录界面(login.php)

　　

　　关于这个页面，我会在这里给出源代码。登录页面实际上是一个从数据库中读取的过程。这个登录页面的设计主要是使用bootstrap来设计的。

　　

　　在里面，它收录了各种样式、组件和 JavaScript 插件，可以说是非常好用。

　　

　　我这里使用的方式是下载bootstrap，然后加压文件，复制到主题文件夹。调用方法见下方源码。我在源代码中给出了详细的解释。

　　源代码：

　　

管理员登录界面

<p class="container">

<p class="row" style="margin-top:200px;">

管理员登录

　　导航.inc.php

　　

<p class="container-fluid">

<p class="navbar-header">

Toggle navigation

ADMIN

　　

博客管理 (current)

管理员管理

系统管理

退出

</p>

</p>

　　(4） 博客管理界面(blog.php)

　　这里一共有三个功能，修改、删除、添加博客界面。下面我将分别列出添加博客接口。

　　

　　(5）添加博客接口(blog_add.php)

　　这里，如果编辑器需要图片上传功能，需要在文件中设置。此文件设置为 (blog_uopload.php)

　　blog_add.php 源代码

<p>

添加博客

<p class="container">

博客管理 返回

<p class="rows">