家居网购项目实现03

8.功能07-后台管理显示家居

8.1需求分析/图解

给后台管理提供独立登录页面，管理员登录地址不对外公开
管理员登录成功后，显示管理菜单页面
管理员点击家居管理，显示所有家居信息

8.2思路分析

day04-功能实现03

ps：实现管理员登录功能，方案一是将管理员视为member，添加到member表中，为了区别管理员和用户的权限，添加一个字段即可；方案二是重新创建一张admin表，单独存储admin信息。

这里采用方案二。

8.3代码实现

8.3.1admin表和furn表

admin表：

-- 创建admin表
CREATE TABLE `admin`(
`id` INT PRIMARY KEY AUTO_INCREMENT,
`username` VARCHAR(32) NOT NULL UNIQUE,
`password` VARCHAR(32) NOT NULL,
`email` VARCHAR(64) 
)CHARSET utf8 ENGINE INNODB;

-- 插入测试数据
INSERT INTO admin (`username`,`password`,`email`)
VALUES(\'admin\',MD5(\'admin\'),\'admin@qq.com\');

SELECT * FROM admin;

furn表：

-- 设计家居表furn
-- 根据 需求-文档-界面 设计字段
-- 注意：id int(11), 11为显示的宽度，配合零填充(zerofill)
-- 		int(2), 2表示的也是显示宽度
-- 也就是说, int(11)和int(2)存储的范围是一样的,两者存放的数据范围只和int相关
-- 例如，67890使用int(11)来存储，显示为 00000067890
-- 	    67890使用int(2)来存储，显示为 67890
-- 也就是说，当存储的数据位数不够时，使用0来填充剩下的宽度（零填充）
CREATE TABLE `furn`(
`id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT, #id-使用无符号
`name` VARCHAR(64) NOT NULL, #家居名
`maker` VARCHAR(64) NOT NULL, #制造商
`price` DECIMAL(11,2) NOT NULL, #价格 建议用DECIMAL定点数
`sales` INT UNSIGNED NOT NULL, #销量
`stock` INT UNSIGNED NOT NULL, #库存
`img_path` VARCHAR(256) NOT NULL #存放图片的路径即可，不建议直接存放图片到数据库中
)CHARSET utf8 ENGINE INNODB;

-- 增加测试数据
INSERT INTO furn(`id`,`name`,`maker`,`price`,`sales`,`stock`,`img_path`) 
VALUES(NULL,\'北欧风格小桌子\',\'熊猫家居\',180,666,7,\'assets/images/product-image/6.jpg\');
 
INSERT INTO furn(`id`,`name`,`maker`,`price`,`sales`,`stock`,`img_path`) 
VALUES(NULL,\'简约风格小椅子\',\'熊猫家居\',180,666,7,\'assets/images/product-image/4.jpg\');
 
INSERT INTO furn(`id`,`name`,`maker`,`price`,`sales`,`stock`,`img_path`) 
VALUES(NULL,\'典雅风格小台灯\',\'蚂蚁家居\',180,666,7,\'assets/images/product-image/14.jpg\');
 
INSERT INTO furn(`id`,`name`,`maker`,`price`,`sales`,`stock`,`img_path`) 
VALUES(NULL,\'温馨风格盆景架\',\'蚂蚁家居\',180,666,7,\'assets/images/product-image/16.jpg\');

SELECT * FROM `furn`;

8.3.2管理员登录功能

管理员登录功能实现参考：功能04-会员登录

详细代码请看 https://github.com/liyuelian/furniture_mall.git

entity层增加Admin实体，进行admin表映射。
dao层增加AdminDAO接口，，由AdminDAOImpl实现该接口方法，同时AdminDAOImpl继承BasicDAO，用于查询数据库中有无对应Admin用户返回对应信息
utils包创建AdminDAOImplTest类并测试
Service层创建AdminService接口，AdminServiceImpl实现该接口
utils包中创建AdminServiceImplTest类并测试

web层创建AdminServlet并配置，该Servlet对接前端页面。根据功能06-web层Servlet减肥中的方法，AdminServlet直接继承BasicServlet，只需要在AdminServlet编写业务代码即可，不需要实现doPost方法。doPost由抽象父类BasicServlet使用反射+动态绑定回调

AdminServlet：

package com.li.furns.web;

import com.li.furns.entity.Admin;
import com.li.furns.service.AdminService;
import com.li.furns.service.impl.AdminServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author 李
 * @version 1.0
 */
public class AdminServlet extends BasicServlet {
    private AdminService adminService = new AdminServiceImpl();

    public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //获取用户输入的账号密码
        String username = request.getParameter(\"username\");
        String password = request.getParameter(\"password\");
        //构建一个Admin对象
        Admin admin = new Admin(null, username, password, null);
        if (adminService.login(admin) == null) {
            //登录失败,返回管理员登录页面并提示错误信息
            request.setAttribute(\"errInfo\", \"登录失败，账号信息有误\");
            request.getRequestDispatcher(\"/views/manage/manage_login.jsp\")
                    .forward(request, response);
        } else {
            //登录成功，跳转到manage_menu.jsp
            request.getRequestDispatcher(\"/views/manage/manage_menu.jsp\")
                    .forward(request, response);
        }
    }
}

修改前端页面manage_login.jsp（登录表单提交注意添加隐藏域）

8.3.3显示家居功能

详细代码请看 https://github.com/liyuelian/furniture_mall.git

entity层增加Furn实体

这里如果Furn实体的属性名和对应表的字段不一致，可以通过给查询的字段起别名的方法解决
dao层增加FurnDAO接口，由FurnDAOImpl实现该接口，同时继承BasicDAO，用于查询数据库furn表中的所有信息
utils包创建FurnDAOImplTest类并测试
service层添加FurnService接口，由FurnServiceImpl实现该接口
utils包创建FurnServiceImplTest类并测试

web层创建FurnServlet并配置（配置的url为/manage/furnServlet，目的是为了之后使用过滤器可以更好地限制访问权限），该Servlet对接前端页面。直接继承BasicServlet，只需要在Servlet中编写业务代码即可。

package com.li.furns.web;

import com.li.furns.entity.Furn;
import com.li.furns.service.FurnService;
import com.li.furns.service.impl.FurnServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

public class FurnServlet extends BasicServlet {

    private FurnService furnService = new FurnServiceImpl();
    
    protected void list(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        List<Furn> furns = furnService.queryFurns();
        //将furns集合放入到request域中
        req.setAttribute(\"furns\", furns);
        //请求转发
        req.getRequestDispatcher(\"/views/manage/furn_manage.jsp\")
                .forward(req, resp);
    }
}

在对接的前端页面furn_manage.jsp，使用jstl将接收到的家居集合显示出来

8.3.4整合管理员登录和显示家居功能

上述两个功能的流程为，管理员登录后由AdminServlet请求转发到manage_menu.jsp页面，点击页面上的“家居管理”，FurnServlet请求转发到furn_manage.jsp页面，该页面显示所有家居信息。

8.4完成测试

9.功能08-后台管理添加家居

9.1需求分析/图解

管理员进入到家居管理页面
点击添加家居，进入到furn_add.jsp页面，在该页面中可以添加家居

9.2思路分析

day04-功能实现03

9.3代码实现

9.3.1dao层

以下为部分代码，详细请看 https://github.com/liyuelian/furniture_mall.git

FurnDAO

public interface FurnDAO {
    //添加家居信息
    public int addFurn(Furn furn);
}

FurnDAOImpl

/**
 * 往furn表中添加家居信息
 *
 * @param furn 家居对象
 * @return 返回的值是受影响的行数，操作失败则返回-1
 */
@Override
public int addFurn(Furn furn) {
    String sql = \"INSERT INTO furn(`id` , `name` , `maker` , `price` , `sales` , `stock` , `img_path`)\" +
            \"VALUES(NULL , ?, ? , ? , ? , ? , ?);\";
    return update(sql, furn.getName(), furn.getMaker(), furn.getPrice(),
            furn.getSales(), furn.getStock(), furn.getImgPath());
}

FurnDAOImplTest：

@Test
public void add() {
    Furn furn = new Furn(null, \"北欧风格台灯\", \"小猫家居\", new BigDecimal(\"200.00\"), 333, 17, \"assets/images/product-image/3.jpg\");
    int add = furnDAO.addFurn(furn);
    if (add == -1) {
        System.out.println(\"添加数据失败\");
    } else {
        System.out.println(\"添加数据成功\");
    }
}

9.3.2service层

部分代码

FurnService接口

/**
 * 添加Furn对象到数据库
 * @param furn furn对象
 * @return 返回修改表的行数，失败则返回-1
 */
public int addFurn(Furn furn);

FurnServiceImpl实现类

@Override
public int addFurn(Furn furn) {
    return furnDAO.add(furn);
}

FurnServiceImplTest测试类

@Test
public void add(){
    int add = furnService.addFurn(new Furn(null, \"小台灯\", \"猫家居\",
                            new BigDecimal(\"99.00\"), 55, 24,
                            \"assets/images/product-image/3.jpg\"));
    if (add == -1) {
        System.out.println(\"添加失败\");
    }else {
        System.out.println(\"添加成功\");
    }
}

9.3.3web层

FurnServlet添加add方法

/**
 * 处理添加家居的请求
 *
 * @param req
 * @param resp
 * @throws ServletException
 * @throws IOException
 */
protected void add(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    //获取家居信息
    String name = req.getParameter(\"name\");
    String maker = req.getParameter(\"maker\");
    String price = req.getParameter(\"price\");
    String sales = req.getParameter(\"sales\");
    String stock = req.getParameter(\"stock\");
    //图片暂且使用默认值，后面再修改
    String defaultImg = \"assets/images/product-image/default.jpg\";

    //构建Furn对象
    Furn furn = new Furn(null, name, maker, new BigDecimal(price),
            new Integer(sales), new Integer(stock), defaultImg);
    int addRes = furnService.addFurn(furn);
    if (addRes != -1) {//插入成功,跳转到页面furn_manage.jsp
        //跳转之前，需要重新获取Furn列表，然后将furns集合放入到request域中，再请求转发
        //即需要重新走一下FurnServlet的list方法
        //req.getRequestDispatcher(\"/manage/furnServlet?action=list\")
        // .forward(req, resp);

        //这里如果使用请求转发，当用户刷新页面时，会重新发出一次添加请求，造成数据重复提交
        //因此使用重定向
        //因为重定向实际是让浏览器重新发送请求，所以我们回送完整的url比较保险
        resp.sendRedirect(req.getContextPath() + \"/manage/furnServlet?action=list\");
    } else {
        resp.getWriter().write(\"添加失败\");
    }
}

为了防止中文乱码，在其父类BasicServlet中设置编码为utf-8

day04-功能实现03

修改前端页面接口

9.4完成测试

浏览器访问http://localhost:8080/furniture_mall/views/manage/furn_add.jsp，填写数据，提交表单

显示如下：

数据库显示

9.5注意事项和细节

9.5.1改进1-中文乱码问题

直接在BasicServlet中设置http请求的字符格式

9.5.2改进2-表单重复提交问题

上诉代码从实现效果上来看是没有问题的
但是如果用户刷新页面，就会发现又重新添加了一次家居
原因是当用户提交完请求时，浏览器会记录下最后一次请求的全部信息，当用户刷新页面，就会发起浏览器的上一次请求
解决方案：使用重定向即可，因为重定向的本质是两次请求，而且最后一次就是请求显示家居，而不是添加家居。（修改FurnServlet）

9.5.3改进3-后端数据校验

如果用户在添加家居信息时，输入错误的数据类型，比如在价格栏中填入英文，后台在构建Furn对象时就会出错。

解决方案：

在furn_add.jsp页面增加js验证
防止用户直接通过浏览器地址栏提交，绕过前端js校验，后端仍要对获取到的数据进行校验。
- 方案一：使用java的正则表达式验证数据格式，如果没有通过校验，就返回furn_add.jsp，并且在request域中提示错误信息，并在前端jsp页面中展示。
- 方案二：将获取到的数据直接进行转换，如果出现异常，就不执行添加操作，直接返回furn_add.jsp，同样在request域给出错误提示，在前端jsp页面中展示。
  
  但是这样做需要一个一个数据去校验，非常麻烦。我们知道，如果获取到的数据格式不对，异常会在构建Furn对象时出现，因此我们可以直接在构建Furn对象的地方捕获异常。这样，无论是哪一个数据格式出现错误都会被捕获异常。
  
  这里跳转会清空用户的表单数据，后面使用ajax来提交
- 方案三：后面学习SpringMVC时，会有一个专门用户数据校验的规则/框架 -->JSR303 Hibernate Validator拓展注解

9.5.4改进4-使用BeanUtils

在之前的代码中，我们都是先拿到数据，手动构建Javabean对象，那么有没有一种方法可以自动封装Javabean呢？

使用BeanUtils可以完成自动封装JavaBean。

BeanUtils工具类可以一次性把所有请求的参数注入到JavaBean中。
BeanUtils工具类经常用于把Map中的值注入到JavaBean中，或者是对象属性值的拷贝操作
BeanUtils不是jdk的类，需要导入相关jar包才能使用：

commons-beanutils-1.8.0.jar 和 commons-logging-1.1.1.jar

改进后的FurnServlet：

   /**
     * 处理添加家居的请求
     *
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void add(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //底层使用BeanUtils，完成自动封装JavaBean
        Furn furn = DataUtils.copyParamToBean(req.getParameterMap(), new Furn());

        int addRes = furnService.addFurn(furn);
        if (addRes != -1) {//插入成功,跳转到页面furn_manage.jsp
            //使用重定向    
            resp.sendRedirect(req.getContextPath() + \"/manage/furnServlet?action=list\");
        } else {
            resp.getWriter().write(\"添加失败\");
        }
    }

utils包中增加工具类DataUtils

package com.li.furns.utils;

import org.apache.commons.beanutils.BeanUtils;

import java.lang.reflect.InvocationTargetException;
import java.util.Map;

/**
 * @author 李
 * @version 1.0
 */
public class DataUtils {
    public static <T> T copyParamToBean(Map value, T bean) {
        try {
            //将req.getParameterMap()的数据自动封装到furn对象中
            //底层使用反射将数据封装，前提是，表单提交的数据字段名称必须和Javabean的属性名一致
            BeanUtils.populate(bean, value);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return bean;
    }
}

来源：https://www.cnblogs.com/liyuelian/p/16989805.html
本站部分图文来源于网络，如有侵权请联系删除。

day04-功能实现03

家居网购项目实现03

8.功能07-后台管理显示家居

8.1需求分析/图解

8.2思路分析

8.3代码实现

8.3.1admin表和furn表

8.3.2管理员登录功能

8.3.3显示家居功能

8.3.4整合管理员登录和显示家居功能

8.4完成测试

9.功能08-后台管理添加家居

9.1需求分析/图解

9.2思路分析

9.3代码实现

9.3.1dao层

9.3.2service层

9.3.3web层

9.4完成测试

9.5注意事项和细节

9.5.1改进1-中文乱码问题

9.5.2改进2-表单重复提交问题

9.5.3改进3-后端数据校验

9.5.4改进4-使用BeanUtils

相关推荐

热门文章

家居网购项目实现03

8.功能07-后台管理 显示家居

8.1需求分析/图解

8.2思路分析

8.3代码实现

8.3.1admin表和furn表

8.3.2管理员登录功能

8.3.3显示家居功能

8.3.4整合管理员登录和显示家居功能

8.4完成测试

9.功能08-后台管理 添加家居

9.1需求分析/图解

9.2思路分析

9.3代码实现

9.3.1dao层

9.3.2service层

9.3.3web层

9.4完成测试

9.5注意事项和细节

9.5.1改进1-中文乱码问题

9.5.2改进2-表单重复提交问题

9.5.3改进3-后端数据校验

9.5.4改进4-使用BeanUtils

相关推荐

热门文章

8.功能07-后台管理显示家居

9.功能08-后台管理添加家居