PHP开发一个小型商务网站

2021-02-10 20:18

阅读:595

标签: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"> 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"> td>
             tr>
             tr>
                 td align="center"> td>
             tr>
             tr>
                 td align="center"> td>
             tr>
             tr>
                 td align="center"> td>
             tr>
             tr>
                 td align="center"> td>
             tr>
             tr>
                 td> 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.代码实现:

  •   登陆页面功能实现的代码,如下:

用户登录

用户:

密码:

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 "";
            echo ""." 编号:".$info["shoeid"].""."";
            echo ""." 名称:".$info["name"].""."";
            echo ""."价格 :".$info["price"].""."";
            echo ""." 品牌:".$info["brand"]."
";
            echo "
"."
"; $info=mysqli_fetch_array($result,MYSQL_ASSOC); //读取下一行数据; } } mysqli_close($id); //释放数据库连接; ?>

 

 

  • 鞋类信息的查询代码:

请输入名称:
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 ""; echo ""." 编号:".$info["shoeid"]."".""; echo ""." 名称:".$info["name"]."".""; echo ""."价格 :".$info["price"]."".""; echo ""." 品牌:".$info["brand"]." "; echo " "."
"; $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. 产品添加功能的实现代码,如下:


编号:

名称:

价格:

品牌:

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. 产品删除功能的实现代码,如下:

产品删除:

请输入产品编号:
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


评论


亲,登录后才可以留言!