模仿淘宝购物系统的Java Web前端项目(开源项目)

模仿淘宝购物系统的Java Web前端项目(开源项目)
提示:此项目仅作为本博主的学习笔记记录,不作为商品售卖,资源往下翻看源码获取

文章目录


前言

提示:这里可以添加本文要记录的大概内容:

本项目要求完成Java Web的开发环境准备,以及项目开发框架的搭建
Web开发环境准备,包括eclipse、MySQL、tomcat
Web项目框架搭建,涉及jsp、servlet、MVC等技术

运行网址:http://localhost:8080/eshop0/index.action


提示:以下是本篇文章正文内容,下面案例可供参考

Web端功能设计

首页

在这里插入图片描述

热销商品

在这里插入图片描述

新到商品

在这里插入图片描述

商品分类

在这里插入图片描述

商品详情

![在这里

在这里插入图片描述

购物车


在这里插入图片描述

添加地址

在这里插入图片描述
在这里插入图片描述


在这里插入图片描述

提交订单

在这里插入图片描述
在这里插入图片描述

部分代码展示

GoodsController中的搜索商品功能

//搜索商品elseif(url.equals("/goods/searchGoods.action")){String keyword=req.getParameter("keyword");String sort=req.getParameter("sort");List<Goods> searchGoods=newArrayList<Goods>();if(keyword!=null&&!keyword.equals("")){ searchGoods=GoodsService.searchGoodsByKeywords(keyword,sort); req.setAttribute("goods", searchGoods);} req.getRequestDispatcher("/goods/goods_list.jsp").forward(req, resp);}elseif(url.equals("/goods/deleteCart.action")){ resp.setContentType("text/json; charset=utf-8");PrintWriter out = resp.getWriter();String index=req.getParameter("index");List<Goods> goodslist=newArrayList<Goods>();Object ob=req.getSession().getAttribute("goodslist");if(ob!=null&&index!=null){ goodslist=(List<Goods>) ob; goodslist.remove(Integer.parseInt(index));} req.getSession().setAttribute("goodslist", goodslist); out.print("{\"success\":true,\"cartnum\":"+goodslist.size()+"}");}elseif(url.equals("/goods/clearCart.action")){ resp.setContentType("text/json; charset=utf-8");PrintWriter out = resp.getWriter(); req.getSession().removeAttribute("goodslist"); out.print("{\"success\":true}");}elseif(url.equals("/goods/changeCart.action")){List<Goods> goodslist=newArrayList<Goods>();Object ob=req.getSession().getAttribute("goodslist");if(ob!=null){ goodslist=(List<Goods>) ob;} resp.setContentType("text/json; charset=utf-8");PrintWriter out = resp.getWriter();String index=req.getParameter("index");String goodsSales=req.getParameter("goodsSales");float totalAmount=0;float totalPrice=0;if(ob!=null){for(int i=0;i<goodslist.size();i++){if(i==Integer.parseInt(index)){ goodslist.get(i).setGoodsSales(Integer.parseInt(goodsSales)); totalPrice=goodslist.get(i).getGoodsSales()*goodslist.get(i).getGoodsDiscount();} totalAmount=totalAmount+goodslist.get(i).getGoodsSales()*goodslist.get(i).getGoodsDiscount();}} out.print("{\"success\":true,\"totalAmount\":"+totalAmount+",\"totalPrice\":"+totalPrice+"}");}elseif(url.equals("/goods/buyGoods.action")){ req.setAttribute("catelist", catelist);User logu=(User)req.getSession().getAttribute("_LOGIN_USER_");if(logu!=null){// List<Address> addresses=AddressService.getAllAddress(logu.getUserId()); //req.setAttribute("addrs",addresses); } req.getRequestDispatcher("/order/buyGoods.jsp").forward(req, resp);}

GoodsService中的搜索商品功能

//byzmhpublicstaticList<Goods>searchGoodsByKeywords(String name,String sort){// TODO Auto-generated method stubDBUtil1 db=newDBUtil1();// 连接数据库String sql="select * from t_goods where goods_name like ? ";if(sort!=null)if(sort.equals("1")) sql=sql+" order by goods_discount asc";elseif(sort.equals("2")) sql=sql+" order by goods_discount desc";elseif(sort.equals("3")) sql=sql+" order by goods_sales desc";elseif(sort.equals("4")) sql=sql+" order by goods_sales asc";String params[]={"%"+name+"%"};List<Map<String,String>> goods_map=db.getList(sql,params);if(goods_map!=null)returnmaptomodel(goods_map);elsereturnnull;}

可能会出现的错误

如果某个功能不好使,请刷新重试,此项目实在找不到当时的版本了

如果拿到项目后发现图片不显示

1、找到项目中的代码,看一下是不是图片地址不对,对应地址【/images】下查看

在这里插入图片描述


在这里插入图片描述

2、检查是不是数据库连接问题
数据库连接工具 DBUtil.java


源码获取

如果有按钮不好使请刷新重试,还是不好使请评论或私信我检查
因为原来有个功能齐全的,有个不全的,不知道谁说那个全的不全,结果把不全的给替换掉了那个全的,于是就成了现在各位看到的样子,所以这个如果还是不全,我会尽量找找那个全的

Gitee提取地址:点击此处跳转到基于Java Web的随意购商城系统(开源项目)源码地址

在这里插入图片描述

Read more

AIGC实战测评:蓝耘元生代通义万相2.1图生视频的完美部署~

AIGC实战测评:蓝耘元生代通义万相2.1图生视频的完美部署~

文章目录 * 👏什么是图生视频? * 👏通义万相2.1图生视频 * 👏开源仓库代码 * 👏蓝耘元生代部署通义万相2.1图生视频 * 👏平台注册 * 👏部署通义万相2.1图生视频 * 👏使用通义万相2.1图生视频 * 👏总结 👏什么是图生视频? 图生视频是一种通过图像生成技术,结合文本信息生成视频的创新方式。通过输入一张图像和相关的描述文本,系统能够根据这些输入生成一个符合描述的视频。该技术利用深度学习和计算机视觉技术,将静态图像转化为动态视频,实现视觉内容的快速生成。这种技术的应用广泛,涵盖了内容创作、影视制作、广告生成等多个领域。 👏通义万相2.1图生视频 阿里巴巴旗下“通义”品牌宣布,其AI视频生成模型“通义万相Wan”正式推出独立网站,标志着其生成式AI技术的重大进展。新网站现已开放(网址:wan.video),用户可直接登录体验“文本生成视频”和“图像生成视频”功能,无需本地部署,极大降低了使用门槛。此外,每天登录网站还可获赠积分,激励用户持续探索。 文章链接:https:

By Ne0inhk

GitHub Copilot 使用笔记

GitHub Copilot 是 VSCode 自带的 AI Agent 插件,需要登录 GitHub 账号使用,分为免费版和付费版。 关于个人额度,可以在 Github 的 Copilot 菜单里查看 支持模型 添加第三方模型 通过 Manage Models 选中对应厂商。 可以通过 OpenRouter 来导入免费的模型,需要先到 OpenRouter 注册 API Key,输入后即可使用,也可以使用兼容 OpenAI 接口的三方 API,比如 硅基流动 SiliconFlow 使用帮助信息 切换到 Ask 模式,输入 /help 即可获取帮助命令,可以查看当前有什么可用命令和使用方法。 翻译后的内容,方便查看,

By Ne0inhk
VSCode GitHub Copilot 安装与使用完全指南

VSCode GitHub Copilot 安装与使用完全指南

文章目录 * 一、安装准备 * 1.1 系统要求 * 1.2 Copilot订阅选择 * 1.3 获取访问权限 * 二、安装步骤 * 2.1 安装GitHub Copilot基础扩展 * 2.2 安装GitHub Copilot Chat扩展 * 2.3 登录和授权 * 三、基本使用:代码自动完成 * 3.1 内联代码建议 * 3.2 自定义Copilot配置 * 3.3 使用注释引导Copilot * 四、使用Copilot Chat * 4.1 启动聊天会话 * 4.2 常见Chat命令和技巧 * 4.3 聊天模式

By Ne0inhk