[WAMP網站開發] PHP連線MySQL資料庫基礎知識
這篇文章主要是最近教學生使用WAMP(Windows+Apache+MySQL+PHP)開發網站,HTML佈局首頁,PHP連線資料庫以及XAMPP運算元據庫的基礎文章,更是一篇教學文章。文章比較基礎,希望對能給PHP網站開發的學生做個入門介紹。
一. HTML簡單佈局首頁
首先是頁面佈局,這裡採用我以前給同學做的火車票的簡單網站模板。
主要是中間那部分DIV需要設計成模擬的跳轉介面。程式碼如下:
<!DOCTYPE>
<html>
<head>
<title>火車票訂票系統管理系統</title>
<style type="text/css">
#middle {
margin:0 auto; /* 水平居中 */
margin-top: 10px;
width: 80%;
height: 60%;
background-color: #E6E6FA;
}
#left {
float: left;
margin-left: 20px;
margin-top: 5px;
width: 25%;
height: 95%;
background-color: #9ACD32;
}
#right {
float: left;
margin-left: 20px;
margin-top: 5px;
width: 70%;
height: 95%;
background-color: #BFEFFF;
}
</style>
</head>
<body>
<div align="center">
<div class="trainCSS">
<table width="1024" height="150" cellpadding="0" cellspacing="0">
<tr><td colspan="2">
<img src="./image/logo.jpg" alt="logo" width="1024" height="149">
</td></tr>
<tr><td width="205" bgcolor="#b7d7ec">
<p align="center">
<script language=JavaScript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i]; }
var d=new initArray(
"星期日","星期一","星期二","星期三","星期四", "星期五","星期六");
document.write("<font color=##ff0000 style='font-size:12pt;font-family: 宋體'> ",
today.getYear()+1900,"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1],
"</font>" );
</script>
</p>
</td>
<td width="819" bgcolor="#b7d7ec">
<marquee direction="left" onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 scrollDelay=100>
<FONT style="FONT-SIZE: 18px"color=blue>歡迎使用火車票訂票系統管理系統 ,如有不足,敬請指導!</FONT>
</marquee>
</td>
</tr>
<tr><td height="12"></td></tr>
</table>
</div>
</div>
<!-- 中部內容查詢設計 -->
<div id="middle">
<div id="left">
</div>
<div id="right">
</div>
</div>
<div class="div">
<!-- 底部版權所有介面 -->
<TABLE class=wrapper border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<TBODY>
<TR><TD style="LINE-HEIGHT: 100%" align="center">
<HR style="WIDTH: 96%; HEIGHT: 4px; COLOR: #02457c">
<font size="2"> <SCRIPT language=javascript src=""></SCRIPT>
<!-- target=_blank開啟新的網頁 -->
<BR><A href="aboutme.jsp">關於我們</A> | <A href="wzsm.jsp"
>網站宣告</A> <BR>版權所有©2014-2015 貴州財經大學 Eastmount <BR>
資訊學院10006號 </font>
</TD></TR>
</TBODY>
</TABLE>
</div>
</body>
</html>
執行結果如下所示:這個佈局分位頂部(logo)、中部(核心)、底部(署名)三部分,同時中部又分位左部和右部,接下來修改中間,做成左邊點選圖片,右邊跳轉的形式。
<!-- 中部內容查詢設計 -->
<div id="middle">
<div id="left">
新增左邊圖片超連結
</div>
<div id="right">
右邊顯示具體操作後的結果
</div>
</div>
這部分程式碼修改為:
<!-- 中部內容查詢設計 -->
<div id="middle">
<div id="left">
<table width="100%" cellpadding="1"
cellspacing="1" border="1">
<tr><td height="10"></td></tr>
<tr><td align="center"> <font size="3" color="blue">管理員:xxx,歡迎您!</font></td></tr>
<tr><td height="10"></td></tr>
<tr>
<td align="center"><p><a href="">
<img src="image/ccxxgl-xz.jpg" width="194" height="37" border="0"></a><td> </td>
</tr>
<tr><td height="10"></td></tr>
<tr><td align="center"><a href="02main.html">
<img src="image/dpgl.jpg" width="194" height="37" border="0"></a>
</td></tr>
<tr><td height="10"></td></tr>
</table>
</div>
<div id="right">
<table width="100%" height="98%" border="1" cellpadding="0" cellspacing="0" bgcolor="#dfeaf1">
<tr><td align="left" valign="top" style="padding-left:20px;padding-top:10px;">
當前位置: <a href="main.jsp">首頁</a> > 車次資訊管理
<br /><br />
<form action="main.jsp" method="post">
出發地:
<input type="text" id="start" name="start" style='font-size:18px' width=200/>
到達地: <input type="text" id="end" name="end" style='font-size:18px'/><br /><br />
<input type="submit" name="Select" value="查詢車次" style='font-size:18px;'/>
</form>
<table width="90%" height="50%"
align="cneter" border="1" cellpadding="1" cellspacing="1" >
<tr style="padding-left:20px;padding-top:10px;">
<td >AAA</td>
<td>BBB</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
</table>
</td></tr>
</table>
</div>
</div>
執行結果如下所示:注意:這是假的區域性跳轉,因為相當於左邊兩張圖片切換(灰底、藍底),然後跳轉到新的頁面,佈局和該頁面一樣,只是圖片切換成灰色,其他藍色,造成那種部分重新整理的效果。哈哈~
二. Apache訪問PHP網站
接下來,開啟XAMPP軟體,開啟Apache,然後點選"Explore"。
開啟資料夾,去到htdocs資料夾下,建立"20170224YXZ"資料夾。
PHP通過Apache訪問的檔案都需放置在該資料夾下,再通過瀏覽器進行訪問。
通常我會修改檔案字尾名,如:"main.php"。
再通過瀏覽器進行訪問,如果80埠被佔用,可以換成8080埠。
訪問地址如下:http://localhost:8080/20170224YXZ/main.php
http://localhost:埠號/資料夾/檔名
配置參考:PHP XAMPP配置PHP環境和Apache80埠被佔用解決方案
三. XAMPP操作MySQL
該部分講述如何通過XAMPP軟體簡單的操作MySQL。
點選XAMPP中MySQL按鈕"Start",然後點選"Admin",訪問資料庫。
預設的80被佔用的情況下,網址可能需要加上埠8080。
http://localhost:8080/phpmyadmin/
如下圖,左部為已經建立的資料庫,頂部為各種操作,管理"資料庫"、"SQL"等。
第一步 建立資料庫
資料庫名稱"HCPManage",火車票管理系統,編碼方式utf8,點選"建立"。
第二步 建立表
新建表infomation,共3個欄位。
name 火車車次名,price 火車價格,start 起始地。
第三步 插入資料
點選"插入",然後插入資料即可。
第四步 顯示插入的資料
點選表infomation,可以檢視已經插入的資料。
第五步 SQL語句
點選表infomation,可以檢視已經插入的資料。
四. PHP連線資料庫
用PHP進行MySQL資料庫程式設計的基本步驟:
1 首先建立與MySQL資料庫伺服器的連線
2 然後選擇要對其進行操作的資料庫
3 再執行相應的資料庫操作(對資料的新增、刪除、修改和查詢等)
4 最後關閉與MySQL資料庫伺服器的連線
核心程式碼及函式如下:
建立資料庫伺服器的連線
mysql_connect([servername[,username[,password]]])
選擇資料庫
mysql_select_db(database[,connection])
執行資料庫操作
Mysql_query(query[,connection])
函式返回值是資源控制程式碼型。對於select語句,若執行成功,則返回相應的結果識別符號,否則返回false;而對於insert、delete、update等非檢索語句,若執行成功,則返回true,否則返回false。
讀取結果集
Mysql_fetch_row(data)
Mysql_fetch_assoc(data)
Mysql_fetch_array(data[,array_type])
三個函式成功被執行後,其返回值均為陣列型別(array)。
關閉資料庫伺服器的連線
Mysql_close([connection])
我們上面連線資料庫資訊為:
資料庫 hcpmanage 表infomation 預設使用者 root 密碼 123456
核心程式碼,見sql.php:
<!-- PHP連線資料庫 -->
<?php
//連結資料庫
$con = mysql_connect("localhost", "root", "123456");
if (!$con)
{
die('Could not connect database: ' . mysql_error());
}
//選擇資料庫
$db_selected = mysql_select_db("hcpmanage", $con);
if (!$db_selected)
{
die ("Can\'t use yxz : " . mysql_error());
}
//執行MySQL查詢-設定UTF8格式
mysql_query("SET NAMES utf8");
//查詢學生資訊
$sql = "SELECT * FROM `infomation` ";
$result = mysql_query($sql,$con);
$n=0;
$id;
$name;
while ($row = mysql_fetch_row($result))
{
list($name,$price,$start) = $row;
$n++;
echo $n.' ';
echo $name.' ';
echo $price.' ';
echo $start;
echo '<br >';
}
?>
輸出如下圖所示:五. HTML結合PHP輸出
完整程式碼,注意反括號:<!DOCTYPE>
<html>
<head>
<title>火車票訂票系統管理系統</title>
<style type="text/css">
#middle {
margin:0 auto; /* 水平居中 */
margin-top: 10px;
width: 80%;
height: 60%;
background-color: #E6E6FA;
}
#left {
float: left;
margin-left: 20px;
margin-top: 5px;
width: 25%;
height: 95%;
background-color: #9ACD32;
}
#right {
float: left;
margin-left: 20px;
margin-top: 5px;
width: 70%;
height: 95%;
background-color: #BFEFFF;
}
</style>
</head>
<body>
<div align="center">
<div class="trainCSS">
<table width="1024" height="150" cellpadding="0" cellspacing="0">
<tr><td colspan="2">
<img src="./image/logo.jpg" alt="logo" width="1024" height="149">
</td></tr>
<tr><td width="205" bgcolor="#b7d7ec">
<p align="center">
<script language=JavaScript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i]; }
var d=new initArray(
"星期日","星期一","星期二","星期三","星期四", "星期五","星期六");
document.write("<font color=##ff0000 style='font-size:12pt;font-family: 宋體'> ",
today.getYear()+1900,"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1],
"</font>" );
</script>
</p>
</td>
<td width="819" bgcolor="#b7d7ec">
<marquee direction="left" onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 scrollDelay=100>
<FONT style="FONT-SIZE: 18px"color=blue>歡迎使用火車票訂票系統管理系統 ,如有不足,敬請指導!</FONT>
</marquee>
</td>
</tr>
<tr><td height="12"></td></tr>
</table>
</div>
</div>
<!-- 中部內容查詢設計 -->
<div id="middle">
<div id="left">
<table width="100%" cellpadding="1"
cellspacing="1" border="1">
<tr><td height="10"></td></tr>
<tr><td align="center"> <font size="3" color="blue">管理員:xxx,歡迎您!</font></td></tr>
<tr><td height="10"></td></tr>
<tr>
<td align="center"><p><a href="trainManage.php">
<img src="image/ccxxgl-xz.jpg" width="194" height="37" border="0"></a><td> </td>
</tr>
<tr><td height="10"></td></tr>
<tr><td align="center"><a href="https://www.baidu.com/">
<img src="image/dpgl.jpg" width="194" height="37" border="0"></a>
</td></tr>
<tr><td height="10"></td></tr>
</table>
</div>
<div id="right">
<table width="100%" height="98%" border="1" cellpadding="0" cellspacing="0" bgcolor="#dfeaf1">
<tr><td align="left" valign="top" style="padding-left:20px;padding-top:10px;">
當前位置: <a href="homepage.jsp">首頁</a> > 車次資訊管理
<br /><br />
<form action="trainManageSelect.jsp" method="post">
出發地:
<input type="text" id="start" name="start" style='font-size:18px' width=200/>
到達地: <input type="text" id="end" name="end" style='font-size:18px'/><br /><br />
<input type="submit" name="Select" value="查詢車次" style='font-size:18px;'/>
</form>
<table width="90%" height="50%"
align="cneter" border="1" cellpadding="1" cellspacing="1" >
<!-- PHP連線資料庫 -->
<?php
//連結資料庫
$con = mysql_connect("localhost", "root", "123456");
if (!$con)
{
die('Could not connect database: ' . mysql_error());
}
//選擇資料庫
$db_selected = mysql_select_db("hcpmanage", $con);
if (!$db_selected)
{
die ("Can\'t use yxz : " . mysql_error());
}
//執行MySQL查詢-設定UTF8格式
mysql_query("SET NAMES utf8");
//查詢學生資訊
$sql = "SELECT * FROM `infomation` ";
$result = mysql_query($sql,$con);
$n=0;
$id;
$name;
while ($row = mysql_fetch_row($result))
{
list($name,$price,$start) = $row;
$n++;
?>
<tr>
<td><?php echo $n.' '; ?></td>
<td><?php echo $name.' '; ?></td>
<td><?php echo $price.' '; ?></td>
<td><?php echo $start; ?></td>
</tr>
<?php
}
?>
</table>
</td></tr>
</table>
</div>
</div>
<div class="div">
<!-- 底部版權所有介面 -->
<TABLE class=wrapper border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<TBODY>
<TR><TD style="LINE-HEIGHT: 100%" align="center">
<HR style="WIDTH: 96%; HEIGHT: 4px; COLOR: #02457c">
<font size="2"> <SCRIPT language=javascript src=""></SCRIPT>
<!-- target=_blank開啟新的網頁 -->
<BR><A href="aboutme.jsp">關於我們</A> | <A href="wzsm.jsp"
>網站宣告</A> <BR>版權所有©2014-2015 貴州財經大學 Eastmount <BR>
資訊學院10006號 </font>
</TD></TR>
</TBODY>
</TABLE>
</div>
</div>
</body>
</html>
輸出如下圖所示:希望基礎性文章對你有所幫助,如果文章中存在不足或錯誤的地方還請您海涵~
不管秀璋本人多麼平庸,但我總覺得對你的愛真的很美。
(By:Eastmount 2017-02-24 中午12點 http://blog.csdn.net/eastmount/ )
相關文章
- php連線mysql資料庫基礎PHPMySql資料庫
- WAMP無法連線mysql資料庫MySql資料庫
- php網站資料庫連線PHP網站資料庫
- php基礎之連線mysql資料庫和查詢資料PHPMySql資料庫
- PHP連線MySql資料庫PHPMySql資料庫
- MySQL 資料庫基礎知識點複習MySql資料庫
- mysql資料庫sql語句基礎知識MySql資料庫
- mysql資料庫學習基礎知識整理MySql資料庫
- MySQL?資料庫的基礎知識撩磅MySql資料庫
- MySQL資料庫基礎知識及優化MySql資料庫優化
- (轉)PHP連線資料庫之PHP連線MYSQL資料庫程式碼PHP資料庫MySql
- 資料庫基礎知識資料庫
- 【編測編學】MySQL資料庫基礎知識MySql資料庫
- 資料庫學習筆記 - MySQL基礎知識資料庫筆記MySql
- 基礎知識梳理~資料庫資料庫
- 資料庫基礎重要知識資料庫
- GEO資料庫基礎知識資料庫
- 精PHP與MYSQL資料庫連線PHPMySql資料庫
- PHP連線、查詢MySQL資料庫PHPMySql資料庫
- 【編測編學】MySQL資料庫基礎知識2MySql資料庫
- 網站開發製作需要了解哪些基礎知識網站
- 資料庫基礎知識介紹!資料庫
- 資料庫基礎知識講解資料庫
- NoSQL資料庫的基礎知識SQL資料庫
- iis網站怎麼連線資料庫連線網站資料庫
- SQL Server 連線基礎知識(轉)SQLServer
- SMProxy 分析 (基於 Swoole 開發的 MySQL 資料庫連線池)MySql資料庫
- 開發基礎知識
- 資料庫基礎知識詳解三:MVCC、正規化以及表連線方式資料庫MVC
- MySQL 基礎知識梳理學習(一)—-系統資料庫MySql資料庫
- PHP基礎知識PHP
- iis網站資料庫無法連線資料庫網站資料庫
- 資料庫安裝以及基礎知識資料庫
- 資料庫基礎知識總結(轉)資料庫
- 小白系列:資料庫基礎知識解析資料庫
- MySQL資料庫知識MySql資料庫
- php連線mysql資料庫的幾種方法PHPMySql資料庫
- 蘋果開發基礎知識蘋果