介紹如何通過(guò)html+css++php快速創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)，讓我們出發(fā)去探索不為人知的奧秘！ ！ ！

一、開(kāi)發(fā)環(huán)境搭建

(1）+php+ 環(huán)境設(shè)置

因?yàn)槭亲鳛榉?wù)器，作為數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)數(shù)據(jù)，而pHp是用來(lái)寫(xiě)代碼實(shí)現(xiàn)網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)之間數(shù)據(jù)交互的，所以需要下載以上軟件，但是安裝環(huán)境和配置以上軟件都比較麻煩，所以這里我用了一個(gè)功能強(qiáng)大的建站集成軟件包---,

(2）數(shù)據(jù)庫(kù)客戶端軟件

直接在cmd命令控制臺(tái)操作數(shù)據(jù)庫(kù)不方便，不直接。當(dāng)然也可以直接使用。開(kāi)放），但操作不便。這里我們使用的是公司的數(shù)據(jù)庫(kù)客戶端

點(diǎn)擊，輸入連接名稱，（這里我直接取了Ip地址的名稱127.0.0.1），主機(jī)名和端口號(hào)不需要改，這里用戶名和密碼，如果是使用的話，那么用戶名是root，密碼為空；如果不是安裝使用，可以根據(jù)你設(shè)置的用戶名和密碼登錄。填寫(xiě)，點(diǎn)擊連接測(cè)試，沒(méi)問(wèn)題就可以直接連接數(shù)據(jù)庫(kù)了。

另外，如果你想掌握數(shù)據(jù)庫(kù)，簡(jiǎn)單來(lái)說(shuō)，對(duì)數(shù)據(jù)庫(kù)的任何操作都必須操作SQL語(yǔ)句。一般來(lái)說(shuō)，有四種操作：添加、刪除、修改和檢查。

①增加：向數(shù)據(jù)庫(kù)寫(xiě)入數(shù)據(jù)

聲明：進(jìn)入(``,``)('name','')

（pS新人一定要注意``這個(gè)符號(hào)是tab鍵上面的引號(hào)，后面是單引號(hào)）

②刪除：刪除現(xiàn)有數(shù)據(jù)

聲明：來(lái)自 id='3'

③：修改數(shù)據(jù)

聲明：set='new ',='new ' id=3

④檢查：從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)

聲明：* from id>1 by id desc 0,2

(3）html 網(wǎng)頁(yè)制作工具文字

Text 是一個(gè)代碼編輯器（Text 2 是付費(fèi)軟件，但可以無(wú)限期試用），同時(shí)也是 HTML 和散文的高級(jí)文本編輯器。 Text擁有漂亮的用戶界面和強(qiáng)大的功能，非常適合寫(xiě)代碼的程序員。

用文本寫(xiě)網(wǎng)頁(yè)代碼，可以掌握這么一個(gè)小技巧，先新建一個(gè)文件，保存格式為html網(wǎng)頁(yè)格式，然后用文本打開(kāi)，輸入html:4s按tab鍵生成一個(gè)一般框架。當(dāng)然，如果你想使用這個(gè)快捷方式，你必須按照我上面給出的鏈接，按照步驟安裝插件才能使用。

(4）網(wǎng)站域名配置

一般來(lái)說(shuō)，如果你在瀏覽器中打開(kāi) URL 127.0.0.1 ，它會(huì)轉(zhuǎn)到默認(rèn)目錄中的一個(gè) URL。這里我將其修改為我制作項(xiàng)目的目錄。 ,E:\pHp\\\conf，打開(kāi).conf文件，修改里面的路徑到你存放網(wǎng)站的目錄，這里我修改為

"E:/php//"

這里請(qǐng)注意根據(jù)自己下載的路徑修改為自己的目錄。其次，我也再次修改了這個(gè)URL 127.0.0.1 使虛擬域名為,，修改后重啟瀏覽器中輸入，出現(xiàn)如下場(chǎng)景：

這里發(fā)現(xiàn)我修改的DNS配置，不知道什么時(shí)候之前加了注釋，打不開(kāi)。大家要注意按照我給的連接配置。如果打不開(kāi)，看一下配置。文件是否有錯(cuò)誤。

總之，配置環(huán)境和工具已經(jīng)基本搭建成功，接下來(lái)我就開(kāi)始講解這個(gè)博客項(xiàng)目了。

二、blog 網(wǎng)站寫(xiě)作

1.整體框架

首先介紹一下我的整體框架，解釋一下，讓大家先熟悉一下。

blog為項(xiàng)目名稱，文件夾存放后臺(tái)登錄文件，core文件夾存放core文件動(dòng)態(tài)網(wǎng)站制作教程php，文件夾存放網(wǎng)頁(yè)的樣式文件動(dòng)態(tài)網(wǎng)站制作教程php，文件夾存放圖片信息從本地上傳到服務(wù)器，然后.php文件是整個(gè)博客網(wǎng)站的配置文件，.inc.php加載的是頁(yè)面樣式信息，.php文件是網(wǎng)站首頁(yè)，閱讀.php 文件是網(wǎng)站首頁(yè)文章的具體鏈接。

這里給出數(shù)據(jù)庫(kù)表的設(shè)計(jì)，供大家參考學(xué)習(xí)。這里我主要設(shè)置了三個(gè)表，用于存儲(chǔ)后端管理員注冊(cè)登錄的數(shù)據(jù)，即賬號(hào)和密碼：

頁(yè)表主要用于存儲(chǔ)博客信息，這里也給出圖片，方便安裝圖片建表：

最后給出這張表，主要用于存放博客的系統(tǒng)設(shè)置：

2.網(wǎng)站后臺(tái)撰寫(xiě)

(1）登錄界面(.php)

關(guān)于這個(gè)頁(yè)面，我會(huì)在這里給出源代碼。登錄頁(yè)面其實(shí)就是一個(gè)從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)的過(guò)程。這個(gè)登錄頁(yè)面的設(shè)計(jì)主要是我自己設(shè)計(jì)的。不明白的可以百度一下。

里面包含了多種樣式、組件和插件，可以說(shuō)是非常好用。

我這里的使用方法是下載，然后給文件加壓，復(fù)制到這個(gè)文件夾。調(diào)用方法見(jiàn)下方源代碼。我在源代碼中已經(jīng)給出了詳細(xì)的解釋。

源代碼：

get('do')=='check'){
	 	/*獲取頁(yè)面提交的用戶名和密碼數(shù)據(jù)*/
	 	$ausername=$input->post('ausername');
	 	$apassword=$input->post('apassword');
	 	/*查詢頁(yè)面提交的數(shù)據(jù)是否在數(shù)據(jù)庫(kù)提供的數(shù)據(jù)存在的sql語(yǔ)句*/
	 	 $sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' ";
	 	 /*數(shù)據(jù)庫(kù)查詢語(yǔ)句返回結(jié)果*/
	 	 $mysqli_result=$db->query($sql);
	 	 /*以數(shù)組形式存儲(chǔ)數(shù)據(jù)庫(kù)查詢語(yǔ)句的返回結(jié)果*/
	 	 $row=$mysqli_result->fetch_array( MYSQLI_ASSOC);
	 	 /*如果row確實(shí)返回了結(jié)果，則將結(jié)果的aid存儲(chǔ)在session里，并轉(zhuǎn)向home.php文件*/
	 	 if(is_array($row)){
	 	 	$_SESSION['aid']=$row['aid'];
	 	 	header("location:home.php");
	 	 }else{
	 	 	echo("賬戶或密碼錯(cuò)誤");
	 	 }
	 }
?>



	
	
	
	
	



	
	

		

			
	
			

			    

			  		
管理員登錄
	  		
			  		

			    		

							
							
用戶名
						    
					
							
						    
密碼
						    
					
							
						    
				    
						    
				    
							
 
	    		
						
			 
			  		 
版權(quán)所有，盜版必究
	
	
			
	
	
	
	

(2）注冊(cè)界面(.php)

注冊(cè)接口其實(shí)就是一個(gè)向數(shù)據(jù)庫(kù)添加數(shù)據(jù)的過(guò)程。

還是給出了源碼，我在源碼里有詳細(xì)的說(shuō)明。

get('do')=='check'){
		/*獲取用戶頁(yè)面注冊(cè)傳來(lái)的用戶名和密碼數(shù)據(jù)*/
		$ausername=$input->post('ausername');
		$apassword=$input->post('apassword');
		$aconfirmpassword=$input->post('aconfirmpassword');
		/*注冊(cè)時(shí)的處理*/
		if($apassword!=$aconfirmpassword){
			echo "前后兩次輸入的密碼不一致";
			exit;
		}
		/*將用戶填入的數(shù)據(jù)插入到數(shù)據(jù)庫(kù)的sql語(yǔ)句*/
		$sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')";
		/*提交sql語(yǔ)句到數(shù)據(jù)庫(kù)處理*/
		$is=$db->query($sql);
		/*判斷是否注冊(cè)成功*/
		if($is){
			echo "注冊(cè)成功";
			header("Location:login.php");
		}else{
			echo "注冊(cè)失敗";
		}
	}
?>



	
	
	
	
	



	
	

		

			
	
			

			    

			  		
管理員注冊(cè)
	  		
			  		

			    		

							
							
用戶名
						    
					
							
						    
密碼
						    
				    
						    
確認(rèn)密碼
						    
					
							
						    
				    
	    		
						
			 
			  		 
版權(quán)所有，盜版必究
	
	
			
	
	
	
	

(3）后臺(tái)管理頁(yè)面(home.php)

源代碼中，將上述網(wǎng)站的標(biāo)題部分單獨(dú)拿出來(lái)制作了一個(gè)文件（nav.inc.php），這里也給出了源代碼供大家參考。

home.php 源代碼

nav.inc.php

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

這里有三個(gè)功能，修改、刪除、添加博客界面。下面我將單獨(dú)列出添加博客的接口

(5）添加博客界面(.php)

這里，如果這個(gè)編輯器需要圖片上傳功能，需要在文件中設(shè)置，這個(gè)文件設(shè)置為(.php)

.php 源代碼

get('pid');
	/*初始化page，為了區(qū)別添加還是修改操作*/
	$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);
	 }
	 /*對(duì)于添加操作操作而言，賬戶或密碼不能為空*/
	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("數(shù)據(jù)不能為空");
		}
		/*如果aid大于1，則得出更新操作，否則執(zhí)行添加操作*/
		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);
			
		}			
		/*判斷是否有結(jié)果*/
		$is=$db->query($sql);
		if($is){
			header("location:blog.php");
		}else{
			echo "執(zhí)行失敗";
		}
	}
?>



	
	
	
	
	
	
	
	
	



	
	
 博客管理 返回
	

		

			  
標(biāo)題
			    
'>
	  
作者
			    
' >
	  
正文
			    
<?php echo $page['content'];?>
			     	
								     	
	  
			  
提交
	
			

.php 源代碼

 true,
				'msg'     => '',
				'file_path'=>$urlName
				);
			echo json_encode($json);
		}
	}
?>

(6） (.php)

這里還是三個(gè)功能，修改，刪除，添加。這里我就不一一列舉了。詳情請(qǐng)參考文末給出的源代碼。

(7）系統(tǒng)管理界面

系統(tǒng)管理可以在這里設(shè)置博客的標(biāo)題、簡(jiǎn)介和每頁(yè)展示次數(shù)

3.主界面(.php)

這里是游客訪問(wèn)的主界面。這是供您參考的源代碼。

閱讀界面（read.php）

想閱讀文章時(shí)，可以點(diǎn)擊標(biāo)題進(jìn)入閱讀頁(yè)面，閱讀，同時(shí)給出源碼供參考

推薦學(xué)習(xí)：《pHp視頻教程》

以上就是通過(guò)html+css++php快速制作動(dòng)態(tài)網(wǎng)頁(yè)的詳細(xì)內(nèi)容。更多內(nèi)容請(qǐng)關(guān)注php中文網(wǎng)其他相關(guān)文章！

聲明：本文轉(zhuǎn)載于：CSDN，如有侵權(quán)，請(qǐng)聯(lián)系刪除

當(dāng)前名稱：如何通過(guò)html+css+php來(lái)快速的制作動(dòng)態(tài)網(wǎng)頁(yè)
標(biāo)題URL：http://jinyejixie.com/news12/291312.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站內(nèi)鏈、服務(wù)器托管、App設(shè)計(jì)、Google、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)