通用分页【下】（将分页封装成标签）

目录

一、debug调试

1、什么是debug调试？

2、debug调试步骤

3、实践

二、分页的核心

三、优化

分页工具类

编写servlet

 jsp代码页面：

分页工具类PageBean完整代码 

四、分页标签

jsp代码

编写标签

tld文件

助手类

改写servlet

解析：

编码问题

一、debug调试

1、什么是debug调试？

调试（debugging）是指在软件开发过程中，通过识别、定位和解决程序错误或问题的过程。调试的目的是找出代码中的错误、异常或不正常的行为，并修复它们，以确保程序能够按照预期的方式运行。

调试是一个重要的开发技巧，可以帮助开发人员理解程序的执行过程、找出错误的原因，并从中学习和改进。调试通常包括以下步骤：

  1. 识别问题：在程序产生错误或不正常行为时，首先需要确认问题的存在，并尽可能准确地描述问题的性质和触发方式。
  2. 定位问题：确定问题的发生位置，即问题引发的具体代码行或功能模块。可以通过观察错误消息、日志、异常堆栈跟踪等信息来定位问题。
  3. 分析原因：深入分析问题，找出导致问题的原因。这可能涉及到检查变量值、代码逻辑、输入数据、函数调用等方面的信息。
  4. 修复问题：根据分析结果，采取适当的措施修复问题。这可能包括修改代码、修正数据输入、重新设计算法等。
  5. 验证修复：在修改代码之后，重新运行程序以验证修复是否成功。使用测试数据和场景进行测试，并确保程序现在能够正常执行。

调试可以使用不同的工具和技术来辅助，例如打印输出、日志记录、调试器（debugger）等。调试是开发过程中不可或缺的一部分，可以帮助开发人员提高代码质量、加快解决问题的速度，并优化程序的性能和可靠性。

2、debug调试步骤

调试（debugging）是指在软件开发过程中，通过识别、定位和解决程序错误或问题的过程。调试的目的是找出代码中的错误、异常或不正常的行为，并修复它们，以确保程序能够按照预期的方式运行。

调试是一个重要的开发技巧，可以帮助开发人员理解程序的执行过程、找出错误的原因，并从中学习和改进。调试通常包括以下步骤：

  1. 识别问题：在程序产生错误或不正常行为时，首先需要确认问题的存在，并尽可能准确地描述问题的性质和触发方式。
  2. 定位问题：确定问题的发生位置，即问题引发的具体代码行或功能模块。可以通过观察错误消息、日志、异常堆栈跟踪等信息来定位问题。
  3. 分析原因：深入分析问题，找出导致问题的原因。这可能涉及到检查变量值、代码逻辑、输入数据、函数调用等方面的信息。
  4. 修复问题：根据分析结果，采取适当的措施修复问题。这可能包括修改代码、修正数据输入、重新设计算法等。
  5. 验证修复：在修改代码之后，重新运行程序以验证修复是否成功。使用测试数据和场景进行测试，并确保程序现在能够正常执行。

调试可以使用不同的工具和技术来辅助，例如打印输出、日志记录、调试器（debugger）等。调试是开发过程中不可或缺的一部分，可以帮助开发人员提高代码质量、加快解决问题的速度，并优化程序的性能和可靠性。

3、实践

1）debug启动项目

 

2）在调试的地方使用断点

这里会有一个小钥匙

 

你在你的浏览器重新加载

 

我们回到运行的界面，可以看到debug的窗口

 

鼠标放在上面可以看到结果，我们点击键盘里的F6可以查看下一步

 禁用debug断点

 

中间还有些是省略的，大家可以查相关资料


二、分页的核心

 

  • 当我们在第一次搜索的里面搜索你想要的东西的时候，后台分页拿到：bname=XXX、page=1、rows=100、pagintion=true（可传可不传，但是不分页下拉框需求时必须传入false）

  • 我们第二次查询（下一页）只是页码进行改变：bname=XXX、page=2、rows=100、pagintion=true（可传可不传，但是不分页下拉框需求时必须传入false）

  • 我们第三次查询（尾页）相比第二次只是页码进行改变，其他都不变：bname=XXX、page=2、rows=100、pagintion=true（可传可不传，但是不分页下拉框需求时必须传入false）

【总结】相比上一次的查询，我们只是页码进行了一个改变，其他的查询都不会改变

三、优化

优化pageBean

增加一个属性url，保留上一次发送请求的地址。

增加一个属性pareMap，保留上一次发送请求携带的参数。

req.getParameterMap();

增加一个最大页的方法。

增加一个下一页的方法。

增加一个上一页的方法。

初始化pagebean的方法。

分页工具类

在这之前我们先要找到我们的代码应该放在上面位置，以便我们更好的去编写我们的代码

 

我们需要在PageBean增加以上的属性和方法

	// 上一次查询的urlprivate String url;// 上一次查询所携带的查询条件private Map<String, String[]> parameterMap = new HashMap<String, String[]>();private boolean pagination = true;// 是否分页/*** 对pagebean进行初始化* * @param req*/public void setRequest(HttpServletRequest req) {// 初始化jsp页面传递过来的当前页this.setPage(req.getParameter("page"));// 初始化jsp页面传递过来的页大小this.setRows(req.getParameter("rows"));// 初始化jsp页面传递过来是否分页this.setPagination(req.getParameter("pagination"));// 保留上一次的查询请求this.setUrl(req.getRequestURL().toString());// 保留上一次的查询条件this.setParameterMap(req.getParameterMap());}private void setPagination(String pagination) {// 只有填写了false字符串，才代表不分页if (StringUtils.isNotBlank(pagination))this.setPagination(!"false".equals(pagination));}/*** 获得起始记录的下标* * @return*/public int getStartIndex() {return (this.page - 1) * this.rows;}// 上一页public int getPrevPage() {return this.page > 1 ? this.page - 1 : this.page;}// 下一页public int getNextPage() {return this.page < this.getMaxPage() ? this.page + 1 : this.page;}// 最大页public int getMaxPage() {return this.total % this.rows == 0 ? this.total / this.rows : (this.total / this.rows) + 1;}

编写servlet

package com.tgq.servlet;import java.io.IOException;
import java.util.Map;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.tgq.util.PageBean;/*** 分页的Servlet*/
@WebServlet("/PageServlet")
public class PageServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}@SuppressWarnings("unused")protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {String bname = request.getParameter("bname");// map包含了浏览器传递到后台的所有参数的键值对Map<String, String[]> map = request.getParameterMap();// 浏览器请求地址String url = request.getRequestURI().toString();request.getRequestDispatcher("index.jsp").forward(request, response);}}

因为我们在PageBean增加了方法，所以我们servlet也进行了一定的变化

package com.tgq.servlet;import java.io.IOException;
import java.util.Map;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.tgq.util.PageBean;/*** 分页的Servlet*/
@WebServlet("/PageServlet")
public class PageServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}@SuppressWarnings("unused")protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {// String bname = request.getParameter("bname");// // map包含了浏览器传递到后台的所有参数的键值对// Map<String, String[]> map = request.getParameterMap();// // 浏览器请求地址// String url = request.getRequestURI().toString();PageBean pb = new PageBean();pb.setRequest(request);request.setAttribute("pb", pb);request.getRequestDispatcher("index.jsp").forward(request, response);}}

我们运行debug可以看到

 jsp代码页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>书籍列表</title>
</head>
<body>${pageBean}
</body>
</html>

输出结果：

分页工具类PageBean完整代码 

package com.tgq.util;import java.util.HashMap;
import java.util.Map;import javax.servlet.http.HttpServletRequest;/*** 分页工具类* * @author tgq**/
public class PageBean {private int page = 1;// 页码private int rows = 10;// 页大小private int total = 0;// 总记录数// 上一次查询的urlprivate String url;// 上一次查询所携带的查询条件private Map<String, String[]> parameterMap = new HashMap<String, String[]>();private boolean pagination = true;// 是否分页/*** 对pagebean进行初始化* * @param req*/public void setRequest(HttpServletRequest req) {// 初始化jsp页面传递过来的当前页this.setPage(req.getParameter("page"));// 初始化jsp页面传递过来的页大小this.setRows(req.getParameter("rows"));// 初始化jsp页面传递过来是否分页this.setPagination(req.getParameter("pagination"));// 保留上一次的url查询请求this.setUrl(req.getRequestURL().toString());// 保留上一次的查询条件/参数this.setParameterMap(req.getParameterMap());}private void setPagination(String pagination) {// 只有填写了false字符串，才代表不分页if (StringUtils.isNotBlank(pagination))this.setPagination(!"false".equals(pagination));}/*** 获得起始记录的下标* * @return*/public int getStartIndex() {return (this.page - 1) * this.rows;}// 上一页public int getPrevPage() {return this.page > 1 ? this.page - 1 : this.page;}// 下一页public int getNextPage() {return this.page < this.getMaxPage() ? this.page + 1 : this.page;}// 最大页public int getMaxPage() {return this.total % this.rows == 0 ? this.total / this.rows : (this.total / this.rows) + 1;}public String getUrl() {return url;}public void setUrl(String url) {this.url = url;}public Map<String, String[]> getParameterMap() {return parameterMap;}public void setParameterMap(Map<String, String[]> parameterMap) {this.parameterMap = parameterMap;}private void setRows(String rows) {if (StringUtils.isNotBlank(rows))this.setRows(Integer.valueOf(rows));}private void setPage(String page) {if (StringUtils.isNotBlank(page))this.setPage(Integer.valueOf(page));}public PageBean() {super();}public int getPage() {return page;}public void setPage(int page) {this.page = page;}public int getRows() {return rows;}public void setRows(int rows) {this.rows = rows;}public int getTotal() {return total;}public void setTotal(int total) {this.total = total;}public void setTotal(String total) {this.total = Integer.parseInt(total);}public boolean isPagination() {return pagination;}public void setPagination(boolean pagination) {this.pagination = pagination;}@Overridepublic String toString() {return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]";}}

四、分页标签

分页代码：我们需要

HTML        分页条

JS

form

我们需要利用标签

<t:page pageBean="${pageBean}" ></pageBean>

tld

助手类

jsp代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<linkhref="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"rel="stylesheet">
<scriptsrc="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
<title>书籍列表</title>
<style type="text/css">
.page-item input {padding: 0;width: 40px;height: 100%;text-align: center;margin: 0 6px;
}.page-item input, .page-item b {line-height: 38px;float: left;font-weight: 400;
}.page-item.go-input {margin: 0 10px;
}
</style>
</head>
<body><form class="form-inline"action="${pageContext.request.contextPath }/book.action" method="post"><div class="form-group mb-2"><input type="text" class="form-control-plaintext" name="bname"placeholder="请输入书籍名称"></div><button type="submit" class="btn btn-primary mb-2">查询</button></form><table class="table table-striped bg-success"><thead><tr><th scope="col">书籍ID</th><th scope="col">书籍名</th><th scope="col">价格</th></tr></thead><tbody><tr><td>1</td><td>圣墟第1章</td><td>1</td></tr><tr><td>1</td><td>圣墟第1章</td><td>1</td></tr></tbody></table><form action="" id="pageBeanForm" method="post"><input type="hidden" name="page"></form>zzz<ul class="pagination justify-content-center"><li class="page-item"><a class="page-link"href='javascript:gotoPage(1)'>首页</a></li><li class="page-item"><a class="page-link"href='javascript:gotoPage(1)'>&lt;</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item active"><a class="page-link" href="#">3</a></li><li class="page-item disabled"><a class="page-link" href="#">&gt;</a></li><li class="page-item disabled"><a class="page-link" href="#">尾页</a></li><li class="page-item go-input"><b>到第</b><input class="page-link"type="text" id="skipPage" name="" /><b>页</b></li><li class="page-item go"><a class="page-link"href="javascript:skipPage()">确定</a></li><li class="page-item"><b>共666条</b></li></ul><script type='text/javascript'>function gotoPage(page) {document.getElementById('pageBeanForm').page.value = page;document.getElementById('pageBeanForm').submit();}function skipPage() {var page = document.getElementById('skipPage').value;if (!page || isNaN(page) || parseInt(page) < 1|| parseInt(page) > 1122) {alert('请输入1~N的数字');return;}gotoPage(page);}</script></body>
</html>

编写标签

tld文件
 

<?xml version="1.0" encoding="UTF-8" ?><taglib xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"version="2.0"><description>JSTL 1.1 core library</description><display-name>JSTL core</display-name><tlib-version>1.1</tlib-version><!-- 一个名字 --><short-name>t</short-name><!-- 路径 --><uri>http://jsp.tgq.cn</uri><tag><!-- 标签库名 --><name>page</name><!-- 对应的助手类 --><tag-class>com.tgq.tag.PageTag</tag-class><!-- 代表JSP标签 --><body-content>JSP</body-content><attribute><!-- 自定义JSP标签的属性名称 --><name>pageBean</name><!-- 该属性是否必填 --><required>true</required><!-- 该属性值是否支持表达式 --><rtexprvalue>true</rtexprvalue></attribute></tag></taglib>

助手类

package com.tgq.tag;import java.io.IOException;
import java.util.Map;
import java.util.Set;import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;import com.tgq.util.PageBean;/*** * @author tgq**/
public class PageTag extends BodyTagSupport {private PageBean pageBean;public PageBean getPageBean() {return pageBean;}public void setPageBean(PageBean pageBean) {this.pageBean = pageBean;}@Overridepublic int doStartTag() throws JspException {return SKIP_BODY;}
}

我们要做的是把

<ul class="pagination justify-content-center"><li class="page-item"><a class="page-link"href='javascript:gotoPage(1)'>首页</a></li><li class="page-item"><a class="page-link"href='javascript:gotoPage(1)'>&lt;</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item active"><a class="page-link" href="#">3</a></li><li class="page-item disabled"><a class="page-link" href="#">&gt;</a></li><li class="page-item disabled"><a class="page-link" href="#">尾页</a></li><li class="page-item go-input"><b>到第</b><input class="page-link"type="text" id="skipPage" name="" /><b>页</b></li><li class="page-item go"><a class="page-link"href="javascript:skipPage()">确定</a></li><li class="page-item"><b>共666条</b></li></ul>

替换成标签

<t:page pageBean="${pageBean }"></t:page>

所以我们要在助手类进行一个拼接，拼接我们就要编写一个方法

@Overridepublic int doStartTag() throws JspException {JspWriter out = pageContext.getOut();try {out.print(toHTML());} catch (IOException e) {e.printStackTrace();}return SKIP_BODY;}private String toHTML() {StringBuilder sb = new StringBuilder();// 这里拼接的是一个上一次发送的请求以及携带的参数，唯一改变的就是页码sb.append("<form id='pageBeanForm' action='" + pageBean.getUrl() + "' method='post'>");/* sb.append("<input type='hidden' name='methodName' value='list'>"); */sb.append("<input type='hidden' name='page'>");// 重要设置拼接操作，将上一次请求参数携带到下一次Map<String, String[]> paMap = pageBean.getParameterMap();if (paMap != null && paMap.size() > 0) {Set<Map.Entry<String, String[]>> entrySet = paMap.entrySet();for (Map.Entry<String, String[]> entry : entrySet) {for (String val : entry.getValue()) {if (!"page".equals(entry.getKey())) {sb.append("<input type='hidden' name='" + entry.getKey() + "' value='" + val + "'>");}}}}sb.append("</form>");int page = pageBean.getPage();// 当前页int max = pageBean.getMaxPage();// 最大页int before = page > 4 ? 4 : page - 1;// 前面有几页，当前页显示前面显示几页，默认显示4页// 一共显示10页int after = 10 - 1 - before;// 后面的页数// 后面还有几页，必须后面还有5页才显示after = page + after > max ? max - page : after;// disabledboolean startFlag = page == 1;boolean endFlag = max == page;// 拼接分页条sb.append("<ul class='pagination'>");sb.append("<li class='page-item " + (startFlag ? "disabled" : "")+ "'><a class='page-link' href='javascript:gotoPage(1)'>首页</a></li>");sb.append("<li class='page-item " + (startFlag ? "disabled" : "")+ "'><a class='page-link' href='javascript:gotoPage(" + pageBean.getPrevPage() + ")'>&lt;</a></li>");// 代表了当前页的前4页for (int i = before; i > 0; i--) {sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + (page - i) + ")'>"+ (page - i) + "</a></li>");}sb.append("<li class='page-item active'><a class='page-link' href='javascript:gotoPage(" + pageBean.getPage()+ ")'>" + pageBean.getPage() + "</a></li>");// 代表了当前页的后5页for (int i = 1; i <= after; i++) {sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + (page + i) + ")'>"+ (page + i) + "</a></li>");}sb.append("<li class='page-item " + (endFlag ? "disabled" : "")+ "'><a class='page-link' href='javascript:gotoPage(" + pageBean.getNextPage() + ")'>&gt;</a></li>");sb.append("<li class='page-item " + (endFlag ? "disabled" : "")+ "'><a class='page-link' href='javascript:gotoPage(" + pageBean.getMaxPage() + ")'>尾页</a></li>");sb.append("<li class='page-item go-input'><b>到第</b><input class='page-link' type='text' id='skipPage' name='' /><b>页</b></li>");sb.append("<li class='page-item go'><a class='page-link' href='javascript:skipPage()'>确定</a></li>");sb.append("<li class='page-item'><b>共" + pageBean.getTotal() + "条</b></li>");sb.append("</ul>");// 拼接分页的js代码sb.append("<script type='text/javascript'>");sb.append("function gotoPage(page) {");sb.append("document.getElementById('pageBeanForm').page.value = page;");sb.append("document.getElementById('pageBeanForm').submit();");sb.append("}");sb.append("function skipPage() {");sb.append("var page = document.getElementById('skipPage').value;");sb.append("if (!page || isNaN(page) || parseInt(page) < 1 || parseInt(page) > " + max + ") {");sb.append("alert('请输入1~N的数字');");sb.append("return;");sb.append("}");sb.append("gotoPage(page);");sb.append("}");sb.append("</script>");return sb.toString();}

改写servlet

我们把之前的servlet进行一个修改；完整版的servlet

package com.tgq.servlet;import java.io.IOException;
import java.util.List;
import java.util.Map;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.tgq.dao.BookDao;
import com.tgq.entity.Book;
import com.tgq.util.PageBean;/*** 分页的Servlet*/
@WebServlet("/book.action")
public class PageServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}@SuppressWarnings("unused")protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
//修改前// String bname = request.getParameter("bname");// // map包含了浏览器传递到后台的所有参数的键值对// Map<String, String[]> map = request.getParameterMap();// // 浏览器请求地址// String url = request.getRequestURI().toString();
//修改后PageBean pageBean = new PageBean();pageBean.setRequest(request);// 查找我们的书籍BookDao bookDao = new BookDao();Book book = new Book();//获取到书籍的名称book.setBname(request.getParameter("bname"));try {//调用查询的方法List<Book> list = bookDao.list2(book, pageBean);//利用setAttribute保存request.setAttribute("list", list);} catch (Exception e) {e.printStackTrace();}//利用setAttribute保存request.setAttribute("pageBean", pageBean);//跳转到页面request.getRequestDispatcher("index.jsp").forward(request, response);}}

运行结果：

解析：

在助手类的这行代码，是我们需要理解的

        int page = pageBean.getPage();// 当前页int max = pageBean.getMaxPage();// 最大页int before = page > 4 ? 4 : page - 1;// 前面有几页，当前页显示前面显示几页，默认显示4页// 一共显示10页int after = 10 - 1 - before;// 后面的页数// 后面还有几页，必须后面还有5页才显示after = page + after > max ? max - page : after;

 

编码问题

如果我们出搜索我们想要的就会出现一个乱码，这时候就需要用到过滤器来设置一个编码的问题

注意@WebFilter("*.action")这里的后缀必须要和我们的servlet@WebServlet("/book.action")后缀一样

package com.tgq.util;import java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.xml.ws.WebFault;/*** 中文乱码处理* */
@WebFilter("*.action")
public class EncodingFiter implements Filter {private String encoding = "UTF-8";// 默认字符集public EncodingFiter() {super();}public void destroy() {}public void doFilter(ServletRequest request, ServletResponse response,FilterChain chain) throws IOException, ServletException {HttpServletRequest req = (HttpServletRequest) request;HttpServletResponse res = (HttpServletResponse) response;// 中文处理必须放到 chain.doFilter(request, response)方法前面res.setContentType("text/html;charset=" + this.encoding);if (req.getMethod().equalsIgnoreCase("post")) {req.setCharacterEncoding(this.encoding);} else {Map map = req.getParameterMap();// 保存所有参数名=参数值(数组)的Map集合Set set = map.keySet();// 取出所有参数名Iterator it = set.iterator();while (it.hasNext()) {String name = (String) it.next();String[] values = (String[]) map.get(name);// 取出参数值[注：参数值为一个数组]for (int i = 0; i < values.length; i++) {values[i] = new String(values[i].getBytes("ISO-8859-1"),this.encoding);}}}chain.doFilter(request, response);}public void init(FilterConfig filterConfig) throws ServletException {String s = filterConfig.getInitParameter("encoding");// 读取web.xml文件中配置的字符集if (null != s && !s.trim().equals("")) {this.encoding = s.trim();}}}

 更改编码后我们去搜索我们想要的结果就不会出现乱码了

 

希望对你们有用！！！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/4320.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

使用el-menu做侧边栏导航遇到需要点击两次菜单才展开

使用el-menu做侧边栏导航遇到需要点击两次菜单才展开

在根据路由遍历生成侧边导航栏时&#xff0c;遇到一个问题&#xff0c;就是当我点击选中某个垂直菜单时&#xff0c;只有点击第二次它才会展开&#xff0c;第一次在选中垂直菜单之后垂直菜单它就收缩起来了&#xff0c;如下图&#xff1a; 如上图&#xff0c;在我第一次点击选…
阅读更多...
带纵深可跳跃横版闯关游戏模版

带纵深可跳跃横版闯关游戏模版

此项目是以《卡比猎人队》为蓝本开发的横版带纵深闯关游戏模版。内涵数据表配置文件。 购买链接&#xff1a; 微店购买链接 开发环境 开发引擎&#xff1a;CocosCreator3.6.3开发语言&#xff1a;TypeScript 包含的内容&#xff1a; 逻辑实现目录介绍&#xff08;game&am…
阅读更多...
java面试Day18

java面试Day18

1.什么是 MySQL 执行计划&#xff1f;如何获取执行计划并对其进行分析&#xff1f; MySQL 执行计划是指 MySQL 查询优化器生成的一份详细的查询执行计划&#xff0c;它展示了 MySQL 在执行查询时所采取的具体执行计划&#xff0c;包括表的访问顺序、数据读取方式、使用的索引、…
阅读更多...
Elasticsearch：实用 BM25 - 第 3 部分：在 Elasticsearch 中选择 b 和 k1 的注意事项

Elasticsearch：实用 BM25 - 第 3 部分：在 Elasticsearch 中选择 b 和 k1 的注意事项

这是系列文章的第三篇文章。之前的文章是&#xff1a; Elasticsearch&#xff1a;实用 BM25 - 第 1 部分&#xff1a;分片如何影响 Elasticsearch 中的相关性评分 Elasticsearch&#xff1a;实用 BM25 - 第 2 部分&#xff1a;BM25 算法及其变量 选择 b 和 k1 值得注意的是&…
阅读更多...
Windows 引导启动流程详述（BIOS-UEFI）

Windows 引导启动流程详述（BIOS-UEFI）

Windows 启动流程详述 BIOS 和 UEFI 的由来BIOS 存在哪里BIOS 程序的功能BIOS 和 UEFI 的发展由来如何查看当前计算机是什么方式引导启动呢&#xff1f;Linux 下如何查看 BIOS 大小&#xff1f; 启动流程详述使用 BIOS 进行系统启动流程使用 UEFI 进行系统启动流程SEC阶段PEI阶…
阅读更多...
2022 年第十二届 MathorCup 高校数学建模挑战赛D题思路（移动通信网络站址规划和区域聚类问题）

2022 年第十二届 MathorCup 高校数学建模挑战赛D题思路（移动通信网络站址规划和区域聚类问题）

目录 一、前言 二、问题背景 三、问题 四、解题思路 &#xff08;1&#xff09;针对问题1&#xff1a; &#xff08;2&#xff09;针对问题2&#xff1a; &#xff08;3&#xff09;针对问题3&#xff1a; 五、附上几个典型代码 &#xff08;1&#xff09;K-means算法…
阅读更多...
【Unity编辑器扩展】(三)PSD转UGUI Prefab, 一键拼UI解放美术/程序(完结)

【Unity编辑器扩展】(三)PSD转UGUI Prefab, 一键拼UI解放美术/程序(完结)

工具效果&#xff1a; 第一步&#xff0c;把psd图层转换为可编辑的节点树&#xff0c;并自动解析UI类型、自动绑定UI子元素&#xff1a; 第二步, 点击“生成UIForm"按钮生成UI预制体 (若有UI类型遗漏可在下拉菜单手动点选UI类型)&#xff1a; 验证一键生成UI效果: 书接上…
阅读更多...
SAP HANA使用SQL创建SCHEMA：

SAP HANA使用SQL创建SCHEMA：

语法是 CREATE SCHEMA “<Schema_Name>” 使用图形方法创建 SAP HANA 表&#xff1a; 创建图形计算视图&#xff1a;
阅读更多...
FFmpeg视频转码关键参数详解

FFmpeg视频转码关键参数详解

1 固定码率因子crf&#xff08;Constant Rate Factor&#xff09; 固定码率因子&#xff08;CRF&#xff09;是 x264 和 x265 编码器的默认质量&#xff08;和码率控制&#xff09;设置。取值范围是 0 到 51&#xff0c;这其中越低的值&#xff0c;结果质量越好&#xff0c;同…
阅读更多...
React Antd Form.List 组件嵌套多级动态增减表单 + 表单联动复制实现

React Antd Form.List 组件嵌套多级动态增减表单 + 表单联动复制实现

Antd Form.List 组件嵌套多级动态增减表单 表单联动复制实现 一、业务需求 有一个页面的组件&#xff0c;其中一部分需要用到动态的增减 复制表单&#xff0c;然后就想起 了使用 Antd 的 Form.List 去完成这个功能。 这个功能的要求是&#xff1a; 首先是一个动态的表单&…
阅读更多...
SQL-每日一题【178.分数排名】

SQL-每日一题【178.分数排名】

题目 表: Scores 编写 SQL 查询对分数进行排序。排名按以下规则计算: 分数应按从高到低排列。 如果两个分数相等&#xff0c;那么两个分数的排名应该相同。 在排名相同的分数后&#xff0c;排名数应该是下一个连续的整数。换句话说&#xff0c;排名之间不应该有空缺的数字。 …
阅读更多...
Linux：LAMP搭建(全源码包安装)

Linux：LAMP搭建(全源码包安装)

LAMP 就是 Linux Apache Mysql PHP/Python 目录 Linux安装 Apache安装 Mysql安装 安装PHP 安装PHP扩展包 编译安装PHP PHP 添加优化模块 测试网页协同工作 Linux安装 虚拟机安装 (1条消息) VMware&#xff1a;安装centos7_鲍海超-GNUBHCkalitarro的博客-CSD…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023