如何通過html+css+php來快速的制作動態(tài)網(wǎng)頁
2021-07-27
介紹如何通過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é)習。這里我主要設(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("賬戶或密碼錯誤");
}
}
?>
管理員登錄界面
管理員登錄
(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 "注冊失敗";
}
}
?>
管理員注冊界面
管理員注冊
(3）后臺管理頁面(home.php)
源代碼中，將上述網(wǎng)站的標題部分單獨拿出來制作了一個文件（nav.inc.php），這里也給出了源代碼供大家參考。
home.php 源代碼
管理員登錄
nav.inc.php
(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 源代碼
true, 'msg' => '', 'file_path'=>$urlName ); echo json_encode($json); } } ?>
(6） (.php)
這里還是三個功能，修改，刪除，添加。這里我就不一一列舉了。詳情請參考文末給出的源代碼。
(7）系統(tǒng)管理界面
系統(tǒng)管理可以在這里設(shè)置博客的標題、簡介和每頁展示次數(shù)
3.主界面(.php)
這里是游客訪問的主界面。這是供您參考的源代碼。
閱讀界面（read.php）
想閱讀文章時，可以點擊標題進入閱讀頁面，閱讀，同時給出源碼供參考
推薦學(xué)習：《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)系刪除
