服务器之家

服务器之家 > 正文

基于PHP+Mysql简单实现了图书购物车系统的实例详解

时间:2021-10-21 12:51     来源/作者:___ Fireworks 、

php+mysql简单实现了图书购物车

本文主要讲述如何通过php+html简单实现图书购物车的功能,这是提取我们php项目的部分内容。主要内容包括:

    1.通过javascript和iframe实现局部布局界面
    2.php如何定义类实现访问数据库功能
    3.实现简单的添加购物车功能
    4.实现了后台管理前台的页面
    由于这个项目是在期末完成,php只是刚学的,比较简单。

效果图如下:

这是后台管理的页面:

基于PHP+Mysql简单实现了图书购物车系统的实例详解

这是前台页面:

基于PHP+Mysql简单实现了图书购物车系统的实例详解

基于PHP+Mysql简单实现了图书购物车系统的实例详解

index.php页面:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!doctype html>
<html lang="zh-cn">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="renderer" content="webkit">
  <title>后台管理中心</title>
  <link rel="stylesheet" href="css/pintuer.css" rel="external nofollow" rel="external nofollow" >
  <link rel="stylesheet" href="css/admin.css" rel="external nofollow" rel="external nofollow" >
  <script src="js/jquery.js"></script> 
</head>
<body style="background-color:#f2f9fd;">
<div class="header bg-main">
 <div class="logo margin-big-left fadein-top">
  <h1><img src="images/y.jpg" class="radius-circle rotate-hover" height="50" alt="" />图书管理中心</h1>
 </div>
 <div class="head-l"><a class="button button-little bg-green" href="home/index.php" rel="external nofollow" target="_blank"><span class="icon-home"></span> 前台首页</a> &nbsp;&nbsp;<a class="button button-little bg-red" href="../lab/login.php" rel="external nofollow" ><span class="icon-power-off"></span> 登录账号</a> </div>
</div>
<div class="leftnav">
 <div class="leftnav-title"><strong><span class="icon-list"></span>菜单列表</strong></div>
 <h2><span class="icon-user"></span>基本设置</h2>
 <ul style="display:block">
  <li><a href="info.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>查询信息</a></li>
  <li><a href="page.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>添加信息</a></li>
  <li><a href="adv.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>修改信息</a></li> 
  <li><a href="book.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>删除信息</a></li>
  <li><a href="pass.html" rel="external nofollow" target="right"><span class="icon-caret-right"></span>修改密码</a></li>  
 
 </ul> 
 
</div>
 
<ul class="bread">
 <li><a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="" class="icon-home"> 首页</a></li>
 <li><a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" id="a_leader_txt">网站信息</a></li>
 <li><b>当前语言:</b><span style="color:red;">中文</php></span>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;切换语言:<a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >中文</a> &nbsp;&nbsp;<a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >英文</a> </li>
</ul>
<div class="admin">
 <iframe scrolling="auto" rameborder="0" src="info.php" name="right" width="100%" height="100%"></iframe>
</div>
<div style="text-align:center;">
 
</div>
</body>
</html>

login.php页面:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<html lang="zh-cn">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="renderer" content="webkit">
  <title>登录</title>
  <link rel="stylesheet" href="css/pintuer.css" rel="external nofollow" rel="external nofollow" >
  <link rel="stylesheet" href="css/admin.css" rel="external nofollow" rel="external nofollow" >
  <script src="js/jquery.js"></script>
  <script src="js/pintuer.js"></script>
</head>
<body>
<div class="bg"></div>
<div class="container">
  <div class="line bouncein">
    <div class="xs6 xm4 xs3-move xm4-move">
      <div style="height:150px;"></div>
      <div class="media media-y margin-big-bottom">     
      </div>    
      <form action="login_ok.php" method="post">
      <div class="panel loginbox">
        <div class="text-center margin-big padding-big-top"><h1>图书管理中心</h1></div>
        <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:10px;">
          <div class="form-group">
            <div class="field field-icon-right">
              <input type="text" class="input input-big" placeholder="登录账号" name="username" data-validate="required:请填写账号" />
              <span class="icon icon-user margin-small"></span>
            </div>
          </div>
          <div class="form-group">
            <div class="field field-icon-right">
              <input type="password" class="input input-big" placeholder="登录密码" name="password" data-validate="required:请填写密码" />
              <span class="icon icon-key margin-small"></span>
            </div>
          </div>
          <div class="form-group">
            <div class="field">
              <input type="text" class="input input-big" name="code" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />
              <img src="images/passcode.jpg" alt="" width="80" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">
                          
            </div>
          </div>
        </div>
        <div style="padding:30px;"><input type="submit" class="button button-block bg-main text-big input-big" value="登录"></div>
      </div>
      </form>    
    </div>
  </div>
</div>
 
</body>
</html>

最后希望文章对大家有所帮助,同时更希望大家学习下php类相关的知识。第一次学来写博客,就是练练手,总感觉自己写博客有些问题,但自己说不出来,希望大家提出不足之处!也可以添加我wechat

到此这篇关于基于php+mysql简单实现了图书购物车系统的实例详解的文章就介绍到这了,更多相关php+mysql实现图书购物车内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/weixin_42340820/article/details/86593227

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部