关于java:jspservlet实战编写购物商城

4次阅读

共计 5008 个字符，预计需要花费 13 分钟才能阅读完成。

点赞再看，养成习惯

本我的项目应用 jsp+servlet+mysql 架构搭建美妆购物商城，次要分为用户端和商城端，用户端次要有首页展现，商品信息、购物车、订单和集体核心几个大的模块，每个模块都蕴含次要的电商性能；商户端次要是对商品的增删改查，对商品销量的统计，订单治理以及布告治理几个外围板块。

jdk 8
intellij idea
tomcat 8
mysql 5.7

jsp+servlet
js+ajax
layui
jdbc+C3P0

注册

用户信息

首页

商品列表

订单确认

后端 - 销售榜单

1. 登录，权限角色管制：

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 // 1. 获取登录页面输出的用户名与明码
 String username = request.getParameter("username"); String password = request.getParameter("password"); // 2. 调用 service 实现登录操作。UserService service = new UserService(); try { User user = service.login(username, password); // 3. 登录胜利，将用户存储到 session 中.
 request.getSession().setAttribute("user", user); // 获取用户的角色，其中用户的角色分普通用户和超级用户两种
 String role = user.getRole(); // 如果是超级用户，就进入到后盾管理系统；否则进入我的账户页面
 if ("超级用户".equals(role)) {response.sendRedirect(request.getContextPath() + "/admin/login/home.jsp"); return; } else {response.sendRedirect(request.getContextPath() + "/client/myAccount.jsp"); return; } } catch (LoginException e) { // 如果呈现问题，将错误信息存储到 request 范畴，并跳转回登录页面显示错误信息
 e.printStackTrace(); request.setAttribute("register_message", e.getMessage()); request.getRequestDispatcher("/client/login.jsp").forward(request, response); return; }}
// 退出登录，销毁用户缓存信息
public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
 // 获取 session 对象.
 HttpSession session = request.getSession();// 销毁 session
 session.invalidate(); // flag 标识
 String flag = request.getParameter("flag");// 重定向到首页
 if (flag == null || flag.trim().isEmpty()) {response.sendRedirect(request.getContextPath() + "/index.jsp"); }}

2. 购物车逻辑

// 后端数据组装
public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
 // 1. 获取美妆 id
 String id = request.getParameter("id"); // 2. 依据 id 条件查问具体美妆参数信息
 ProductService service = new ProductService(); try { Product p = service.findProductById(id); //3. 将商品增加到购物车
 //3.1 取得 session 对象
 HttpSession session = request.getSession(); //3.2 从 session 中获取购物车对象
 Map<Product, Integer> cart = (Map<Product, Integer>)session.getAttribute("cart"); //3.3 如果购物车为 null, 阐明没有商品存储在购物车中，创立出购物车
 if (cart == null) {cart = new HashMap<Product, Integer>(); } //3.4 向购物车中增加商品
 Integer count = cart.put(p, 1); //3.5 如果商品数量不为空，则商品数量 +1，否则增加新的商品信息
 if (count != null) {cart.put(p, count + 1); }        session.setAttribute("cart", cart);
 response.sendRedirect(request.getContextPath() + "/client/cart.jsp"); return; } catch (FindProductByIdException e) {e.printStackTrace(); }}
  //jsp 页面数据渲染
<c:forEach items="${cart}" var="entry" varStatus="vs">
 <table width="100%" border="0" cellspacing="0"> <tr> <td width="10%">${vs.count}</td> <td width="30%">${entry.key.name}</td> <td width="10%">${entry.key.price}</td> <td width="20%"> <!-- 缩小商品数量 --> <input type="button" value='-'                       onclick="changeProductNum('${entry.value-1}','${entry.key.pnum}','${entry.key.id}')">
 <!-- 商品数量显示 --> <input name="text" type="text" value="${entry.value}"  /> <!-- 减少商品数量 --> <input type="button" value='+'                       onclick="changeProductNum('${entry.value+1}','${entry.key.pnum}','${entry.key.id}')">
 </td> <td width="10%">${entry.key.pnum}</td> <td width="10%">${entry.key.price*entry.value}</td> <td width="10%"> <!-- 删除商品 --> <a href="${pageContext.request.contextPath}/changeCart?id=${entry.key.id}&count=0" onclick="javascript:return cart_del()">X</a> </td> </tr> </table> <c:set value="${total+entry.key.price*entry.value}" var="total" /></c:forEach>

3. 文字验证码生成

public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
 // 禁止缓存
 // response.setHeader("Cache-Control", "no-cache"); // response.setHeader("Pragma", "no-cache"); // response.setDateHeader("Expires", -1); int width = 180; int height = 30; // 步骤一 绘制一张内存中图片
 BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 步骤二 图片绘制背景色彩 --- 通过绘图对象
 Graphics graphics = bufferedImage.getGraphics();// 失去画图对象 --- 画笔
 // 绘制任何图形之前 都必须指定一个色彩
 graphics.setColor(getRandColor(200, 250)); graphics.fillRect(0, 0, width, height); // 步骤三 绘制边框
 graphics.setColor(Color.WHITE); graphics.drawRect(0, 0, width - 1, height - 1); // 步骤四 四个随机数字
 Graphics2D graphics2d = (Graphics2D) graphics; // 设置输入字体
 graphics2d.setFont(new Font("宋体", Font.BOLD, 18));
 Random random = new Random();// 生成随机数
 int index = random.nextInt(words.size()); String word = words.get(index-1);// 取得成语
 // 定义 x 坐标
 int x = 10; for (int i = 0; i < word.length(); i++) { // 随机色彩
 graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random .nextInt(110), 20 + random.nextInt(110))); // 旋转 -30 --- 30 度
 int jiaodu = random.nextInt(60) - 30; // 换算弧度
 double theta = jiaodu * Math.PI / 180; // 取得字母数字
 char c = word.charAt(i); // 将 c 输入到图片
 graphics2d.rotate(theta, x, 20); graphics2d.drawString(String.valueOf(c), x, 20); graphics2d.rotate(-theta, x, 20); x += 40; } // 将验证码内容保留 session
 request.getSession().setAttribute("checkcode_session", word); // 步骤五 绘制烦扰线
 graphics.setColor(getRandColor(160, 200)); int x1; int x2; int y1; int y2; for (int i = 0; i < 30; i++) {x1 = random.nextInt(width); x2 = random.nextInt(12); y1 = random.nextInt(height); y2 = random.nextInt(12); graphics.drawLine(x1, y1, x1 + x2, x2 + y2); } // 将下面图片输入到浏览器 ImageIO graphics.dispose();// 开释资源
 ImageIO.write(bufferedImage, "jpg", response.getOutputStream());}

通过我的项目能学习一些 java 的根本数据渲染和读取，前后端数据传递除开 request 外也能够用 session 进行缓存交互，然而有点节约缓存资源，不必要短暂缓存数据能够及时清空
缓存，原生 jsp+servlet 组合框架也有很多有余，前期会改版成 ssh 或者 ssm 或者 springboot 版本的电商平台

正文完