PHP开发一个小型商务网站

Posted littlewhite2019

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PHP开发一个小型商务网站相关的知识,希望对你有一定的参考价值。

 

前言

 

  • 这里以“开发一个小型的鞋子销售网站”为例,主要步骤要求如下:
   1. 创建数据库;
   2. 用户登录;
   3. 鞋子数据的显示和查询;
   4. 通过网页实现数据的添加和删除。
 
  • 本次使用的开发工具:start WampServer64、SQLyog、phpDesigner 8、谷歌浏览器

 

 

开发步骤

一、创建数据库

1. 我这里使用的是小型的SQLyog数据库,登录SQLyog后,创建一个新的数据库eshoe,并添加一个用户表(user)和一个鞋信息表(shoe):


 2. 在user表中添加数据:

  •  username(用户名) ,varchar(文本类型),20(长度) 
  •  password(密码) , varchar(文本类型),20(长度)

 

技术图片

 

 

3.  在shoe表中添加数据:
  • shoeid(鞋编号),int(整型),11(长度)
  •  name(鞋名), varchar(文本类型),20(长度)
  • price(价格),decimal(数值类型) , 5,1(长度为5,小数点1位)
  • brand(品牌),varchar(文本类型),20(长度)
 技术图片

 

 

4.在user表中,输入一些个人数据信息:

技术图片

 

 

5.在shoe表中,输入一些鞋子的数据信息:

技术图片

 

 

 

二、设置网页链接导航:

1.复制已经编写好的 “静态网页h1.html” 和 “images文件夹”到Wamp网站目录(eg:D:wampwww), 用phpDesigher打开www目录里的h1.html

  • 原始的静态网页h1.html代码如下:

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PHP小型商务网站</title>
<style type="text/css">
</style>
</head>

<body>
<table width="755" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bg-line.jpg">
    <tr>
        <td width="41"><img src="images/jiao-1.jpg" width="28" height="103" /></td>
        <td width="672"><img src="images/index2.jpg" width="454" height="103" /></td>
        <td width="28"><img src="images/jiao-r.jpg" width="28" height="103" /></td>
    </tr>
</table>

<table width="755" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#6a87ae">
    <tr>
        <td align="right"><img src="images/back.gif" width="62" height="26" /></td>
        <td bgcolor="#6a87ae">&nbsp;</td>
    </tr>    
</table>

<table width="755" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="220"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#6a87ae">
            <tr>
                <td align="center" valign="top"><img src="images/psdh.gif" width="100" height="30" /></td>
            </tr>
            <tr>
                <td height="27" align="center"><img src="images/line00.gif" width="100%" height="27" /></td>
             </tr>
             <tr>
                 <td align="center"><span class="STYLEl"><a herf="shoe.php">产品一览</a></span></td>
             </tr>
             <tr>
                 <td align="center"><img src="images/line00.gif" width="100%" height="27" /></td>
             </tr>
             <tr>
                 <td align="center"><span class="STYLEl"><a herf="add.php">产品添加</a></span></td>
             </tr>
             <tr>
                 <td align="center"><img src="images/line00.gif" width="100%" height="27" /></td>
             </tr>
             <tr>
                 <td align="center"><span class="STYLEl" ><a herf="delete.php">产品删除</a></span></td>
             </tr>
             <tr>
                 <td align="center"><img src="images/line00.gif" width="100%" height="27" /></td>
             </tr>
             <tr>
                 <td align="center">&nbsp;</td>
             </tr>
             <tr>
                 <td align="center">&nbsp;</td>
             </tr>
             <tr>
                 <td align="center">&nbsp;</td>
             </tr>
             <tr>
                 <td align="center">&nbsp;</td>
             </tr>
             <tr>
                 <td align="center">&nbsp;</td>
             </tr>
             <tr>
                 <td>&nbsp;</td>
             </tr>

            </table></td>

            <td width="535" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><img src="images/jiao01.gif" width="30" height="30" /></td>
            </tr>
            <tr>
                <td height="261" align="left" valign="top">在这里逐一添加每个功能的代码,并另存为为一个.php文档</td>
            </tr>
            </table></td>
    </tr>
</table>
</body>
</html>        
             

 

 

  • images文件夹内容如下:

技术图片

三、登录功能:

1. 将上面原始的静态网页h1.html代码另存为login.php(登录页面);
 

2.代码实现:

  •   登陆页面功能实现的代码,如下:
<p>用户登录</p>
    <form id="form1" name="form1" method="post" action="">
    <p>用户:
        <label for="a1"></label>
        <input type="text" name="a1" id="a1" />
    </p>
    <p>密码:
        <label for="a2"></label>
        <input type="passport" name="a2" id="a2" />
    </p>
    <p>
        <input type="submit" name="button" id="button" value="登录" />
    </p>
    </form>
    <p>
    <?php
    if(isset($_POST["button"]))
    {
        $a1=$_POST["a1"];           //获取用户名;
        $a2=$_POST["a2"];           //获取用户密码;
        $id=mysqli_connect("localhost","root","","eshoe");       //连接数据库服务器;
        if($id==true)
        {
            mysqli_query($id,"SET CHARACTER SET gb2312");        //设置汉字编码,避免出现中文乱码的现象;
            $result=mysqli_query($id,"SELECT * FROM user where username=‘$a1‘ and password=‘$a2‘");    //执行SQL语句,判断输入的用户名和密码,与数据库中的数据是否吻合;
            $info=mysqli_fetch_array($result,MYSQL_ASSOC);     //读取一行数据,看是否有值;
            if$info==true//如果$info成功读取值,则执行以下代码;
            {
                session_start();       //准备使用SESSION 变量;
                $_SESSION["username"]=$a1;    //创建一个SESSION 变量存放“用户名”;
                header("Location:shoe.php");    //登录成功,则跳转至产品一览页面;
            }
            else
            {
                header("Location:error.php");        //登录失败,则跳转至提示登录错误页面;
            }
        }
        else
        {
            echo "数据库连接失败,请确认该数据库是否存在";    
        }
        mysqli_close($id);     //释放数据库连接;
    }
    

 

  • shoe.php代码的实现,将在下文“产品一览”中详细说明;
  • 新建一个PHP文件,保存为error.php, 提示登录错误页面error.php代码,如下:
<?php
    echo "登陆失败,用户名或密码错误,请重新登录";
?>

 

 

3.将上述的“登录代码”放在login.php的底部添加代码功能处(即用“登录页面代码”将下面的中文提示替换掉):

技术图片

 

 

 

4.替换完毕,点击保存,即可在浏览器打开预览效果,效果如下:

技术图片

 

 

四、产品一览

1. 点击页面中“产品一览”,实现鞋类信息显示和查询;


 2. 将上面的原始的静态网页h1.html代码另存为shoe.php(产品一览)


 3. 先在shoe.php 代码头部,添加一段PHP代码,通过SESSION变量是否存在,来判断用户是否登录成功:
 

<?php
session_start();
if(!isset($_SESSION["username"]))    //判断SESSION变量username是否存在;
    header("Location:login.php");    //若不存在,则证明用户没有登录,跳转至用户登录页面;
?>

 

4. 产品一览功能的实现代码,如下:

 

  • 鞋类信息的显示代码:
<?php
    $id=mysqli_connect("localhost","root","","eshoe");    //连接数据库服务器;
    if($id==true)
    {
        mysqli_query($id,"SET CHARACTER SET gb2312");    //设置汉字编码,避免出现中文乱码的现象;
        $query="SELECT * FROM shoe";    //需要的查询SQL语句;
        $result=mysqli_query($id,$query);    //在数据库中,执行SQL语句的查询;
        $info=mysqli_fetch_array($result,MYSQL_ASSOC);    //读取一行数据;
        while($info!=NULL)     //当读取的数据不为空时,则执行以下代码;
        {
            echo "<tr>";
            echo "<td>"." 编号:".$info["shoeid"]."</td>"."";
            echo "<td>"." 名称:".$info["name"]."</td>"."";
            echo "<td>"."价格 :".$info["price"]."</td>"."";
            echo "<td>"." 品牌:".$info["brand"]."<td>";
            echo "</tr>"."<br>";
            $info=mysqli_fetch_array($result,MYSQL_ASSOC);    //读取下一行数据;
        }
    }
    mysqli_close($id);    //释放数据库连接;
?>

 

 

  • 鞋类信息的查询代码:
<p>
    <form id="form1" name="form1" method="post" action="">
    请输入名称:
    <label for="a1"></label>
    <input type="text" name="a1" id="a1" />
    <input type="submit" name="button" id="button" value="查询" />
    </form>
</p>

<?php
    if(isset($_POST["button"]))       //如果用户点击查询按钮,则执行以下代码;
    {
        $a1=$_POST["a1"];     //获取用户输入的产品名称;
        $id=mysqli_connect("localhost","root","","eshoe");    //连接数据库服务器;
        if($id==true)
        {
            mysqli_query($id,"SET CHARACTER SET gb2312");    //设置汉字编码,避免出现中文乱码的现象;
            $query="SELECT * FROM shoe where name like ‘%$a1%‘";    //需要的查询SQL语句;
            $result=mysqli_query($id,$query);    //在数据库中,执行SQL语句的查询;
            $info=mysqli_fetch_array($result,MYSQL_ASSOC);    //读取一行数据;
            while($info!=NULL)    //当读取的数据不为空时,则执行以下代码;
            {
                   echo "<tr>";
                   echo "<td>"." 编号:".$info["shoeid"]."</td>"."";
                   echo "<td>"." 名称:".$info["name"]."</td>"."";
                   echo "<td>"."价格 :".$info["price"]."</td>"."";
                   echo "<td>"." 品牌:".$info["brand"]."<td>";
                   echo "</tr>"."<br>";
                   $info=mysqli_fetch_array($result,MYSQL_ASSOC); //读取下一行数据;
                   
            }
        }
        else
        {
            echo "数据库连接失败,请检查该数据库是否存在";
        }
        mysqli_close($id);    //释放数据库连接;
    }
?>

 

 

5. 将上述的“显示代码”和“查询代码”这两个依次放在shoe.php的底部添加代码功能处(即用“产品一览的两个代码”将下面的中文提示替换掉):

技术图片

 

 

6.替换完毕,点击保存,即可在浏览器打开,输入用户登录信息(李一,123),登录成功后,显示预览效果,效果如下:

技术图片

 

 

五、产品添加

 1. 点击页面中“产品添加”,实现对鞋类信息数据的添加;

 2. 将上面的原始的静态网页h1.html代码另存为add.php(产品添加)

 3. 先在add.php 代码头部,添加一段PHP代码,在页面最顶端加上SESSION变量,防止用户未登录可以直接跳入代码:
 
<?php
    session_start();
    if(!isset($_SESSION["username"]))    //判断SESSION变量username是否存在;
    header("Location:login.php");        //若不存在,则证明用户没有登录,跳转至用户登录页面;
?>

 

 

4. 产品添加功能的实现代码,如下:

<form id="form1" name="form1" method="post" action="">
<p>编号:
    <label for="a1"></label> 
    <input type="text" name="a1" id="a1" />
</p>
<p>名称:
    <label for="a2"></label>
    <input type="text" name="a2" id="a2" />
</p>
<p>价格:
    <label for="a3"></label>
    <input type="text" name="a3" id="a3" />
</p>    
<p>品牌:
    <label for="a4"></label>
    <input type="text" name="a4" id="a4" />
</p>
<p>
<input type="submit" name="button" id="button" value="添加" />    
</p>
</form>
<?php
    if(isset($_POST["button"]))    //如果用户点击“添加”按钮,获取用户所需要添加的值;
    {
        $a1=$_POST["a1"];
        $a2=$_POST["a2"];
        $a3=$_POST["a3"];
        $a4=$_POST["a4"];
        $id=mysqli_connect("localhost","root","","eshoe");    //连接数据库服务器;
        if($id==true)
        {
            mysqli_query($id,"SET CHARACTER SET gb2312");    //设置汉字编码,避免出现中文乱码的现象;
            $sql="INSERT INTO shoe VALUES(‘$a1‘,‘$a2‘,‘$a3‘,‘$a4‘)";    //添加鞋信息数据的SQL语句;
            $result=mysqli_query($id,$sql);        //执行添加的SQL语句;
            if($result==true)
            {    
                header("Location:shoe.php");        //如果成功添加数据,则跳转到产品一览界面,看是否成功添加了鞋信息数据;
            }
        else
        {
            echo "数据添加失败,请重新尝试!";
        }
        }
         mysqli_close($id);    //释放数据库连接;
    }
?>

 

 

5. 将上述的“添加信息代码”放在add.php的底部添加代码功能处(即用“产品添加代码”将下面的中文提示替换掉):

技术图片

 

 

6.  替换完毕,点击保存,即可在浏览器打开,输入用户登录信息(李一,123),登录成功后,点击“产品添加”,显示预览效果,效果如下:

技术图片

 

 

7. 输入数据点击“添加”按钮后,自动跳转至“产品一览”页面,显示鞋类数据信息,效果如下:

技术图片

 

 

六、产品删除

1. 点击页面中“产品删除”,实现对鞋类信息数据的删除;

2. 将上面的原始的静态网页h1.html代码另存为**delete.php(产品删除)

3. 先在delete.php 代码头部,添加一段PHP代码,在页面最顶端加上SESSION变量,防止用户未登录可以直接跳入代码:
 
<?php
 session_start();
 if(!isset($_SESSION["username"])) //判断SESSION变量username是否存在;
 header("Location:login.php");  //若不存在,则证明用户没有登录,跳转至用户登录页面;
?>

 

 

4. 产品删除功能的实现代码,如下:

<p>产品删除:</p>
    <form id="form1" name="form1" method="post" action="">
    请输入产品编号:
     <label for="a1"></label> 
     <input type="text" name="a1" id="a1" />
    <input type="submit" name="button" id="button" value="删除" /> 
    </form>
<?php
    if(isset($_POST["button"])) //如果用户点击“删除”按钮;
    {
          $a1=$_POST["a1"];    //获取用户所需要删除的产品编号值;
          if($id==true)
         {
               mysqli_query($id,"SET CHARACTER SET gb2312"); //设置汉字编码,避免出现中文乱码的现象;
               $sql="delete from shoe where shoeid=‘$a1‘";        //删除用户想要删除的鞋产品编号的SQL语句;
               $result=mysqli_query($id,$sql);    //执行删除的SQL语句;
               if$result==true)
               {
                   header("Location:shoe.php");    //如果成功删除数据,则跳转到产品一览界面,看是否成功删除了对应鞋编号的信息数据;
               }
               else 
               {
                   echo "数据删除失败,请重新尝试!";
               }
          }    
        mysqli_close($id);    //释放数据库连接;
    }
?>
    

 

 

5. 将上述的“删除信息代码”放在delete.php的底部添加代码功能处(即用“产品删除代码”将下面的中文提示替换掉):

技术图片

 

 

6. 替换完毕,点击保存,即可在浏览器打开,输入用户登录信息(李一,123),登录成功后,点击“产品删除”,显示预览效果,效果如下:

技术图片

 

 

7. 输入数据点击“删除”按钮后,自动跳转至“产品一览”页面,显示鞋类数据信息,效果如下:

技术图片

 

以上是关于PHP开发一个小型商务网站的主要内容,如果未能解决你的问题,请参考以下文章

项目总结——PHP小型网站经验总结

超级有用的9个PHP代码片段

超实用的php代码片段

MYSQL是啥东西?

想要个空间建个小型的门户网站,空间要支持PHP+MYSQL数据库的。

PHP必用代码片段