如何通過html+css+php來快速的制作動態(tài)網(wǎng)頁

2023-10-29 分類：網(wǎng)站建設(shè)

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

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

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

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

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

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

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

另外，如果你想掌握數(shù)據(jù)庫，簡單來說，對數(shù)據(jù)庫的任何操作都必須操作SQL語句。一般來說，有四種操作：添加、刪除、修改和檢查。

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

聲明：進入(``,``)('name','')

（pS新人一定要注意``這個符號是tab鍵上面的引號，后面是單引號）

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

聲明：來自 id='3'

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

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

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

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

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

Text 是一個代碼編輯器（Text 2 是付費軟件，但可以無限期試用），同時也是 HTML 和散文的高級文本編輯器。 Text擁有漂亮的用戶界面和強大的功能，非常適合寫代碼的程序員。

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

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

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

"E:/php//"

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

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

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

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

1.整體框架

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

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

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

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

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

2.網(wǎng)站后臺撰寫

(1）登錄界面(.php)

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

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

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

源代碼：

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



	
	管理員登錄界面
	
	
	



	
	
		

			
	
			
			    

			  		
管理員登錄	  		
			  		
			    		

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

(2）注冊界面(.php)

注冊接口其實就是一個向數(shù)據(jù)庫添加數(shù)據(jù)的過程。

還是給出了源碼，我在源碼里有詳細的說明。

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



	
	管理員注冊界面
	
	
	



	
	
		

			
	
			
			    

			  		
管理員注冊	  		
			  		
			    		

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

(3）后臺管理頁面(home.php)

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

home.php 源代碼





	 
	管理員登錄

nav.inc.php


	  
	    

	      ADMIN	    
	    

	        博客管理 (current)
	        管理員管理
	         系統(tǒng)管理
	      
	     
	      
	       
	        
	              
	          
	            退出

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

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

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

這里，如果這個編輯器需要圖片上傳功能，需要在文件中設(shè)置，這個文件設(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);
	 }
	 /*對于添加操作操作而言，賬戶或密碼不能為空*/
	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í)行失敗";
		}
	}
?>



	
	添加博客
	
	
	
	
	
	
	



	
	
 博客管理 返回
	
		

			  標題
			    
'>
	  作者
			    
' >
	  正文
			    
<?php echo $page['content'];?>

.php 源代碼

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

(6） (.php)

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

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

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

3.主界面(.php)

這里是游客訪問的主界面。這是供您參考的源代碼。

閱讀界面（read.php）

想閱讀文章時，可以點擊標題進入閱讀頁面，閱讀，同時給出源碼供參考

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

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

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

當前名稱：如何通過html+css+php來快速的制作動態(tài)網(wǎng)頁
標題URL：http://www.muchs.cn/news12/291312.html

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

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

猜你還喜歡下面的內(nèi)容

如何通過html+css+php來快速的制作動態(tài)網(wǎng)頁

博客管理 返回

博客管理返回