如何通过html+css+php来快速的制作动态网页

2023-10-29    分类： 网站建设

介绍如何通过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，如有侵权，请联系删除

当前名称：如何通过html+css+php来快速的制作动态网页
标题URL：https://www.cdcxhl.com/news12/291312.html

成都网站建设公司_创新互联，为您提供定制网站、网站内链、服务器托管、App设计、Google、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

营销型网站建设

网站建设知识

行业网站建设