JavaWeb购物车项目

最新推荐文章于 2024-07-07 04:15:00 发布

時宜

最新推荐文章于 2024-07-07 04:15:00 发布

阅读量1w

点赞数 29

文章标签： eclipse java tomcat html web

本文链接：https://blog.csdn.net/weixin_62270300/article/details/124159838

版权

该博客介绍了使用JavaWeb技术实现购物车项目的过程，包括项目前提、数据库设计、Eclipse中创建的包和类结构，以及主要功能实现，如用户登录、商品显示和购物车操作。重点讨论了session在项目中的应用及其优缺点，并展示了关键代码片段。

摘要由CSDN通过智能技术生成

一、项目前提

1、购物车并不是一直放数据库

2、选择使用的技术：

session：（购物车项目使用session）

好处:快(放在内存当中)，存对象的

坏处:占用内存，服务器意外待机数据会丢失

cookie

好处：不占用内存，存储很久

坏处：存在客户端上，只能存String,数据有泄露的风险

二、数据库的创建

用户表

create table shop_user (
   id number primary key,--用户id
   account varchar2(30) not null,--用户账户
   password varchar2(30)not null--用户密码
);

商品表

create table shop_goods(
   id number primary key,--商品id
   name varchar2(50) not null,--商品名称
   price number default 0.0,--商品价格
   info varchar2(255) default '三五产品' not null--商品介绍 
);

三、eclipse进行创建包和类：

com.zking.util 帮助类
com.zking.pojo 实体类
com.zking.dao（放dao接口）
com.zking.dao.imp (放dao接口实现类)
com.zking.biz （业务逻辑层放dao方法）
com.zking.biz.imp（业务逻辑层放dao实现类）
com.zking.vo (view object 视图对象前端用)

四、主要实现功能

1、购物车用户登录

login.jsp

界面效果

代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <style>
        * {
            outline: none !important;
        }

        html,
        body {
            background: #1abe9c;
        }

        form {
            width: 300px;
            background: #ebeff2;
            box-shadow: 0px 0px 50px rgba(0, 0, 0, .5);
            border-radius: 5px;
            padding: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .btn-group {
            width: 100%;
        }

        .btn-group button {
            width: 50%;
        }
    </style>
</head>

<body>
<form action="doLogin.jsp" method="post">
    <h3 class="text-center" style="text-shadow: 2px 2px 1px #ed3f3f;">欢迎光临苡桉超市</h3>
    <div class="form-group">
        <input name="account" type="text" class="form-control" placeholder="请输入您的用户名">
    </div>
    <div class="form-group">
        <input name="password" type="password" class="form-control" placeholder="请输入您的密码">
    </div>
    <div class="btn-group">
        <button type="submit" class="btn btn-primary">登录</bu