JavaWeb：实现购物商城（课程设计完整版）

• 花匠小妙招
• 2024-12-02 13:59

前言

做一个javaweb可以对前后端基础知识进行巩固。
就比如 前端可以用 html+css+js+jQuery；
后端Http协议，Servlet基础，JSP技术，Mysql等
在文章结尾附项目源代码和素材

一、功能概述

购物商城分为 管理员 和 普通用户 页面用户可以自行注册登录用户可以 加入商品到购物车中，可以查看商品的详情管理员可以对 商品进行增删改查，就比如发布商品，下架商品，修改商品，搜索商品。

二、代码分析

action层：管理业务调度和管理跳转的，即处理逻辑问题bean层：封装数据，设置数据的属性和行为biz层：接受数据库的处理结果并且返回给前端dao层：对数据库进行增删改查util层： 是一个多功能，基于工具的包。比如字符串处理，JDBC连接等

三、项目展示

因为艺术细胞太少，所以前端页面设计的比较难看，大家可以自行修改也可以在评论区提出意见，或联系我修改。

1.登录和注册

2.普通用户页面

3.商品详情页

4.购物车

5.管理员页面

6. 发布商品页面

7. 修改商品页面

8.商品数据库

四、部分代码展示

1.登录和注册

//1.判读用户请求的类型为login String method = req.getParameter("type"); switch (method) { case "login": // 从 login.html中 拿 账号，密码等数据 String name = req.getParameter("name"); String pwd = req.getParameter("pwd"); // 调用UserBiz的getUser方法，根据 网页中 输入的账号密码，获取相应对象 User user = userBiz.getUser(name,pwd); //判断 获取到的对象是否为 null; if (user == null) { System.out.println(user); out.println("<script>alert('用户名或密码不存在');location.href = 'login.html';</script>"); }else { session.setAttribute("user",user);//user-->Object out.println("<script>alert('登录成功');location.href='/UserShow';</script>"); } break; case "register" : // 从 login.html中 拿 账号，密码等数据 String name1 = req.getParameter("name"); String pwd1 = req.getParameter("pwd"); UserDao userDao = new UserDao(); try { userDao.setUser(name1,pwd1); } catch (SQLException throwables) { throwables.printStackTrace(); } out.println("<script>alert('注册成功');location.href = 'login.html';</script>"); break;

123456789101112131415161718192021222324252627282930313233343536

2.修改商品

req.setCharacterEncoding("utf-8"); resp.setContentType("text/html;charset=utf-8"); PrintWriter out = resp.getWriter(); CommodityDao commodityDao = new CommodityDao(); String temp = req.getParameter("mod"); int temp1 = 0; if (temp!=null) { temp1=Integer.parseInt(temp); } DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); String imgPath=""; try { String name =""; String price = ""; String introduce = ""; String path=""; List<FileItem> list = upload.parseRequest(req); for (FileItem item : list) { if (item.isFormField()){ switch (item.getFieldName()){ case "mod" : temp1 = Integer.parseInt(item.getString("utf-8")); break; case "name" : name = item.getString("utf-8"); break; case "price" : price = item.getString("utf-8"); break; case "introduce" : introduce = item.getString("utf-8"); break; } }else { // 拿到文件的名称 String fileName = item.getName(); // 时间戳唯一 唯一的fileName fileName=fileName.substring(fileName.lastIndexOf(".")); fileName=System.currentTimeMillis()+fileName; imgPath="Mysql_imgs/"+fileName; // 拿到文件存储的路径 path = "D:IdeaProjectsmydemowebMysql_imgs"+fileName; // 创建读写流 InputStream in = item.getInputStream(); FileOutputStream outt = new FileOutputStream(path); // 完成读写操作 byte [] buffer = new byte[1024]; int len = 0 ; while ((len = in.read(buffer)) > 0) { outt.write(buffer); } // 关闭资源 in.close(); outt.close(); item.delete(); } System.out.println(temp1 +" "+name +" "+price +" "+introduce +" "+imgPath ); if (name!=""&&price!=""&&introduce!=""&&imgPath!="") { try { commodityDao.modCommodity(temp1,name,price,introduce,imgPath); } catch (SQLException throwables) { throwables.printStackTrace(); } out.println("<script>alert('修改成功');location.href = 'index';</script>"); } } } catch (FileUploadException e) { e.printStackTrace(); }

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990

3. 发布商品

DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); CommodityDao commodityDao = new CommodityDao(); String imgPath=""; try { String name =""; String price = ""; String introduce = ""; String path=""; List<FileItem> list = upload.parseRequest(req); for (FileItem item : list) { if (item.isFormField()){ switch (item.getFieldName()){ case "name" : name = item.getString("utf-8"); break; case "price" : price = item.getString("utf-8"); break; case "introduce" : introduce = item.getString("utf-8"); break; } }else { // 拿到文件的名称 String fileName = item.getName(); // 时间戳唯一 唯一的fileName fileName=fileName.substring(fileName.lastIndexOf(".")); fileName=System.currentTimeMillis()+fileName; imgPath="Mysql_imgs/"+fileName; // 拿到文件存储的路径 path = "D:IdeaProjectsmydemowebMysql_imgs"+fileName; // 创建读写流 InputStream in = item.getInputStream(); FileOutputStream outt = new FileOutputStream(path); // 完成读写操作 byte [] buffer = new byte[1024]; int len = 0 ; while ((len = in.read(buffer)) > 0) { outt.write(buffer); } // 关闭资源 in.close(); outt.close(); item.delete(); } if (name!=""&&price!=""&&introduce!=""&&imgPath!="") { // System.out.println(name+" ; "+price+" ; "+introduce+" ; "+imgPath); try { commodityDao.setCommodity(name,price,introduce,imgPath); } catch (SQLException throwables) { throwables.printStackTrace(); } out.println("<script>alert('添加成功');location.href = 'index';</script>"); } } } catch (FileUploadException e) { e.printStackTrace(); }

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778

4. 购物车页面

<body> <div class="divv"> <div class="head"> <a href="/UserShow">首页</a> </div> <div class="contain"> <div class="con"> <div class="con_div1"> <span style="margin-left: 350px;">商品信息</span> <span style="margin-left: 170px;">数量</span> <span style="margin-left: 150px;">金额</span> <span style="float: right;margin-right: 138px;">操作</span> </div> <c:forEach items="${Arraylist}" var="user"> <div class="con_div"> <div class="con_div_div1"> <img src="${user.img}" alt="" class="con_div_img"></div> <div class="con_div_div2">${user.introduce}</div> <div class="con_div2"> <a href="/carjian?id=${user.id}&amount=${user.amount}" class="con_div2_a1">-</a> <span class="con_div2_in1">${user.amount}</span> <a href="/carjia?id=${user.id}&amount=${user.amount}" class="con_div2_a2">+</a> </div> <span class="con_div_s3">¥</span> <span class="con_div_s2">${user.price}</span> <a href="/delcar?id=${user.id}" class="con_div_a1">移除</a> </div> </c:forEach> <div class="con_end"> <span class="con_end_s1">合计: </span> <em class="con_end_em">0.00</em> <a href="" class="con_end_a1">结算</a> </div> </div> </div> </div> <script> let gets = document.getElementsByClassName("con_div_s2"); let amounts = document.getElementsByClassName("con_div2_in1"); let sum = 0; for (let i = 0; i < gets.length; i++) { sum += parseInt(gets[i].innerHTML) * parseInt(amounts[i].innerHTML); } document.getElementsByClassName("con_end_em")[0].innerHTML = sum; </script> </body>

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354

五、总结感想

目前这个项目是1.0版本的。
现在已经升级为2.0了，在这个基础上 添加了商品分类，管理员和用户分开登录，商品下单，商品收藏等功能！

六、完整源代码和素材

链接：https://pan.baidu.com/s/13MG5R_xrLWQrxcf7sBtt7g?pwd=ojbk
提取码：ojbk

相关知识

JavaWeb网上购物商城系统：打造你的第一个电子商务平台
基于JavaWeb实现网上花店商城系统
基于javaweb和mysql的jsp+servlet在线商城鲜花花卉商城(前台、后台)(java+jsp+servlet+mysql) java课程设计 数据
Java项目源码javaweb花店销售管理系统
计算机毕业设计之 [含实训报告+源码等]javaweb花店管理系统[包运行成功]
基于javaweb的校园鲜花销售商城系统(java+ssm+jsp+html+layui+mysql)
基于Springboot网上在线购物商城【附源码+文档】
Java实现鲜花销售系统
基于vue.js花店鲜花购物商城系统设计与实现(uni
ssm基于Javaweb的网上花店系统的设计与实现论文

网址: JavaWeb：实现购物商城（课程设计完整版） https://m.huajiangbk.com/newsview820959.html

上一篇: 实体店线上商城线下相结合怎么做？

下一篇: Spring Boot + Vu