免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

如何通過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：http://m.newbst.com/news12/291312.html

成都網站建設公司_創新互聯，為您提供定制網站、網站內鏈、服務器托管、App設計、Google、響應式網站

廣告

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

營銷型網站建設