前言

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

成果图

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

前台用于显示

后台用于管理

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

搭建环境

建立包结构

导入开发包

前台分帧页面

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


  <frameset rows="25%,*">

    <frame src="${pageContext.request.contextPath}/client/head.jsp"/>

    <frame src="${pageContext.request.contextPath}/client/body.jsp"/>

  </frameset>
  • head.jsp
<body style="text-align: center">

<h1>欢迎来到购物中心</h1>

  • body是空白的jsp页面

  • 效果：

后台分帧页面

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


<frameset rows="25%,*">

    <frame src="${pageContext.request.contextPath}/background/head.jsp"/>

    <frameset cols="15%,*">

        <frame src="${pageContext.request.contextPath}/background/left.jsp"/>

        <frame src="${pageContext.request.contextPath}/background/body.jsp"/>

    </frameset>

</frameset>
  • head.jsp


<body style="text-align: center">

<h1>后台管理</h1>
  • left.jsp


<a href="#">分类管理</a>

<br>

<br>

<a href="#">图书管理</a>

<br>

<br>

<a href="#">订单管理</a>

<br>

<br>

  • body.jsp是空白的

  • 效果：

分帧的文件夹目录结构

值得注意的是：

  • 文件夹的名字不能使用“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();

}

后台页面的添加分类

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


<a href="${pageContext.request.contextPath}/background/addCategory.jsp" target="body">添加分类</a>
  • 显示添加分类的JSP页面


<form action="${pageContext.request.contextPath}/CategoryServlet?method=add" method="post">

    分类名称：<input type="text" name="name"><br>

    分类描述：<textarea name="description"></textarea><br>

    <input type="submit" value="提交">

</form>
  • 处理添加分类的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);

        }
  • 效果：

后台页面的查看分类

  • 在超链接上，绑定处理请求的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>
  • 效果：

bookStore案例第一篇【部署开发环境、解决分类模块】的更多相关文章

  1. 第一篇 PHP开发环境搭建以及多站点配置（基于windows 7系统）

    从今天开始,我将用PHP开发一些小的网站,大家知道LAMP(Linux)组合的优势,使PHP受到广大中小企业的喜欢.使PHP与JAVA,ASP三分天下,PHP具有跨平台性,所以在windows一样是可 ...

  2. maven（多个模块）项目 部署 开发环境 问题处理历程【异常Name jdbc is not bound in this Context 异常java.lang.NoSuchMethodE】

    maven(多个模块)项目 部署 开发环境 问题处理历程[异常Name jdbc is not bound in this Context 异常java.lang.NoSuchMethodE] 201 ...

  3. 使用docker-compose来部署开发环境

    docker-compose的作用 docker-comopse可以帮助我们快速搭建起开发环境,比如你可以去把redis,mongodb,rabbitmq,mysql,eureka,configser ...

  4. electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范

    我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google ...

  5. ActionBarSherlock学习笔记 第一篇——部署

    ActionBarSherlock学习笔记 第一篇--部署          ActionBarSherlock是JakeWharton编写的一个开源框架,使用这个框架,可以实现在所有的Android ...

  6. 图书管理系统【JavaWeb:部署开发环境、解决分类、图书、前台页面模块】

    前言 巩固Servlet+JSP开发模式,做一个比较完整的小项目. 成果图 该项目包含了两个部分,前台和后台. 前台用于显示 后台用于管理 该项目可分为5个模块来组成:分类模块,用户模块,图书模块,购 ...

  7. Android五天乐（第一天）开发环境的部署，开发流程与调试

    由于项目要求參与无线端开发,本着技多不压身的指导精神,决定依旧从web转攻client! 由于之前自己玩过两个月android(实际上仅仅是做了两个有失水准的demo级app),本来以为这次再来学习将 ...

  8. Eclipse配置安卓开发环境(解决SDK manager下载慢问题)

    Android新手在eclipse搭建安卓开发环境基本都会遇到Android SDK manager下载慢,ADT下载慢的问题,本文将带大家完整的安装一遍开发环境 工具:eclipse     SDK ...

  9. [nRF51822 AK II 教程]第一课，开发环境的配置及背景介绍【转】

    低功耗蓝牙4.0是全新的技术,并不向下兼容,也就是说它和蓝牙3.0.2.0什么的都不能通信的.另外,蓝牙4.0目前的规范只能做外设和主机(智能手机,电脑等)通讯,也就是说你想用一个单模的蓝牙4.0开发 ...

随机推荐

  1. GoF设计模式 - 概述

    掌握编程语言仅仅意味着掌握了如何给计算机"下命令",而到底要计算机如何去做,怎么指挥,则是另一个问题--如何编程.设计模式是一套程序员的"武功套路",它教我们如 ...

  2. HTML DOM （文档对象模型）

    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. HTML DOM 树 通过可编程的对象模型,JavaScrip ...

  3. c++中string.erase()函数的用法（转）

    erase函数的原型如下:(1)string& erase ( size_t pos = 0, size_t n = npos );(2)iterator erase ( iterator p ...

  4. Django数据库操作(增删改查）

    Django数据库操作(增删改查) 创建数据库中的一个表 class Business(models.Model): #自动创建ID列 caption = models.CharField(max_l ...

  5. 论述Redis和Memcached的差异

    原文 https://yq.aliyun.com/articles/60981?utm_campaign=wenzhang&utm_medium=article&utm_source= ...

  6. [2015-10-11]tfs2015 vs2013 配置持续集成

    今天刚配置完tfs2015+vs2013的持续集成(自动构建+自动发布),记录一下走过的坑. tfs2015和tfs build server是之前其他同事装的,略去不讲,列一下几个坑以及埋坑方法. ...

  7. 常用Dos操作指令

    1 dir 无参数:查看当前所在目录的文件和文件夹. /s:查看当前目录已经其所有子目录的文件和文件夹. /a:查看包括隐含文件的所有文件. /ah:只显示出隐含文件. /w:以紧凑方式(一行显示5个 ...

  8. 递归的二叉查找树Java实现

    package practice; public class TestMain { public static void main(String[] args) { int[] ao = {50,18 ...

  9. Java基础学习 —— bat处理文件

    bat处理文件:就是一次性可以执行多个命令的文件 为什么要学bat处理文件? 快速运行一个软件我一般都会打包成jar包的形式来执行jar双击对图形界面管用 但是对控制台的程序是不起作用的.对于控制台的 ...

  10. Android学习记录：ViewPager实现欢迎页

    许多APP在第一次启动的时候,都会有welcome page.近日尝试利用ViewPager来实现Welcome Page. d0711 完成记录,跟新下载地址 =================== ...