【J2EE】模仿天猫商城（后台篇）

我会带着你远行 2022-04-18 02:06 302阅读 0赞

之前学习了使用J2EE开发一个模仿天猫商城整站的项目，期间学习到了不少知识。但是隔了一段时间再回看代码，居然有点生疏了~所以写下这篇博客，方便日后回顾，温故而知新，也可以和大家交流学习。

本篇介绍项目的后台管理开发，模块主要分为：**分类管理，用户管理，订单管理，分类下的产品管理，分类属性管理，产品属性管理和产品图片管理**等等。。。

浏览地址：[http://how2j.cn/tmall/admin\_category\_list][http_how2j.cn_tmall_admin_category_list]

下载地址：链接：https://pan.baidu.com/s/12EnpGy8gr-TC6KL\_JRSiCg 密码：lrxu

涉及到的知识

前端：html+css+JavaScript+jQuery+Bootstrap

后端：j2ee

数据库：mysql

**数据库表关系图**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70][]

### 模块开发 ###

这里使用的是MVC开发模式，jsp作为显示的层面，servlet充当控制层，bean和dao作为模型

如果一个功能对应一个servlet，那么一个项目里面就有很多很多的servlet，web.xml也要配置很多次。这里的解决方案是使用Filter结合servlet。假设访问路径是 http://127.0.0.1:8080/tmall/admin\_category\_list，首先设置一个过滤器BackServletFilter，对所有请求进行拦截，判断访问的地址是否以/admin\_开头，如果是，那么做如下操作

1.取出两个下划线之间的值 category

2.取出最后一个下划线之后的值 list

3. 然后根据这个值，服务端跳转到categoryServlet，并且把list这个值传递过去

package tmall.filter;
     
    import java.io.IOException;
     
    import javax.servlet.Filter;
    import javax.servlet.FilterChain;
    import javax.servlet.FilterConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
     
    import org.apache.commons.lang.StringUtils;
     
    public class BackServletFilter implements Filter {
     
        public void destroy() {
             
        }
     
        @Override
        public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain)
                throws IOException, ServletException {
            HttpServletRequest request = (HttpServletRequest) req;
            HttpServletResponse response = (HttpServletResponse) res;
             
            String contextPath=request.getServletContext().getContextPath();
            String uri = request.getRequestURI();
            uri =StringUtils.remove(uri, contextPath);
            if(uri.startsWith("/admin_")){     
                String servletPath = StringUtils.substringBetween(uri,"_", "_") + "Servlet";
                String method = StringUtils.substringAfterLast(uri,"_" );
                request.setAttribute("method", method);
                req.getRequestDispatcher("/" + servletPath).forward(request, response);
                return;
            }
             
            chain.doFilter(request, response);
        }
     
        public void init(FilterConfig arg0) throws ServletException {
         
        }
    }

紧接着，定义一个BaseBackServlet进行抽取，原理是利用反射技术。让categoryServlet 继承BaseBackServlet，重写BaseBackServlet中的service函数。在调用categoryServlet中的dopost或者doget方法前，BaseBackServlet会被调用，根据filter传递过来method的值，借助反射，调用categoryServlet中对用的方法，最后根据servlet中返回的字段，选择进行服务器端的跳转或者是客户端的跳转。

package tmall.servlet;
     
    import java.io.InputStream;
     
    import java.lang.reflect.Method;
    import java.util.Iterator;
    import java.util.List;
    import java.util.Map;
     
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
     
    import org.apache.commons.fileupload.FileItem;
    import org.apache.commons.fileupload.disk.DiskFileItemFactory;
    import org.apache.commons.fileupload.servlet.ServletFileUpload;
     
    import tmall.dao.CategoryDAO;
    import tmall.dao.OrderDAO;
    import tmall.dao.OrderItemDAO;
    import tmall.dao.ProductDAO;
    import tmall.dao.ProductImageDAO;
    import tmall.dao.PropertyDAO;
    import tmall.dao.PropertyValueDAO;
    import tmall.dao.ReviewDAO;
    import tmall.dao.UserDAO;
    import tmall.util.Page;
     
    public abstract class BaseBackServlet extends HttpServlet {
     
        public abstract String add(HttpServletRequest request, HttpServletResponse response, Page page) ;
        public abstract String delete(HttpServletRequest request, HttpServletResponse response, Page page) ;
        public abstract String edit(HttpServletRequest request, HttpServletResponse response, Page page) ;
        public abstract String update(HttpServletRequest request, HttpServletResponse response, Page page) ;
        public abstract String list(HttpServletRequest request, HttpServletResponse response, Page page) ;
         
        protected CategoryDAO categoryDAO = new CategoryDAO();
        protected OrderDAO orderDAO = new OrderDAO();
        protected OrderItemDAO orderItemDAO = new OrderItemDAO();
        protected ProductDAO productDAO = new ProductDAO();
        protected ProductImageDAO productImageDAO = new ProductImageDAO();
        protected PropertyDAO propertyDAO = new PropertyDAO();
        protected PropertyValueDAO propertyValueDAO = new PropertyValueDAO();
        protected ReviewDAO reviewDAO = new ReviewDAO();
        protected UserDAO userDAO = new UserDAO();
     
        public void service(HttpServletRequest request, HttpServletResponse response) {
            try {
                 
                /*获取分页信息*/
                int start= 0;
                int count = 5;
                try {
                    start = Integer.parseInt(request.getParameter("page.start"));
                } catch (Exception e) {
                     
                }
                try {
                    count = Integer.parseInt(request.getParameter("page.count"));
                } catch (Exception e) {
                }
                Page page = new Page(start,count);
                 
                /*借助反射，调用对应的方法*/
                String method = (String) request.getAttribute("method");
                Method m = this.getClass().getMethod(method, javax.servlet.http.HttpServletRequest.class,
                        javax.servlet.http.HttpServletResponse.class,Page.class);
                String redirect = m.invoke(this,request, response,page).toString();
                 
                /*根据方法的返回值，进行相应的客户端跳转，服务端跳转，或者仅仅是输出字符串*/
                 
                if(redirect.startsWith("@"))
                    response.sendRedirect(redirect.substring(1));
                else if(redirect.startsWith("%"))
                    response.getWriter().print(redirect.substring(1));
                else
                    request.getRequestDispatcher(redirect).forward(request, response);
                 
            } catch (Exception e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                throw new RuntimeException(e);
            }
        }

1.分类管理

分类管理是后台开发的起始，是产品管理的父级，这里实现了分类管理增删查改的基本操作，同时提供分页查询，分类属性的增删查改，分类下产品管理入口（在跳转时传递分类id查找分类下的产品）。下面是分类下分页查询代码，分页查询在其他功能开发中都会用到，在page中设置start和count作为参数传入categoryDao中，查询出条件下的分类集合，用request传到jsp页面中去

public String list(HttpServletRequest request, HttpServletResponse response, Page page) {
            List<Category> cs = categoryDAO.list(page.getStart(),page.getCount());
            int total = categoryDAO.getTotal();
            page.setTotal(total);
             
            request.setAttribute("thecs", cs);
            request.setAttribute("page", page);
             
            return "admin/listCategory.jsp";
        }

2.分类属性管理

每个分类都有对应属性，例如电视机，会有产地，尺寸，颜色等属性，所以我们得对它的这些属性进行管理。例如做一个增加操作，提交数据是在istProperty.jsp页面中的，除了提交属性名称，还会提交cid，在PropertyServlet中根据获取到的cid,name参数，创建新的Property对象，并插入到数据库，客户端跳转到admin\_property\_list,并带上参数cid。

listProperty.jsp代码片段

propertyServlet代码片段

public String add(HttpServletRequest request, HttpServletResponse response, Page page) {
        int cid = Integer.parseInt(request.getParameter("cid"));
        Category c = categoryDAO.get(cid);
         
        String name= request.getParameter("name");
        Property p = new Property();
        p.setCategory(c);
        p.setName(name);
        propertyDAO.add(p);
        return "@admin_property_list?cid="+cid;
    }

3.产品管理

产品管理这里也是关于增删查改的基本操作，有不同的是page下必须多夹带一个参数，这个参数就是产品父级-分类的id，在产品的分页查询需要用到这个参数，查询访问的是ProductServlet的list()方法，首先获取分类 cid，基于cid，获取当前分类下的产品集合， 获取当前分类下的产品总数，并且设置给分页page对象，拼接字符串"&cid="+c.getId()，设置给page对象的Param值。 因为产品分页都是基于当前分类下的分页，所以分页的时候需要传递这个cid，封装好数据，服务端跳转到admin/listProduct.jsp页面， 在listProduct.jsp页面上使用c:forEach 遍历ps集合，并显示

public String list(HttpServletRequest request, HttpServletResponse response, Page page) {
        int cid = Integer.parseInt(request.getParameter("cid"));
        Category c = categoryDAO.get(cid);
         
        List<Product> ps = productDAO.list(cid, page.getStart(),page.getCount());
         
        int total = productDAO.getTotal(cid);
        page.setTotal(total);
        page.setParam("&cid="+c.getId());
         
        request.setAttribute("ps", ps);
        request.setAttribute("c", c);
        request.setAttribute("page", page);
         
        return "admin/listProduct.jsp";
    }

listProduct.jsp代码片段

<c:forEach items="${ps}" var="p">
        <tr>
            <td>${p.id}</td>
            <td>
             
            <c:if test="${!empty p.firstProductImage}">
                <img width="40px" src="img/productSingle/${p.firstProductImage.id}.jpg">
            </c:if>
             
            </td>
            <td>${p.name}</td>
            <td>${p.subTitle}</td>
            <td>${p.orignalPrice}</td>
            <td>${p.promotePrice}</td>
            <td>${p.stock}</td>
            <td><a href="admin_productImage_list?pid=${p.id}"><span
                    class="glyphicon glyphicon-picture"></span></a></td>
            <td><a href="admin_product_editPropertyValue?id=${p.id}"><span
                    class="glyphicon glyphicon-th-list"></span></a></td>
             
            <td><a href="admin_product_edit?id=${p.id}"><span
                    class="glyphicon glyphicon-edit"></span></a></td>
            <td><a deleteLink="true"
                href="admin_product_delete?id=${p.id}"><span
                    class="     glyphicon glyphicon-trash"></span></a></td>
     
        </tr>
    </c:forEach>

4.产品图片管理

每个产品的图片有分为单张图片和详细信息图片，单张图片是为了展示产品外观，而详细信息图片是为了展示产品详细信息。parseUpload 获取上传文件的输入流，parseUpload 方法会修改params 参数，并且把浏览器提交的type,pid信息放在其中，从params 中取出type,pid信息，并根据这个type,pid，借助productImageDAO，向数据库中插入数据，根据request.getSession().getServletContext().getRealPath( "img/productSingle")，定位到存放分类图片的目录，除了productSingle，还有productSingle\_middle和productSingle\_small。 因为每上传一张图片，都会有对应的正常，中等和小的三种大小图片，并且放在3个不同的目录下，文件命名以保存到数据库的分类对象的id+".jpg"的格式命名，根据步骤1获取的输入流，把浏览器提交的文件，复制到目标文件，再借助ImageUtil.resizeImage把正常大小的图片，改变大小之后，分别复制到productSingle\_middle和productSingle\_small目录下， 处理完毕之后，客户端条跳转到admin\_productImage\_list?pid=，并带上pid。

productImageServlet代码片段

public String add(HttpServletRequest request, HttpServletResponse response, Page page) {
            //上传文件的输入流
            InputStream is = null;
            //提交上传文件时的其他参数
            Map<String,String> params = new HashMap<>();
     
            //解析上传
            is = parseUpload(request, params);     
             
            //根据上传的参数生成productImage对象
            String type= params.get("type");
            int pid = Integer.parseInt(params.get("pid"));
            Product p =productDAO.get(pid);
             
            ProductImage pi = new ProductImage();      
            pi.setType(type);
            pi.setProduct(p);
            productImageDAO.add(pi);
             
            //生成文件
            String fileName = pi.getId()+ ".jpg";
            String imageFolder;
            String imageFolder_small=null;
            String imageFolder_middle=null;
            if(ProductImageDAO.type_single.equals(pi.getType())){
                imageFolder= request.getSession().getServletContext().getRealPath("img/productSingle");
                imageFolder_small= request.getSession().getServletContext().getRealPath("img/productSingle_small");
                imageFolder_middle= request.getSession().getServletContext().getRealPath("img/productSingle_middle");
            }
                 
            else
                imageFolder= request.getSession().getServletContext().getRealPath("img/productDetail");
            File f = new File(imageFolder, fileName);
            f.getParentFile().mkdirs();
             
            // 复制文件
            try {
                if(null!=is && 0!=is.available()){
                    try(FileOutputStream fos = new FileOutputStream(f)){
                        byte b[] = new byte[1024 * 1024];
                        int length = 0;
                        while (-1 != (length = is.read(b))) {
                            fos.write(b, 0, length);
                        }
                        fos.flush();
                        //通过如下代码，把文件保存为jpg格式
                        BufferedImage img = ImageUtil.change2jpg(f);
                        ImageIO.write(img, "jpg", f);      
                         
                        if(ProductImageDAO.type_single.equals(pi.getType())){
                            File f_small = new File(imageFolder_small, fileName);
                            File f_middle = new File(imageFolder_middle, fileName);
     
                            ImageUtil.resizeImage(f, 56, 56, f_small);
                            ImageUtil.resizeImage(f, 217, 190, f_middle);
                        }
                             
                    }
                    catch(Exception e){
                        e.printStackTrace();
                    }
                }
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
     
            return "@admin_productImage_list?pid="+p.getId();
        }

5.产品属性管理

每个产品都有各自的属性，比如电视机的颜色是红色。所以对产品属性的管理也无非是增删查改，这里用修改举例，修改时候使用了post提交ajax异步处理。使用监听输入框上的keyup事件，获取输入框里的，还有定义的pvid，借助JQuery的ajax函数 $.post，把id和值，提交到admin\_product\_updatePropertyValue，admin\_product\_updatePropertyValue导致ProductServlet的updatePropertyValue方法被调用， BaseBackServlet根据返回值"%success"，直接输出字符串"success" 到浏览器， 浏览器判断如果返回值是"success",那么就把边框设置为绿色，表示修改成功，否则设置为红色，表示修改失败。

editProperty.jsp代码片段

$("input.pvValue").keyup(function(){
        var value = $(this).val();
        var page = "admin_product_updatePropertyValue";
        var pvid = $(this).attr("pvid");
        var parentSpan = $(this).parent("span");
        parentSpan.css("border","1px solid yellow");
        $.post(
                page,
                {"value":value,"pvid":pvid},
                function(result){
                    if("success"==result)
                        parentSpan.css("border","1px solid green");
                    else
                        parentSpan.css("border","1px solid red");
                }
            );     
    });

6.用户管理

这里就只是从数据库取出来，分页显示~

7.订单管理

后台订单管理只提供发货和查询的方法，下单和取消订单是由前台用户自己进行的。当订单状态是waitDelivery的时候，就会出现发货按钮，发货按钮链接跳转到admin\_order\_delivery，OrderServlet.delivery()方法被调用，获取对象id，修改发货时间，设置发货状态，更新数据库，跳转，完成了

orderServlet片段

public String delivery(HttpServletRequest request, HttpServletResponse response, Page page) {
        int id = Integer.parseInt(request.getParameter("id"));
        Order o = orderDAO.get(id);
        o.setDeliveryDate(new Date());
        o.setStatus(OrderDAO.waitConfirm);
        orderDAO.update(o);
        return "@admin_order_list";
    }

总结下来，j2ee开发增删查改第一步先是获取到传递过来的数据，在根据实际业务对数据进行操作，到这里后台部分就写完了

[http_how2j.cn_tmall_admin_category_list]: http://how2j.cn/tmall/admin_category_list
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70]: /images/20220418/7b515639b29244f48b27c87a52f437ee.png