如何通过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("账户或密码错误");
	 	 }
	 }
?>




	
	星空体育app最新版本(2024已更新)



	
	
	



	
	

管理员登录

版权所有,盗版必究

(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 "注册失败";
		}
	}
?>




	
	星空体育app最新版本(2024已更新)



	
	
	



	
	

管理员注册

版权所有,盗版必究

(3)后台管理页面(home.php)

源代码中,将上述网站的标题部分单独拿出来制作了一个文件(nav.inc.php),这里也给出了源代码供大家参考。

home.php 源代码






	 
	星空体育app最新版本(2024已更新)



	  



	  






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 "执行失败";
		}
	}
?>




	
	星空体育app最新版本(2024已更新)



	
	
	
	
	
	
	



	
	

博客管理 返回


'>

' >

.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:/news12/291312.html

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

广告

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

营销型网站建设