前言

巩固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. 【问题解决记录】Error: Cannot find module '@ionic/app-scripts'

    主要问题为: ionic serve 编译在浏览器中预览项目时,提示报错 Error: Cannot find module '@ionic/app-scripts'.这个问题的主要现象就是创建的项目 ...

  2. angular2 组件交互

    1. 组件通信 我们知道Angular2应用程序实际上是有很多父子组价组成的组件树,因此,了解组件之间如何通信,特别是父子组件之间,对编写Angular2应用程序具有十分重要的意义,通常来讲,组件之间 ...

  3. Win10快速关机的快捷键

    Win10快速关机的快捷键... ------------------------------- -------------------------------------------- 关机程序的位 ...

  4. sysctl -p 报错问题的解决方法

    最近执行sysctl -p 命令时一直报错,类似这种格式: error: permission denied on key...... 经过网上搜索, 原来这些问题都是因为openvz模版的问题,要进 ...

  5. PyQt4 初试牛刀二

    一.最小话托盘后,调用showNormal()后窗口不刷新,解决办法如下: 重写showNormal 方法,调用父类方法后,repaint窗体 def showNormal(self):     su ...

  6. MySQL57安装图解

    MySQL57安装图解... ============================= 0-需要准备的安装包 =================== 1在百度下载MySQl ============ ...

  7. javascript页面间传递参数

    1.通过URL传递参数 传递参数页 function setCity() { var str = document.getElementById("cityName"); if ( ...

  8. python专题-Mysql数据库（python2._+ Mysqldb）

    Python使用MySQL数据库 MySQLdb驱动从2014年1月停止了维护. Python2 MySQLdb 一,安装mysql 如果是windows 用户,mysql 的安装非常简单,直接下载安 ...

  9. 九天学会Java，第五天，函数定义函数调用

    变量和数据类型,赋值和输出 算术运算 选择结构 循环结构 函数定义,函数调用 变量作用域 栈,程序运行的基石 面向对象 异常处理 语言提供的公用包 什么是函数,为什么有函数,大家可能有这样的疑问. 举 ...

  10. 关于时间对象Date()

    今天使用XCUI开发过程中发现另一个诡异的问题,就是年月日初始化之后默认时分秒的问题. 问题发生在重构交互日志页面的时候,原来的老页面是这样的: 进入了交互日志页面之后,默认会初始化时间为今天的凌晨到 ...