如何通过html+css+php来快速的制作动态网页
2021-07-27
介绍如何通过html+css++php快速创建动态网页，让我们出发去探索不为人知的奥秘！ ！ ！
一、开发环境搭建
(1）+php+ 环境设置
因为是作为服务器，作为数据库来存储数据，而PHP是用来写代码实现网页和数据库之间数据交互的，所以需要下载以上软件，但是安装环境和配置以上软件都比较麻烦，所以这里我用了一个功能强大的建站集成软件包---,
(2）数据库客户端软件
直接在cmd命令控制台操作数据库不方便，不直接。当然也可以直接使用。开放），但操作不便。这里我们使用的是公司的数据库客户端
点击，输入连接名称，（这里我直接取了IP地址的名称127.0.0.1），主机名和端口号不需要改，这里用户名和密码，如果是使用的话，那么用户名是root，密码为空；如果不是安装使用，可以根据你设置的用户名和密码登录。填写，点击连接测试，没问题就可以直接连接数据库了。
另外，如果你想掌握数据库，简单来说，对数据库的任何操作都必须操作SQL语句。一般来说，有四种操作：添加、删除、修改和检查。
①增加：向数据库写入数据
声明：进入(``,``)('name','')
（PS新人一定要注意``这个符号是tab键上面的引号，后面是单引号）
②删除：删除现有数据
声明：来自 id='3'
③：修改数据
声明：set='new ',='new ' id=3
④检查：从数据库中读取数据
声明：* from id>1 by id desc 0,2
(3）html 网页制作工具文字
Text 是一个代码编辑器（Text 2 是付费软件，但可以无限期试用），同时也是 HTML 和散文的高级文本编辑器。 Text拥有漂亮的用户界面和强大的功能，非常适合写代码的程序员。
用文本写网页代码，可以掌握这么一个小技巧，先新建一个文件，保存格式为html网页格式，然后用文本打开，输入html:4s按tab键生成一个一般框架。当然，如果你想使用这个快捷方式，你必须按照我上面给出的链接，按照步骤安装插件才能使用。
(4）网站域名配置
一般来说，如果你在浏览器中打开 URL 127.0.0.1 ，它会转到默认目录中的一个 URL。这里我将其修改为我制作项目的目录。 ,E:\PHP\\\conf，打开.conf文件，修改里面的路径到你存放网站的目录，这里我修改为
"E:/php//"
这里请注意根据自己下载的路径修改为自己的目录。其次，我也再次修改了这个URL 127.0.0.1 使虚拟域名为,，修改后重启浏览器中输入，出现如下场景：
这里发现我修改的DNS配置，不知道什么时候之前加了注释，打不开。大家要注意按照我给的连接配置。如果打不开，看一下配置。文件是否有错误。
总之，配置环境和工具已经基本搭建成功，接下来我就开始讲解这个博客项目了。
二、Blog 网站写作
1.整体框架
首先介绍一下我的整体框架，解释一下，让大家先熟悉一下。
blog为项目名称，文件夹存放后台登录文件，core文件夹存放core文件动态网站制作教程php，文件夹存放网页的样式文件动态网站制作教程php，文件夹存放图片信息从本地上传到服务器，然后.php文件是整个博客网站的配置文件，.inc.php加载的是页面样式信息，.php文件是网站首页，阅读.php 文件是网站首页文章的具体链接。
这里给出数据库表的设计，供大家参考学习。这里我主要设置了三个表，用于存储后端管理员注册登录的数据，即账号和密码：
页表主要用于存储博客信息，这里也给出图片，方便安装图片建表：
最后给出这张表，主要用于存放博客的系统设置：
2.网站后台撰写
(1）登录界面(.php)
关于这个页面，我会在这里给出源代码。登录页面其实就是一个从数据库中读取数据的过程。这个登录页面的设计主要是我自己设计的。不明白的可以百度一下。
里面包含了多种样式、组件和插件，可以说是非常好用。
我这里的使用方法是下载，然后给文件加压，复制到这个文件夹。调用方法见下方源代码。我在源代码中已经给出了详细的解释。
源代码：
get('do')=='check'){
/*获取页面提交的用户名和密码数据*/
$ausername=$input->post('ausername');
$apassword=$input->post('apassword');
/*查询页面提交的数据是否在数据库提供的数据存在的sql语句*/
$sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' ";
/*数据库查询语句返回结果*/
$mysqli_result=$db->query($sql);
/*以数组形式存储数据库查询语句的返回结果*/
$row=$mysqli_result->fetch_array( MYSQLI_ASSOC);
/*如果row确实返回了结果，则将结果的aid存储在session里，并转向home.php文件*/
if(is_array($row)){
$_SESSION['aid']=$row['aid'];
header("location:home.php");
}else{
echo("账户或密码错误");
}
}
?>
管理员登录界面
管理员登录
(2）注册界面(.php)
注册接口其实就是一个向数据库添加数据的过程。
还是给出了源码，我在源码里有详细的说明。
get('do')=='check'){
/*获取用户页面注册传来的用户名和密码数据*/
$ausername=$input->post('ausername');
$apassword=$input->post('apassword');
$aconfirmpassword=$input->post('aconfirmpassword');
/*注册时的处理*/
if($apassword!=$aconfirmpassword){
echo "前后两次输入的密码不一致";
exit;
}
/*将用户填入的数据插入到数据库的sql语句*/
$sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')";
/*提交sql语句到数据库处理*/
$is=$db->query($sql);
/*判断是否注册成功*/
if($is){
echo "注册成功";
header("Location:login.php");
}else{
echo "注册失败";
}
}
?>
管理员注册界面
管理员注册
(3）后台管理页面(home.php)
源代码中，将上述网站的标题部分单独拿出来制作了一个文件（nav.inc.php），这里也给出了源代码供大家参考。
home.php 源代码
管理员登录
nav.inc.php
(4）博客管理界面(blog.php)
这里有三个功能，修改、删除、添加博客界面。下面我将单独列出添加博客的接口
(5）添加博客界面(.php)
这里，如果这个编辑器需要图片上传功能，需要在文件中设置，这个文件设置为(.php)
.php 源代码
get('pid');
/*初始化page，为了区别添加还是修改操作*/
$page=array(
'title' => '',
'author' => '',
'content' => '',
);
/*如果pid大于0，可以得出并不是添加操作，而是修改操作*/
if($pid>0){
$sql="select * from page where pid ='{$pid}' ";
$res=$db->query($sql);
$page=$res->fetch_array(MYSQLI_ASSOC);
}
/*对于添加操作操作而言，账户或密码不能为空*/
if($input->get('do')=='add'){
$title=$input->post('title');
$author=$input->post('author');
$content=$input->post('content');
if(empty($title)||empty($author)||empty($content)){
echo("数据不能为空");
}
/*如果aid大于1，则得出更新操作，否则执行添加操作*/
if($pid>0){
$uptime=time();
$sqlTpl="UPDATE page set title='%s',author='%s',content='%s',uptime='%d' where pid='%d' ";
$sql=sprintf($sqlTpl,$title,$author,$content,$uptime,$pid);
}
else{
$intime=time();
$sqlTpl="INSERT INTO page(`title`,`author`,`content`,`intime`,`uptime`) values('%s','%s','%s','%d','%d')";
$sql=sprintf($sqlTpl,$title,$author,$content,$intime,0);
}
/*判断是否有结果*/
$is=$db->query($sql);
if($is){
header("location:blog.php");
}else{
echo "执行失败";
}
}
?>
添加博客
博客管理 返回
.php 源代码
true, 'msg' => '', 'file_path'=>$urlName ); echo json_encode($json); } } ?>
(6） (.php)
这里还是三个功能，修改，删除，添加。这里我就不一一列举了。详情请参考文末给出的源代码。
(7）系统管理界面
系统管理可以在这里设置博客的标题、简介和每页展示次数
3.主界面(.php)
这里是游客访问的主界面。这是供您参考的源代码。
阅读界面（read.php）
想阅读文章时，可以点击标题进入阅读页面，阅读，同时给出源码供参考
推荐学习：《PHP视频教程》
以上就是通过html+css++php快速制作动态网页的详细内容。更多内容请关注php中文网其他相关文章！
声明：本文转载于：CSDN，如有侵权，请联系删除
