给大家分享了这么久的JavaWeb小知识，这次就给大家分享一下最近新写的一个Web小项目吧。
目录
一，项目介绍
这次给大家介绍的主要是一个关于购物的小项目，主要分为三个界面：
1.登陆注册界面
操作指南：
点击下方的登录按钮可以进行登陆操作，如果账号密码正确，则会登陆进入主页面，在没有账号的情况下，可以先进行注册的操作（点击下方红色按钮即可）。
2.主界面（里面存放商品）
操作指南：
点击右边的添加购物车可以将商品添加到购物车里面去，然后可以进入购物车界面进行查看（该界面仅为测试界面）。
3.购物车界面（里面存放的是加入购物车的商品）
操作指南：
可以通过商品个数旁边的加减按钮对商品数量进行更改，总价和单价也会随之改变，同时具备相应的删除功能，点击最右边的蓝色删除按钮即可。结算商品时直接点击结算按钮即可。
二，代码详解
1.Dao包代码：（数据库管理层）
IGoodsDao.java:
package com.xly.dao;
import com.xly.pojo.Goods;
import java.util.List;
public interface IGoodsDao {
//查询所有
List<Goods> getAll();
//查询单个
Goods getOne(Integer id);
}IUserDao.java:
package com.xly.dao;
import com.xly.pojo.User;
public interface IUserDao {
User login(User user);
}DaoImpl包代码：
GoodsDapImpl.java
package com.xly.dao.impl;
import com.xly.dao.IGoodsDao;
import com.xly.pojo.Goods;
import com.xly.util.DBHelper;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
public class GoodsDaoImpl implements IGoodsDao {
private Connection con;
private PreparedStatement ps;
private ResultSet rs;
@Override
public List<Goods> getAll() {
List<Goods> list = new ArrayList<Goods>();
try {
con = DBHelper.getCon();
ps = con.prepareStatement("select * from shop_goods");
rs = ps.executeQuery();
while (rs.next()) {
Goods goods = new Goods();
goods.setId(rs.getInt(1));
goods.setName(rs.getString(2));
goods.setPrice(rs.getInt(3));
goods.setInfo(rs.getString(4));
list.add(goods);
}
return list;
} catch (Exception e) {
e.printStackTrace();
} finally {
DBHelper.close(con, ps, rs);
}
return list;
}
@Override
public Goods getOne(Integer id) {
try {
con = DBHelper.getCon();
ps = con.prepareStatement("select * from shop_goods where id=?");
ps.setInt(1, id);
rs = ps.executeQuery();
if (rs.next()) {
Goods goods = new Goods();
goods.setId(rs.getInt(1));
goods.setName(rs.getString(2));
goods.setPrice(rs.getInt(3));
goods.setInfo(rs.getString(4));
return goods;
}
} catch (Exception e) {
e.printStackTrace();
} finally {
DBHelper.close(con, ps, rs);
}
return null;
}
}
UserDapImpl.java
package com.xly.dao.impl;
import com.xly.dao.IUserDao;
import com.xly.pojo.User;
import com.xly.util.DBHelper;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
public class UserDaoImpl implements IUserDao {
private Connection con;
private PreparedStatement ps;
private ResultSet rs;
@Override
public User login(User user) {
System.out.println(user.getAccount());
try {
con=DBHelper.getCon();
ps=con.prepareStatement("select * from shop_user where account=?");
ps.setString(1,user.getAccount());
rs=ps.executeQuery();
if(rs.next()){
User u=new User();
u.setId(rs.getInt(1));
u.setAccount(rs.getString(2));
u.setPassword(rs.getString(3));
return u;
}
}catch (Exception e) {
e.printStackTrace();
}finally {
DBHelper.close(con,ps,rs);
}
return null;
}
}
2.pojo包代码：（实体类包）
User.java
package com.xly.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
public class User {
private Integer id;
private String account;
private String password;
}Goods.java
package com.xly.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
import org.apache.commons.codec.digest.DigestUtils;
import java.math.BigDecimal;
import java.math.BigInteger;
public class Goods {
private Integer id;
private String name;
private Integer price;
private String info;
}3.Biz包代码：（业务逻辑层）
IUserBiz.java
package com.xly.biz;
import com.zking.pojo.User;
public interface IUserBiz {
User login(User user);
}IGoodBiz.java
package com.xly.biz;
import com.xly.pojo.Goods;
import java.util.List;
public interface IGoodsBiz {
//查询所有
List<Goods> getAll();
//查询单个
Goods getOne(Integer id);
}BizImpl包代码：
GoodsBizImpl.java
package com.xly.biz.impl;
import com.xly.biz.IGoodsBiz;
import com.xly.dao.IGoodsDao;
import com.xly.dao.impl.GoodsDaoImpl;
import com.xly.pojo.Goods;
import java.util.List;
public class GoodsBizImpl implements IGoodsBiz {
private IGoodsDao goodsDao=new GoodsDaoImpl();
@Override
public List<Goods> getAll() {
return goodsDao.getAll();
}
@Override
public Goods getOne(Integer id) {
return goodsDao.getOne(id);
}
}UserBizImpl.java
package com.xly.biz.impl;
import com.xly.biz.IUserBiz;
import com.xly.dao.IUserDao;
import com.xly.dao.impl.UserDaoImpl;
import com.xly.pojo.User;
public class UserBizImpl implements IUserBiz {
private IUserDao userDao=new UserDaoImpl();
@Override
public User login(User user) {
User u = userDao.login(user);
System.out.println(u+"---biz");
if(u!=null){
if (u.getPassword().equals(user.getPassword())) {
return u;
}
}
return null;
}
}
4.util包代码：
DBHelper
package com.xly.util;
import oracle.jdbc.driver.OracleDriver;
import java.sql.*;
public class DBHelper {
//加载驱动
static{
try {
Class.forName("oracle.jdbc.driver.OracleDriver");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
}
//定义链接字符串
private static final String URL="jdbc:oracle:thin:@localhost:1521:orcl";
//获得链接
public static Connection getCon() {
try {
return DriverManager.getConnection(URL,"scott","tiger");
} catch (SQLException e) {
e.printStackTrace();
}
return null;
}
//关闭资源
public static void close(Connection con,PreparedStatement ps, ResultSet rs) {
try {
if (con!=null&&!con.isClosed()) {
con.close();
}
if(ps!=null){
ps.close();
}
if(rs!=null){
rs.close();
}
}catch (Exception e) {
e.printStackTrace();
}
}
public static void main(String[] args) {
System.out.println(DBHelper.getCon());
}
}5.vo包代码：
CarItem.java
package com.xly.vo;
import com.xly.pojo.Goods;
import lombok.Data;
public class CarItem {
private Integer count;//数量
private Integer sum;//条目总价
private Goods goods;//对应的商品
}
6，显示界面代码：（表示层）
index.jsp(主界面)
<%@ page import="com.xly.pojo.User" %>
<%@ page import="com.xly.biz.IGoodsBiz" %>
<%@ page import="com.xly.biz.impl.GoodsBizImpl" %>
<%@ page import="com.xly.pojo.Goods" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!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>
td:nth-child(3)::before{
content: "$";
}
</style>
</head>
<body>
<%
Object obj = session.getAttribute("user");
if(obj==null){
response.sendRedirect("/login.jsp");
return;
}
%>
<div class="jumbotron">
<div class="container">
<h1>欢迎光临胡阿玛SuperMarket</h1>
<p>尊贵的<%=((User)obj).getAccount()%></p>
</div>
</div>
<%=session.getAttribute("car") %>
<div class="container">
<table class="table">
<tr>
<th>商品序号</th>
<th>商品名称</th>
<th>商品单价</th>
<th>商品描述</th>
<th>操作</th>
</tr>
<%
IGoodsBiz goodsBiz=new GoodsBizImpl();
for (Goods goods : goodsBiz.getAll()) {
%>
<tr>
<td><%=goods.getId()%></td>
<td><%=goods.getName()%></td>
<td><%=goods.getPrice()%></td>
<td><%=goods.getInfo()%></td>
<td>
<div class="btn-group btn-group-xs">
<a href="doAddCar.jsp?id=<%=goods.getId()%>" class="btn btn-primary">添加购物车</a>
</div>
</td>
</tr>
<%}%>
</table>
</div>
</body></html>login.jsp(登陆界面)
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%--这里的 html lang="zh" 代表的是中文的意思 --%>
<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">登录</button>
<button type="button" class="btn btn-danger" >没有账号?</button>
</div>
</form>
</body></html>doLogin.jsp(登录处理界面)
<%@ page import="com.xly.biz.IUserBiz" %>
<%@ page import="com.xly.biz.impl.UserBizImpl" %>
<%@ page import="com.xly.pojo.User" %>
<%@ page import="java.util.List" %>
<%@ page import="com.xly.vo.CarItem" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
request.setCharacterEncoding("utf-8");
String account = request.getParameter("account");
String password = request.getParameter("password");
IUserBiz userBiz = new UserBizImpl();
User user = userBiz.login(new User(0, account, password));
System.out.println(user + "---jsp");
if (user == null) {
response.sendRedirect("/login.jsp");
} else {
//首页需要登录数据
session.setAttribute("user", user);
//找来一个购物车
List<CarItem> car = new ArrayList<>();
//放到session中(把购物车给我)
session.setAttribute("car", car);
response.sendRedirect("/index.jsp");
}
%>doAddCar.jsp(购物车增加界面)
<%@ page import="com.xly.biz.IGoodsBiz" %>
<%@ page import="com.xly.biz.impl.GoodsBizImpl" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
//拿购物车
List<CarItem> car=(List<CarItem>)session.getAttribute("car");
IGoodsBiz goodsBiz=new GoodsBizImpl();
//添加购物车的页面
//1.得知道是那件商品吧
String str = request.getParameter("id");
int id = -1;
if (str != null) {
id = Integer.parseInt(str);
}
//2-1.判断该商品是否存在
boolean f=true;
for (CarItem item : car) {
// item.getGoods().getId() 条目的商品id
if(id==item.getGoods().getId()){
//商品应该是已经被添加购物车了 [购物车中某个条目的商品id和你需要添加的商品id相同了]
item.setCount(item.getCount()+1);//数量+1
item.setSum(item.getCount()*item.getGoods().getPrice());
f=false;
break;
}
}
//只要判断f是否发生了改变
if(f){
//2-2.生成一个CarItem [如果购物车没有该商品]
CarItem carItem=new CarItem();
//设置对应的商品数据
carItem.setGoods(goodsBiz.getOne(id));
//商品加车的数量
carItem.setCount(1);
//carItem.getCount() 商品加车的数量
//carItem.getGoods().getPrice() 商品的单价
//加车数量*商品单价
carItem.setSum(carItem.getCount()*carItem.getGoods().getPrice());
//将 购物条目[carItem] 绑定到 购物车[car] 中
car.add(carItem);
}
//更新购物车
session.setAttribute("car", car);
//跳回首页
response.sendRedirect("/index.jsp");
%>
今天的分享就到此为止啦，精彩下期继续。
1241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
