购物车项目代码+页面+连接数据库

简介: 购物车项目代码+页面+连接数据库

   主界面


个人中心界面

       


数据库表设计

就不多说,直接上代码

他们的顺序是register.jsp→login.jsp→index.jsp→dogwc.jsp→index.jsp

register.jsp和doregister.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title>
<style>
 #a {
    width:50%;
    height:200px;
    border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}
body{
background-color:lightblue;
}
</style>
</head>
<body>
  <form action="doregister.jsp" method="post" align="center">
  用户名:<input type="text" name="uname"><br>
  密码:<input type="password" name="upwd"><br>
  备注:<textarea rows="" cols="" name="uinfo">
  </textarea><br>
  <input type="submit" value="注册">
  <input type="reset" value="重置">
  </form>
</body>
</html>
<%@page import="com.zking.biz.imp.Imp_UserBiz"%>
<%@page import="com.zking.biz.IUserBiz"%>
<%@page import="com.zking.entity.User"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
  //设置编码-设置请求对象的编号
  request.setCharacterEncoding("utf-8");
  //接收注册页面传递的数据
  String uname = request.getParameter("textfield");
  String upwd = request.getParameter("textfield2");
  String uinfo = request.getParameter("uinfo");
  User ss=new User(uname,upwd,uinfo);
  IUserBiz df=new Imp_UserBiz();
  //执行sql语句
  if(df.register(ss)){
  out.print("<script>alert('注册成功');location.href='login.jsp'</script>");
  }else{
  out.print("<script>alert('注册失败');location.href='register.jsp'</script>");
  }
%>


login.jsp和dologin.jsp


<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户登录</title>
<style>
 #a {
    width:50%;
    height:200px;
    border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}
body{
background-color:lightblue;
}
</style>
<script type="text/javascript">
  var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789";
  function yz() {
  //随机出4个0-字符串长度之间的数字 做为下标
  yzmStr="";
  for(var i=1;i<=4;i++){
    yzmStr+=str.substr(Math.round(Math.random()*(str.length-1)),1);
  }
  //把验证码赋值到页面
  document.getElementById("syzm").innerHTML=yzmStr;
  }
  function $(id) {
  return document.getElementById(id);
  }
  function login_yz() {
  //验证 用户名 和 密码不能为空 
  //获取用户名
  var uname = $("uname").value; 
  if(uname.length==0){
    alert("用户名不能为空");
    return false;
  }
  //获取密码
  var upwd = $("upwd").value;
  if(upwd.length==0){
    alert("密码不能为空");
    return false;
  }
  //获取验证码:判断和电脑的验证码是否相等
  //PS:自己实现-输入的验证码不区分大小写-大小写转换
  var yzm = $("uyzm").value;
  if(yzm!=yzmStr){
    alert("验证码输入错误,请重新输入");
    //清空输入的验证码
    $("uyzm").value="";
    //重新生成验证码
    yz();
    return false;
  }
  }
</script>
</head>
<body onload="yz()" >
  <div id="login" align="center">
  <div id="center">
    <div id="center_left"></div>
    <div id="center_middle">
    <form action="dologin.jsp" onsubmit="return login_yz()">
    <div id="user">
      用 户 <input type="text" id="uname" name="textfield" />
    </div>
    <div id="password">
      密 码 <input type="password" id="upwd" name="textfield2" />
    </div>
    <div id="yzm">
      验证码 <input id="uyzm" style="width: 50px;" type="text" name="textfield3" />
      <span id="syzm" onclick="yz()"></span>
    </div>
    <div id="btn">
      <input type="submit" value="登录">
      <input type="button" value="注册" onclick="javascript:location.href='register.jsp'">
    </div>
    </form>
    </div>
    <div id="center_right"></div>
  </div>
  </div>
</body>
</html>
<%@page import="com.zking.entity.User"%>
<%@page import="com.zking.biz.imp.Imp_UserBiz"%>
<%@page import="com.zking.biz.IUserBiz"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String uname = request.getParameter("textfield");
String upwd = request.getParameter("textfield2");
//调用登录方法-实例化业务逻辑层对象
IUserBiz iub = new Imp_UserBiz();
User a= iub.login(uname, upwd);
  if(a!=null){//成功就跳转到主页面
  //转发
    session.setAttribute("a", a);
    request.getRequestDispatcher("index.jsp").forward(request, response);
  }else{//错误就回到登录页面
    out.print("<script>alert('用户名或密码错误,请重新登录');location.href='login.jsp'</script>");
  }
%>


index.jsp


<%@page import="java.util.ArrayList"%>
<%@page import="com.zking.entity.Goods"%>
<%@page import="com.zking.biz.imp.Imp_GoodsBiz"%>
<%@page import="com.zking.biz.IGoodsBiz"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 引用jQuery库 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<script type="text/javascript">
  function gm(bid) {
  //跳转到dogwc页面
  //alert(bid);
  location.href="dogwc.jsp?bid="+bid;
  }
</script>
</head>
<body>
  <%
  //判断用户是不是为空
  Object obj = session.getAttribute("a");
  if(obj==null){
    out.print("<script>alert('你没有登录,请先登录');location.href='login.jsp'</script>");
  }
  %>
  <table class="table table-hover">
  <tr>
    <td>商品编号</td>
    <td>商品名称</td>
    <td>商品价格</td>
    <td>商品简介</td>
    <td>商品图片</td>
    <td><span class="glyphicon glyphicon-cog"></span></td>
  </tr>
  <%
    //视图层调用业务逻辑层
    IGoodsBiz igb = new Imp_GoodsBiz();
    ArrayList<Goods> glist = igb.getAll();
    for(Goods g:glist){
  %>
  <tr>
    <td><%=g.getBid() %></td>
    <td><%=g.getBname() %></td> 
    <td><%=g.getBprice() %></td>
    <td><%=g.getBinfo() %></td>
    <td><img alt="" src="<%=g.getBface() %>"> </td>
    <td><button onclick="gm(<%=g.getBid() %>)" class="btn btn-success">加入购物车</button></td>
  </tr>
  <%} %>
  </table>
</body>
</html>


dogwc.jsp


<%@page import="com.zking.entity.Goods"%>
<%@page import="javax.swing.JOptionPane"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.zking.entity.OrderItem"%>
<%@page import="com.zking.entity.User"%>
<%@page import="com.zking.biz.IGoodsBiz"%>
<%@page import="com.zking.biz.imp.Imp_GoodsBiz"%>
<%@page import="com.zking.biz.imp.Imp_OrderItemBiz"%>
<%@page import="com.zking.biz.IOrderItemBiz"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
//判断用户是不是为空
Object obj = session.getAttribute("a");
if(obj==null){
  out.print("<script>alert('你没有登录,请先登录');location.href='login.jsp'</script>");
}
//获取商品订单的数量
String number =request.getParameter("gn");
int count=1;
if(number!=null){
  count=Integer.valueOf(number);
}
//接受商品的编号
int bid=Integer.valueOf(request.getParameter("bid"));
IOrderItemBiz ss=new Imp_OrderItemBiz();
IGoodsBiz se=new Imp_GoodsBiz();
double jg= se.getByBid(bid).getBprice();
//给属性赋值
User sf=(User)session.getAttribute("a");
OrderItem oi=new OrderItem(sf.getUuid(),bid,1,1.0,"下单成功");
//获取OrderItem中的订单集合
ArrayList<OrderItem> olist=ss.getAll(sf.getUuid());
boolean b=true;//表示默认 没有相同的订单
double SumPrice=0;
//遍历订单集合,判断是否已存在相同商品订单
for(int i=0;i<olist.size();i++){
  if(bid==olist.get(i).getBid()){
  //number为空说明是从index页面过来的
  if(number==null){
    //修改数量:原来的数量+1
    boolean bb=ss.updateByOid(olist.get(i).getOid(),olist.get(i).getGnumber()+1,jg);
  if(bb){
    JOptionPane.showMessageDialog(null, "商品添加成功");
  }else{
    JOptionPane.showMessageDialog(null, "商品修改成功");
  }
  }else{//number为空说明是从spcar页面过来的
    //修改数量:原来的数量修改为count
    boolean bb=ss.updateByOid(olist.get(i).getOid(),count,jg);
    if(bb){
    JOptionPane.showMessageDialog(null, "商品添加成功");
    }else{
    JOptionPane.showMessageDialog(null, "商品修改成功");
    }
  }
  b=false;
  }
}
if(b){
  //把订单放到orderitem表中
  IGoodsBiz gd=new Imp_GoodsBiz();
  Goods s=gd.getByBid(bid);
  boolean sfc=ss.taddId(oi,s.getBprice());
  if(sfc){
  JOptionPane.showMessageDialog(null, "商品添加成功");
  }else{
  JOptionPane.showConfirmDialog(null, "商品修改成功");
  }
}
//跳转页面
response.sendRedirect("spcar.jsp");
%>


spcar.jsp


<%@page import="com.zking.entity.OrderItem"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.zking.entity.User"%>
<%@page import="com.zking.biz.IGoodsBiz"%>
<%@page import="com.zking.entity.Goods"%>
<%@page import="com.zking.biz.imp.Imp_GoodsBiz"%>
<%@page import="com.zking.biz.imp.Imp_OrderItemBiz"%>
<%@page import="com.zking.biz.IOrderItemBiz"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引用jQuery库 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<script type="text/javascript">
function xg(obj,bjd) {
  var gnumber=obj.value;
  if(gnumber>0){
  location.href="dogwc.jsp?bid="+bjd+"&gn="+gnumber;
  }else if(gnumber<=0 ){
  alert("商品数量不能<=0:");
  location.href="dodele.jsp?bid="+bid;
  }
}
function sc(bid) {
  if(confirm("确定删除吗?")){
  location.href="dodele.jsp?bid="+bid;
  }
}
function ff(bid,i) {
  var gnumber=document.getElementById(bid).value;
  if(gnumber>0){
  if(i==1){
  gnumber--;
  location.href="dogwc.jsp?bid="+bid+"&gn="+gnumber;
  }else if(i==2) {
  gnumber++;
  location.href="dogwc.jsp?bid="+bid+"&gn="+gnumber;
  }
  }else if(gnumber<=0 ){
  alert("商品数量不能<=0:");
  location.href="dodele.jsp?bid="+bid;
  }
}
</script>
</head>
<body>
  <%
  //判断用户是不是为空
  Object obj = session.getAttribute("a");
  if(obj==null){
    out.print("<script>alert('你没有登录,请先登录');location.href='login.jsp'</script>");
  }
  %>
  <h1 align="center">
  <a href="index.jsp"> <span class="glyphicon glyphicon-home"></span>
  </a>
  </h1>
  <table class="table table-hover">
  <tr>
    <td>商品图片</td>
    <td>商品名称</td>
    <td>商品价格</td>
    <td>商品介绍</td>
    <td>商品数量</td>
    <td>订单总价</td>
    <td>订单时间</td>
    <td>订单状态</td>
    <td>操作一下</td>
  </tr>
  <%
  // 获取到session中的订单集合
  IOrderItemBiz ss=new Imp_OrderItemBiz();
  IGoodsBiz kj=new Imp_GoodsBiz();
  Goods dd=null;
  User sf=(User)session.getAttribute("a");
    ArrayList<OrderItem> olist = ss.getAll(sf.getUuid());
    //把订单绑定到页面
    for (int i = 0; i < olist.size(); i++) {
    dd=kj.getByBid(olist.get(i).getBid());
  %>
  <tr>
    <td><img alt="" src="<%=dd.getBface()%>">
    </td>
    <td><%=dd.getBname()%></td>
    <td><%=dd.getBprice()%></td>
    <td><%=dd.getBinfo()%></td>
    <td>
    <button onclick="ff(<%=dd.getBid()%>,1)">-</button>
    <input
    onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"
    onblur="xg(this,<%=dd.getBid()%>)"
    id="<%=dd.getBid()%>"
    style='width: 40px; text-align: center;' type="text"
    value="<%=olist.get(i).getGnumber()%>">
    <button onclick="ff(<%=dd.getBid()%>,2)">+</button>
    </td>
    <td><%=olist.get(i).getGsumprice()%></td>
    <td><%=olist.get(i).getOdate() %></td>
    <td><%=olist.get(i).getOzt() %></td>
    <td><button onclick="sc(<%=dd.getBid()%>)" class="glyphicon glyphicon-trash" >
    </button></td>
  </tr>
  <%
    }
  %>
  </table>
  <p align="right" style="margin-rigth: 40px">
  <button class="btn btn-success">
    总价格:<%=ss.getsum() %></button>
  </p>
</body>
</html>


dodele.jsp


<%@page import="javax.swing.JOptionPane"%>
<%@page import="com.zking.biz.imp.Imp_OrderItemBiz"%>
<%@page import="com.zking.biz.IOrderItemBiz"%>
<%@page import="com.zking.entity.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
//接受商品的编号
int bid=Integer.valueOf(request.getParameter("bid"));
User s=(User)session.getAttribute("a");
//获取session中的订单集合
IOrderItemBiz ss=new Imp_OrderItemBiz();
boolean sd=ss.deleteById(bid,s.getUuid());
if(sd){
  JOptionPane.showMessageDialog(null, "删除成功");
}else{
  JOptionPane.showMessageDialog(null, "删除失败");
}
//跳转页面
response.sendRedirect("spcar.jsp");
%>
相关文章
|
1天前
|
关系型数据库 MySQL 数据库连接
数据库连接工具连接mysql提示:“Host ‘172.23.0.1‘ is not allowed to connect to this MySQL server“
docker-compose部署mysql8服务后,连接时提示不允许连接问题解决
|
2天前
|
存储 安全 API
陪玩平台中支付与结算模块的代码,陪玩系统数据库设计与代码实现
第三方支付平台对接涉及与微信支付、支付宝等API接口的调用,确保用户支付流程顺畅。结算模块根据业务规则计算陪玩师收益,强调安全性、异常处理、可扩展性和日志记录。数据库设计涵盖用户、陪玩者、订单等信息的存储管理,确保系统稳定运行。
|
5天前
|
数据管理 数据库 数据安全/隐私保护
Django—同一项目不同app使用不同数据库
在Django项目中实现不同app使用不同数据库的配置,可以通过配置多数据库、创建数据库路由和配置路由来实现。通过这种方法,可以有效地将数据隔离到不同的数据库,提高数据管理的灵活性和系统的可扩展性。希望本文能为开发者在Django项目中使用多数据库提供清晰的指导。
15 4
|
6天前
|
前端开发 Java 数据库连接
Java后端开发-使用springboot进行Mybatis连接数据库步骤
本文介绍了使用Java和IDEA进行数据库操作的详细步骤,涵盖从数据库准备到测试类编写及运行的全过程。主要内容包括: 1. **数据库准备**:创建数据库和表。 2. **查询数据库**:验证数据库是否可用。 3. **IDEA代码配置**:构建实体类并配置数据库连接。 4. **测试类编写**:编写并运行测试类以确保一切正常。
20 2
|
30天前
|
SQL Java 数据库连接
JDBC编程安装———通过代码操控数据库
本文,教你从0开始学习JBCD,包括驱动包的下载安装调试设置,以及java是如何通过JBDC实现对数据库的操作,以及代码的分析,超级详细
|
2月前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
6天前
|
缓存 关系型数据库 MySQL
【深入了解MySQL】优化查询性能与数据库设计的深度总结
本文详细介绍了MySQL查询优化和数据库设计技巧,涵盖基础优化、高级技巧及性能监控。
73 0
|
1月前
|
存储 Oracle 关系型数据库
数据库传奇:MySQL创世之父的两千金My、Maria
《数据库传奇:MySQL创世之父的两千金My、Maria》介绍了MySQL的发展历程及其分支MariaDB。MySQL由Michael Widenius等人于1994年创建,现归Oracle所有,广泛应用于阿里巴巴、腾讯等企业。2009年,Widenius因担心Oracle收购影响MySQL的开源性,创建了MariaDB,提供额外功能和改进。维基百科、Google等已逐步替换为MariaDB,以确保更好的性能和社区支持。掌握MariaDB作为备用方案,对未来发展至关重要。
63 3
|
1月前
|
安全 关系型数据库 MySQL
MySQL崩溃保险箱:探秘Redo/Undo日志确保数据库安全无忧!
《MySQL崩溃保险箱:探秘Redo/Undo日志确保数据库安全无忧!》介绍了MySQL中的三种关键日志:二进制日志(Binary Log)、重做日志(Redo Log)和撤销日志(Undo Log)。这些日志确保了数据库的ACID特性,即原子性、一致性、隔离性和持久性。Redo Log记录数据页的物理修改,保证事务持久性;Undo Log记录事务的逆操作,支持回滚和多版本并发控制(MVCC)。文章还详细对比了InnoDB和MyISAM存储引擎在事务支持、锁定机制、并发性等方面的差异,强调了InnoDB在高并发和事务处理中的优势。通过这些机制,MySQL能够在事务执行、崩溃和恢复过程中保持
81 3
|
1月前
|
SQL 关系型数据库 MySQL
数据库灾难应对:MySQL误删除数据的救赎之道,技巧get起来!之binlog
《数据库灾难应对:MySQL误删除数据的救赎之道,技巧get起来!之binlog》介绍了如何利用MySQL的二进制日志(Binlog)恢复误删除的数据。主要内容包括: 1. **启用二进制日志**:在`my.cnf`中配置`log-bin`并重启MySQL服务。 2. **查看二进制日志文件**:使用`SHOW VARIABLES LIKE &#39;log_%&#39;;`和`SHOW MASTER STATUS;`命令获取当前日志文件及位置。 3. **创建数据备份**:确保在恢复前已有备份,以防意外。 4. **导出二进制日志为SQL语句**:使用`mysqlbinlog`
97 2