书城项目历程记录1|cookie知识点之前
2023年12月9日
今天是跟着p222-225。
主要完成了将html文件转为jsp文件，完成服务器回显的基础。
1.完成jsp
这里就是先添加一个头文件代码，再改文件后缀。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2.抽取jsp代码重复部分：head footer等到common目录下
这里遗留了一个问题，好像页面布局出了一点问题。
然后在原jsp文件中使用静态包含
<%@ include file="/pages/common/head.jsp"%>
3.完成登录和注册失败的回显
在sevlet文件中setAttribute
req.setAttribute("msg", "用户名已存在");
req.setAttribute("username", username);
req.setAttribute("email", email);
在jsp文件中获取
<%=request.getAttribute("msg")==null?"":request.getAttribute("msg")%>
2023年12月10日
今天是跟着p226-229。
主要完成代码结构的优化，利用到了反射和BeanUtils。
1.将LoginServlet和RegistServlet—》UserServlet
避免了代码冗余。这里涉及的操作就是整合方法，web.xml里面的配置，jsp里面的添加隐藏域和修改请求地址。
2.利用反射来选择对应的方法，而不是使用action+if，（这里要重点注意复习反射知识）
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
String action = req.getParameter("action");
try {
// 获取 action 业务鉴别字符串，获取相应的业务 方法反射对象
Method method = this.getClass().getDeclaredMethod(action, HttpServletRequest.class,
HttpServletResponse.class);
// System.out.println(method);
// 调用目标业务 方法
method.invoke(this, req, resp);
} catch (Exception e) {
e.printStackTrace();
}
}
3.为了以后拓展功能，抽取出BaseServlet
主要操作就是修改继承关系。
public abstract class BaseServlet extends HttpServlet {
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
String action = req.getParameter("action");
try {
// 获取 action 业务鉴别字符串，获取相应的业务 方法反射对象
Method method = this.getClass().getDeclaredMethod(action, HttpServletRequest.class, HttpServletResponse.class);
// System.out.println(method);
// 调用目标业务 方法
method.invoke(this, req, resp);
} catch (Exception e) {
e.printStackTrace();
}
}
}
5.BeanUtils工具类的使用
为什么要使用？目的是避免req.getparameter的大量代码和创建对象的set的大量代码。
如何使用？
BeanUtils 工具类，它可以一次性的把所有请求的参数注入到 JavaBean 中。
BeanUtils 工具类，经常用于把 Map 中的值注入到 JavaBean 中，或者是对象属性值的拷贝操作。
BeanUtils 它不是 Jdk 的类。而是第三方的工具类。所以需要导包。
1、导入需要的 jar 包：
commons-beanutils-1.8.0.jar
commons-logging-1.1.1.jar
2、编写 WebUtils 工具类使用：
WebUtils 工具类：
public class WebUtils {
/**
* 把 Map 中的值注入到对应的 JavaBean 属性中。
* @param value
* @param bean
*/
public static <T> T copyParamToBean( Map value , T bean ){
try {
System.out.println("注入之前：" + bean);
/**
* 把所有请求的参数都注入到 user 对象中
*/
BeanUtils.populate(bean, value);
System.out.println("注入之后：" + bean);
} catch (Exception e) {
e.printStackTrace();
}
return bean;
}
}
2023年12月11日
主要跟着p330-335
1.将jsp中的表单回显全部改成EL表达式
${requestScope.msg}$
2.MVC的概念
1、MVC 概念
MVC 全称：Model 模型、 View 视图、 Controller 控制器。
MVC 最早出现在 JavaEE 三层中的 Web 层，它可以有效的指导 Web 层的代码如何有效分离，单独工作。
View 视图：只负责数据和界面的显示，不接受任何与显示数据无关的代码，便于程序员和美工的分工合作——JSP/HTML。
Controller 控制器：只负责接收请求，调用业务层的代码处理请求，然后派发页面，是一个“调度者”的角色——Servlet转到某个页面。或者是重定向到某个页面。
Model 模型：将与业务逻辑相关的数据封装为具体的 JavaBean 类，其中不掺杂任何与数据处理相关的代码——JavaBean/domain/entity/pojo。
MVC 是一种思想
MVC 的理念是将软件代码拆分成为组件，单独开发，组合使用（目的还是为了降低耦合度）。
3.图书模块开发（数据库，JavaBean，Dao）
整个模块的开发流程：
1、编写图书模块的数据库表
2、编写图书模块的 JavaBean
3、编写图书模块的 Dao 和测试 Dao
4、编写图书模块的 Service 和测试 Service
5、编写图书模块的 Web 层，和页面联调测试
3.1数据库表
创建t_book表，并插入测试数据。
3.2JavaBean
在pojo目录下创建Book类，对应表中属性，有参构造器，无参构造器，getter和setter以及tostring。这里注意imgPath的赋值。
3.3Dao与测试
先编写Dao接口，BookDao，增删改查。
再继承BaseDao，实现BookDao，编写BookDaoImpl（难点）。
public class BookDaoImpl extends BaseDao implements BookDao {
@Override
public int addBook(Book book) {
String sql = "insert into t_book(`name`,`author`,`price`,`sales`,`stock`,`img_path`)
values(?,?,?,?,?,?)";
return update(sql,
book.getName(),book.getAuthor(),book.getPrice(),book.getSales(),book.getStock(),book.getImgPath());
}
@Override
public int deleteBookById(Integer id) {
String sql = "delete from t_book where id = ?";
return update(sql, id);
}
@Override
public int updateBook(Book book) {
String sql = "update t_book set `name`=?,`author`=?,`price`=?,`sales`=?,`stock`=?,`img_path`=?
where id = ?";
return
update(sql,book.getName(),book.getAuthor(),book.getPrice(),book.getSales(),book.getStock(),book.ge
tImgPath(),book.getId());
}
@Override
public Book queryBookById(Integer id) {
String sql = "select `id` , `name` , `author` , `price` , `sales` , `stock` , `img_path` imgPath
from t_book where id = ?";
return queryForOne(Book.class, sql,id);
}
@Override
public List<Book> queryBooks() {
String sql = "select `id` , `name` , `author` , `price` , `sales` , `stock` , `img_path` imgPath
from t_book";
return queryForList(Book.class, sql);
}
}
Test技巧，在BookDao内容中，按下shift+ctrl+T，选择所有方法，选择Test目录，选择Junit4。进行测试，
2023年12月12日
今日观看p236-239。
主要完成service功能和web的一部分。
即：
4、编写图书模块的 Service 和测试 Service
5、编写图书模块的 Web 层，和页面联调测试
1.service部分
很简单，在service定义增删改查的接口，BookService，然后对应实现类（通过创建bookdao（BookDao实现类对象）操纵），再进行test。
2.Web层
首先要用专门处理book的Servlet(这里配置xml，注意地址/manager/bookService，原因是区分前后台)。BookServlet（继承BaseServlet）依旧是增删改查（通过创建book（）service（BookService实现类对象）操纵）。
3.针对展示所有图书，首先理清逻辑，（这里利用到页面–》servlet–》Dao获取数据–》最终页面）
manager_menu，点击图书管理，(如何请求bookservlet？)
来自manager_menu.jsp
<a href="/manager/bookServlet?action=list">图书管理</a>
来自servlet
protected void list(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1 通过BookService查询全部图书
List<Book> books = bookService.queryBooks();
//2 把全部图书保存到Request域中
req.setAttribute("books", books);
//3、请求转发到/pages/manager/book_manager.jsp页面
req.getRequestDispatcher("/pages/manager/book_manager.jsp").forward(req,resp);
}
如何列表展示，利用JSTL
来自book_manager.jsp
<c:forEach items="${requestScope.books}" var="book">
<tr>
<td>${book.name}</td>
<td>${book.price}</td>
<td>${book.author}</td>
<td>${book.sales}</td>
<td>${book.stock}</td>
<td><a href="/pages/manager/book_edit.jsp">修改</a></td>
<td><a href="#">删除</a></td>
</tr>
</c:forEach>
4.添加图书功能，主要是是请求转发和重定向的区别！
当用户提交完请求，浏览器会记录下最后一次请求的全部信息。当用户按下功能键 F5，就会发起浏览器记录的最后一次请求。
请求转发：一次请求，到工程名。
重定向：两次请求，到端口号，因此要自己添加工程名。（防止F5刷新，重复提交业务）
jsp文件中要添加，隐藏标签。
<form action="manager/bookServlet" method="get">
<input type="hidden" name="action" value="add">
servlet
protected void add(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 1、获取请求的参数==封装成为Book对象
Book book = WebUtils.copyParamToBean(req.getParameterMap(),new Book());
// 2、调用BookService.addBook()保存图书
bookService.addBook(book);
// 3、跳到图书列表页面
// /manager/bookServlet?action=list
// req.getRequestDispatcher("/manager/bookServlet?action=list").forward(req, resp);
resp.sendRedirect(req.getContextPath() + "/manager/bookServlet?action=list");
}
2023年12月13日
今日完成240-242
把图书部分基本完成了。
主要解决，删除和修改。
1.在开始之前有几个错误需要记住
1.1 manager_mene.jsp 不要再静态包含head.jsp。导致了duplicate basePath
1.2 herf = “pages” ，不要在前面＋/
2.删除，逻辑非常简单
3.删除补充！因为删除了重要信息就不好了，所以需要弹窗！JQuery方面的知识完全忘记。
<script type="text/javascript">
$(function () {
// 给删除的a标签绑定单击事件，用于删除的确认提示操作
$("a.deleteClass").click(function () {
// 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
/**
* confirm是确认提示框函数
* 参数是它的提示内容
* 它有两个按钮，一个确认，一个是取消。
* 返回true表示点击了，确认，返回false表示点击取消。
*/
return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
// return false// 阻止元素的默认行为===不提交请求
});
});
</script>
对应绑定单击事件
<td><a class="deleteClass" href="manager/bookServlet?action=delete&id=${book.id}">删除</a></td>
4.修改图书：需要获取对应图书信息到book_edit.jsp（学习过的–》servlet–》bookedit）
5.如何在book_edit页面知道，此时操作时add or update。老师给出了三种方法。
第一种是在请求的时候增加method参数，然后通过param.method获取。
第二种和第三种，分别是根据param.id是否有，和servlet重定向的requestScope.book。
2023年12月14日
今日主要跟着视频p243-245。初步完成了分页部分。主要是利用到了泛型。
1.将整个分页当做一个类。（下面这张图才是真正有价值的！）
2.定义Page这个javabean。这里涉及到之后user列表等，所以设计成了泛型。
refacto-》rename，可以直接改为全大写等等命名
/**
* Page是分页的模型对象
* @param 是具体的模块的javabean类型，可以是user, book;
*/
public class Page<T> {
public static final Integer PAGE_SIZE =4;
private Integer pageNo;
private Integer pageTotal;
private Integer pageSize=PAGE_SIZE;
private Integer pageTotalCount;
private List<T> items;
}
3.自顶而下。从jsp请求servlet，servlet–》service–》dao一次完成逻辑。
4.dao部分，完成总记录数，和每个page，items的获取。
@Override
public Integer queryForPageTotalCount() {
String sql = "select count(*) from t_book";
Number count = (Number) queryForSingleValue(sql);
return count.intValue();
}
@Override
public List<Book> queryForPageItems(int begin, int pageSize) {
String sql = "select `id` , `name` , `author` , `price` , `sales` , `stock` , `img_path` imgPath from t_book limit ?,?";
return queryForList(Book.class, sql, begin, pageSize);
}
4.service部分，通过调研dao，来完成page对象的创建和返回。
@Override
public Page<Book> page(Integer pageNo, Integer pageSize) {
Page<Book> page = new Page<Book>();
// 设置每页显示的数量
page.setPageSize(pageSize);
// 求总记录数
Integer pageTotalCount = bookdao.queryForPageTotalCount();
// 设置总记录数
page.setPageTotalCount(pageTotalCount);
// 求总页码
Integer pageTotal = pageTotalCount / pageSize;
if (pageTotalCount % pageSize > 0) {
pageTotal+=1;
}
// 设置总页码
page.setPageTotal(pageTotal);
// 设置当前页码
page.setPageNo(pageNo);
// 求当前页数据的开始索引
int begin = (page.getPageNo() - 1) * pageSize;
// 求当前页数据
List<Book> items = bookdao.queryForPageItems(begin,pageSize);
// 设置当前页数据
page.setItems(items);
return page;
}
5.servlet部分，通过调研service，获取page，将page set到req中，再请求转发。
protected void page(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1获取pageNo和pageSize
int pageNo = WebUtils.parseInt(req.getParameter("pageNo"), 1);
int pageSize = WebUtils.parseInt(req.getParameter("pageSize"), Page.PAGE_SIZE);
//2根据两个参数调用service
Page<Book> page = bookService.page(pageNo, pageSize);
//3保存到req
req.setAttribute("page", page);
//4请求转发
req.getRequestDispatcher("/pages/manager/book_manager.jsp").forward(req,resp);
}
2023年12月18日
到现在从p246-253
主要实现分页（首页分页，图书管理分页，修改删除增加跳转分页（具体哪一页）的展示）。
1.实现了整个分页逻辑（显示5个可选页码）（完全按照老师的思路来。）
<%--分页条的开始--%>
<div id="page_nav">
<%--大于首页，才显示--%>
<c:if test="${requestScope.page.pageNo > 1}">
<a href="${ requestScope.page.url }&pageNo=1">首页</a>
<a href="${ requestScope.page.url }&pageNo=${requestScope.page.pageNo-1}">上一页</a>
</c:if>
<%--页码输出的开始--%>
<c:choose>
<%--情况1：如果总页码小于等于5的情况，页码的范围是：1-总页码--%>
<c:when test="${ requestScope.page.pageTotal <= 5 }">
<c:set var="begin" value="1"/>
<c:set var="end" value="${requestScope.page.pageTotal}"/>
</c:when>
<%--情况2：总页码大于5的情况--%>
<c:when test="${requestScope.page.pageTotal > 5}">
<c:choose>
<%--小情况1：当前页码为前面3个：1，2，3的情况，页码范围是：1-5.--%>
<c:when test="${requestScope.page.pageNo <= 3}">
<c:set var="begin" value="1"/>
<c:set var="end" value="5"/>
</c:when>
<%--小情况2：当前页码为最后3个，8，9，10，页码范围是：总页码减4 - 总页码--%>
<c:when test="${requestScope.page.pageNo > requestScope.page.pageTotal-3}">
<c:set var="begin" value="${requestScope.page.pageTotal-4}"/>
<c:set var="end" value="${requestScope.page.pageTotal}"/>
</c:when>
<%--小情况3：4，5，6，7，页码范围是：当前页码减2 - 当前页码加2--%>
<c:otherwise>
<c:set var="begin" value="${requestScope.page.pageNo-2}"/>
<c:set var="end" value="${requestScope.page.pageNo+2}"/>
</c:otherwise>
</c:choose>
</c:when>
</c:choose>
<c:forEach begin="${begin}" end="${end}" var="i">
<c:if test="${i == requestScope.page.pageNo}">
【${i}】
</c:if>
<c:if test="${i != requestScope.page.pageNo}">
<a href="${ requestScope.page.url }&pageNo=${i}">${i}</a>
</c:if>
</c:forEach>
<%--页码输出的结束--%>
<%-- 如果已经 是最后一页，则不显示下一页，末页 --%>
<c:if test="${requestScope.page.pageNo < requestScope.page.pageTotal}">
<a href="${ requestScope.page.url }&pageNo=${requestScope.page.pageNo+1}">下一页</a>
<a href="${ requestScope.page.url }&pageNo=${requestScope.page.pageTotal}">末页</a>
</c:if>
共${ requestScope.page.pageTotal }页，${ requestScope.page.pageTotalCount }条记录
到第<input value="${param.pageNo}" name="pn" id="pn_input"/>页
<input id="searchPageBtn" type="button" value="确定">
<script type="text/javascript">
$(function () {
// 跳到指定的页码
$("#searchPageBtn").click(function () {
var pageNo = $("#pn_input").val();
<%--var pageTotal = ${requestScope.page.pageTotal};--%>
<%--alert(pageTotal);--%>
// javaScript语言中提供了一个location地址栏对象
// 它有一个属性叫href.它可以获取浏览器地址栏中的地址
// href属性可读，可写
location.href = "${pageScope.basePath}${ requestScope.page.url }&pageNo=" + pageNo;
});
});
</script>
</div>
<%--分页条的结束--%>
2.用户界面分页逻辑（index.jsp请求转发到clientbookservlet，servlet再转发到client目录下的index.jsp）
2024年1月28日-1月29日
p253-256
1.设计根据价格区间对页码展示。
servlet–》service–》Dao
2.实现过程，比较需要记住的就是一个快捷键，sql语言和如何保留翻页的查询状态
快捷键 alt+enter可以快速在相对应的文件中创建函数。
sql where price between min and max order by price;
保持查询状态，就是在ClientBookServlet文件中的pagebyPrice函数响应jsp时，设置page的url增加min和max；还有在jsp文件中，min和max设置默认值。
StringBuilder sb = new StringBuilder("client/bookServlet?action=pagebyPrice");
if (req.getParameter("min")!=null){
sb.append("&min=").append(req.getParameter("min"));
}
if (req.getParameter("max")!=null){
sb.append("&max=").append(req.getParameter("max"));
}
page.setUrl(sb.toString());
<div class="book_cond">
<form action="client/bookServlet" method="get">
<input type="hidden" name="action" value="pagebyPrice">
价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
<input id="max" type="text" name="max" value="${param.max}"> 元
<input type="submit" value="查询" />
</form>
</div>