码迷，mamicode.com
首页 > Web开发 > 详细

PHP开发一个小型商务网站

时间：2020-06-05 13:20:05      阅读：68      评论：0      收藏：0      [点我收藏+]

标签：tab   inpu   meta   character   底部   doc   不为   head   varchar   

 

前言

 

  • 这里以“开发一个小型的鞋子销售网站”为例，主要步骤要求如下：
 　　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:\wamp\www）, 用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开发一个小型商务网站

标签：tab   inpu   meta   character   底部   doc   不为   head   varchar   

原文地址：https://www.cnblogs.com/LittleWhite2019/p/13048899.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！