PHP開發(fā)企業(yè)網(wǎng)站教程之聯(lián)系我們
展示聯(lián)系我們的信息，這塊就比較簡單了，這個頁面的內(nèi)容是存在一張表中，看如下代碼：
<?php
require_once('../admin/conn.php');
$sql = "SELECT * from contact";
$res = mysql_query($sql);
$row = mysql_fetch_array($res);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>聯(lián)系我們</title>
<style type="text/css">
*{margin:0px;padding:0px;}
/*頭部樣式*/
#top{width:410px;height:40px;margin:0 auto;}
body{background:#f0f0f0;}
#to_left{float:left;}
#top_right{float:right;margin-top:20px;margin-right:15px;}
li{float:left;list-style:none;margin:0px 5px; padding-bottom:15px;}
li a{text-decoration:none;color:#000;}
li a:hover{color:red;}
#cnt{width:410px;margin:0 auto;}
/*聯(lián)系我們部分樣式*/
.contact{width:410px;height:600px;margin:0 auto;background:#e0e0e0;}
.contact_top{margin-top:5px;margin-left:10px;padding-top:15px;font-weight:bold;}
.contact_left{width:250px;height:530px;margin-top:15px;/*margin-left:8px;*/float:left;}
.contact_right{width:150px;height:530px;float:right;text-align:center;
margin-top:15px;margin-right:10px;}
.online{font-weight:bold;color:red;}
.weixin{width:200px;height:250px;}
.weixin img{padding-top:15px;}
.service{width:200px;height:280px;}
.service img{padding-top:15px;}
.site{width:200px;height:30px;padding-top:35px;/*margin-left:15px;*/}
/*底部樣式*/
.site span{margin-left:5px;}
.but{width:410px;height:60px;margin:0 auto;text-align:center;background:#999;
padding-top:8px;margin-top:5px;}
</style>
</head>
<body>
<div id="top">
<div id="top_right">
<ul>
<li><a href="index.php">首頁</a></li>
<li><a href="about.php">關(guān)于我們</a></li>
<li><a href="news.php">新聞資訊</a></li>
<li><a href="product.php">產(chǎn)品展示</a></li>
<li><a href="contact.php">聯(lián)系我們</a></li>
</ul>
</div>
<div id="top_left"><img src="https://img.php.cn/upload/course/000/000/010/582407c034cfe355.jpg" width="50" height="50"></div>
</div>
<div id="cnt">
<img src="https://img.php.cn/upload/course/000/000/010/5824078a8353f806.jpg" width="410" height="100">
</div>
<div class="contact">
<div class="contact_top">當(dāng)前位置>></div>
<div class="contact_left">
<div class="site">
<span>公司地址：</span></br>
<?php echo $row['site'];?>
</div>
<div class="site">
<span>公司電話：</span></br>
<?php echo $row['tel'];?>
</div>
<div class="site">
<span>技術(shù)支持：</span></br>
<?php echo $row['suppot'];?>
</div>
<div class="site">
<span>售后電話：</span></br>
<?php echo $row['nexttel'];?>
</div>
<div class="site">
<span>公司傳真：</span></br>
<?php echo $row['fax'];?>
</div>
<div class="site">
<span>公司主頁：</span></br>
<?php echo $row['home'];?>
</div>
<div class="site">
<span>電子郵件：</span></br>
<?php echo $row['email'];?>
</div>
</div>
<div class="contact_right">
<div class="weixin">
<span class="online">關(guān)注微信公眾號</span></br>
<img src="https://img.php.cn/upload/course/000/000/010/5824088dafe08668.png" width="100" height="100">
</div>
<div class="service">
<span class="online">在線客服</span></br>
<a href="#"><img src="https://img.php.cn/upload/course/000/000/010/58240862418f1266.jpg" width="120" height="50"></a></br>
<a href="#"><img src="https://img.php.cn/upload/course/000/000/010/58240883231ed119.jpg" width="120" height="50"></a>
</div>
</div>
</div>
<div class="but">地址：安徽省合肥市科學(xué)大道669號(黃山路與科學(xué)大道交口東南角) 預(yù)約電話：400-800-9558
備ICP 皖0219845號 <p>版權(quán)所有：合肥環(huán)?？萍?nbsp;All rights reserved</p>
</div>
</body>
</html>這樣我們前端的幾個頁面從數(shù)據(jù)庫取出信息就已經(jīng)差不多完成了
