一刀一个小西瓜

一刀一个小西瓜

关注
发信
关注(28)粉丝(399)

day04-功能实现03

家居网购项目实现03

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

8.1需求分析/图解

day04-功能实现03-LMLPHPday04-功能实现03-LMLPHP
  1. 给后台管理提供独立登录页面，管理员登录地址不对外公开
  2. 管理员登录成功后，显示管理菜单页面
  3. 管理员点击家居管理，显示所有家居信息

8.2思路分析

day04-功能实现03-LMLPHP

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'),'[email protected]');

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`;
day04-功能实现03-LMLPHP

8.3.2管理员登录功能

  1. entity层增加Admin实体，进行admin表映射。

  2. dao层增加AdminDAO接口，，由AdminDAOImpl实现该接口方法，同时AdminDAOImpl继承BasicDAO，用于查询数据库中有无对应Admin用户返回对应信息

  3. utils包创建AdminDAOImplTest类并测试

  4. Service层创建AdminService接口，AdminServiceImpl实现该接口

  5. utils包中创建AdminServiceImplTest类并测试

  6. 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);
        }
    }
}

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

8.3.3显示家居功能

  1. entity层增加Furn实体

  2. dao层增加FurnDAO接口，由FurnDAOImpl实现该接口，同时继承BasicDAO，用于查询数据库furn表中的所有信息

  3. utils包创建FurnDAOImplTest类并测试

  4. service层添加FurnService接口，由FurnServiceImpl实现该接口

  5. utils包创建FurnServiceImplTest类并测试

  6. 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);
    }
}

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

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

day04-功能实现03-LMLPHP

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

8.4完成测试

day04-功能实现03-LMLPHPday04-功能实现03-LMLPHPday04-功能实现03-LMLPHP
12-17 23:03
Powered by LMLPHP ©2024 一刀一个小西瓜 0.002596