bookStore案例第一篇【部署开发环境、解决分类模块】

谁践踏了优雅 2021-09-17 05:52 237阅读 0赞

# 前言 #

巩固Servlet+JSP开发模式，做一个比较完整的小项目

# 成果图 #

该项目包含了两个部分，前台和后台。

前台用于显示

![这里写图片描述][SouthEast]

后台用于管理

![这里写图片描述][SouthEast 1]

该项目可分为5个模块来组成：**分类模块，用户模块，图书模块，购买模块，订单模块**。

--------------------

# 搭建环境 #

## 建立包结构 ##

![这里写图片描述][SouthEast 2]

## 导入开发包 ##

![这里写图片描述][SouthEast 3]

## 前台分帧页面 ##

*  index.jsp【没有body标签的】

*  head.jsp

<body style="text-align: center">
    <h1>欢迎来到购物中心</h1>

*  body是空白的jsp页面
 *  效果：

![这里写图片描述][SouthEast 4]

--------------------

## 后台分帧页面 ##

*  manager.jsp【嵌套了framset标签，也是没有body标签的】

*  head.jsp

*  left.jsp

*  body.jsp是空白的
 *  效果：

![这里写图片描述][SouthEast 5]

## 分帧的文件夹目录结构 ##

![这里写图片描述][SouthEast 6]

值得注意的是：

*  **文件夹的名字不能使用“manager”，不然会出现：403 Access Denied错误**
 *  **frameset标签是可以嵌套的，分列用“cols”，分行用“rows”**

## 导入工具类和方法的代码 ##

*  过滤中文乱码数据
 *  HTML转义
 *  DAOFactory
 *  JDBC连接池
 *  UUID工具类
 *  c3p0.xml配置文件

这些代码都可以在我的博客分类：**复用代码**中找到！

--------------------

# 分类模块 #

首先，我们来做分类模块吧

## 创建实体Category ##

private String id;
        private String name;
        private String description;
    
        //各种setter、getter

## 在数据库创建表 ##

CREATE TABLE category ( id VARCHAR(40) PRIMARY KEY, name VARCHAR(10) NOT NULL UNIQUE , description VARCHAR(255) );

## 编写CategoryDAO ##

/** * 分类模块 * 1：添加分类 * 2：查找分类 * 3：修改分类 * * * */
    public class CategoryImpl { 
    
        public void addCategory(Category category) {
    
            QueryRunner queryRunner = new QueryRunner(Utils2DB.getDataSource());
    
            String sql = "INSERT INTO category (id, name, description) VALUES(?,?,?)";
            try {
                queryRunner.update(sql, new Object[]{category.getId(), category.getName(), category.getDescription()});
    
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
        }
    
        public Category findCategory(String id) {
            QueryRunner queryRunner = new QueryRunner(Utils2DB.getDataSource());
            String sql = "SELECT * FROM category WHERE id=?";
    
            try {
                Category category = (Category) queryRunner.query(sql, id, new BeanHandler(Category.class));
    
                return category;
    
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
    
        }
    
        public List<Category> getAllCategory() {
            QueryRunner queryRunner = new QueryRunner(Utils2DB.getDataSource());
            String sql = "SELECT * FROM category";
    
            try {
                List<Category> categories = (List<Category>) queryRunner.query(sql, new BeanListHandler(Category.class));
    
                 return categories;
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
    
        }
    }

## 测试DAO ##

public class demo {
    
        @Test
        public void add() {
    
            Category category = new Category();
            category.setId("2");
            category.setName("数据库系列");
            category.setDescription("这是数据库系列");
    
            CategoryImpl category1 = new CategoryImpl();
            category1.addCategory(category);
    
        }
    
        @Test
        public void find() {
    
            String id = "1";
            CategoryImpl category1 = new CategoryImpl();
            Category category = category1.findCategory(id);
    
            System.out.println(category.getName());
        }
        @Test
        public void getAll() {
    
    
            CategoryImpl category1 = new CategoryImpl();
            List<Category> categories = category1.getAllCategory();
    
            for (Category category : categories) {
                System.out.println(category.getName());
            }
        }
    
    }

## 抽取成DAO接口 ##

public interface CategoryDao {
        void addCategory(Category category);
    
        Category findCategory(String id);
    
        List<Category> getAllCategory();
    }

## 后台页面的添加分类 ##

*  在超链接上，绑定显示添加分类的页面

*  显示添加分类的JSP页面

*  处理添加分类的Servlet

if (method.equals("add")) {
    
                try {
                    //把浏览器带过来的数据封装到bean中
                    Category category = WebUtils.request2Bean(request, Category.class);
                    category.setId(WebUtils.makeId());
    
                    service.addCategory(category);
                    request.setAttribute("message", "添加分类成功！");
    
                } catch (Exception e) {
                    request.setAttribute("message","添加分类失败");
                    e.printStackTrace();
                }
                request.getRequestDispatcher("/message.jsp").forward(request, response);
    
            }

*  效果：

![这里写图片描述][SouthEast 7]

--------------------

## 后台页面的查看分类 ##

*  在超链接上，绑定处理请求的Servlet

else if (method.equals("look")) { List<Category> list = service.getAllCategory(); request.setAttribute("list", list); request.getRequestDispatcher("/background/lookCategory.jsp").forward(request, response); }

*  显示分类页面的JSP

<c:if test="${empty(list)}">
    
        暂时还没有分类数据哦，请你添加把
    </c:if>
    <c:if test="${!empty(list)}">
    
        <table border="1px">
            <tr>
                <td>分类名字</td>
                <td>分类描述</td>
                <td>操作</td>
            </tr>
    
        <c:forEach items="${list}" var="category">
    
            <tr>
                <td>${category.name}</td>
                <td>${category.description}</td>
                <td>
                    <a href="#">删除</a>
                    <a href="#">修改</a>
                </td>
            </tr>
    
    
        </c:forEach>
    
        </table>
    </c:if>

*  效果：

![这里写图片描述][SouthEast 8]

--------------------

[SouthEast]: /images/20210827/cce4b47156cf495283052fceadb8c8f4.png
[SouthEast 1]: /images/20210827/47354d847f3445a2bc3ac03b2465306f.png
[SouthEast 2]: /images/20210827/aa6e94fa98044d3b9d20c4c9393b749d.png
[SouthEast 3]: /images/20210827/03892600e267411bbfd1d93a0f94bce2.png
[SouthEast 4]: /images/20210827/c8bb31dbf78942c786df42fd4bcb5f22.png
[SouthEast 5]: /images/20210827/45e14c6a880a44bf8a6bd7ef076ae03e.png
[SouthEast 6]: /images/20210827/d1c73f52e37a49aa8639c4400ffd6725.png
[SouthEast 7]: /images/20210827/42945416cb3b436f8e5209dd5a7ca811.png
[SouthEast 8]: /images/20210827/2f997cf1bc41446d81bf3e0432b64fd3.png