J2EE通用分页02

news2024/10/10 20:18:58

目录

一.重构-提取公用方法        

   1.为了进行公共方法的抽取,需要找出上面实习中的可通用部分,和差异化部分

    2.公用方法封装思路

      3. 具体实现

二.分页标签

2.1 准备一个Servlet

 3.2 结果展示页面

三. 过滤器解决中文乱码问题

四.加入分页功能

四.封装分页标签

 编写助手类

标签库描述文件中添加paging标签 

 使用分页标签首先在页面中引入标签

将原来的分页功能,替换为标签即可

MySQL分页

 最后结果展示页面


一.重构-提取公用方法        

   1.为了进行公共方法的抽取,需要找出上面实习中的可通用部分,和差异化部分

  • .只要是分页,就会统计总记录数,而总记录数的统计是在业务sql外封装了一个select count(*)是有规律可循的,可以通用
  • 只要是分页,则封装分页sql也是有规律可循的(在业务sql后加limit子句即可),可以通用
  • 因为每个查询对应的业务实体(即模型)不同,所以ORM映射部分不能通用

    2.公用方法封装思路

  • 将可通用的部分封装到模板中

  • 差异化部分(即不可通用部分),可以定义一个处理接口,以便于通过参数传入个性化的实现部分

      3. 具体实现

通用分页查询模板类:

public final class DBTemplate {
	
	private DBTemplate() {
	}
	
	public static interface IORMConvert<T> {
		List<T> convert(ResultSet rs) throws SQLException;
	}
	
	public static <T> List<T> query(String sql, 
			Object[] params, 
			PageBean pageBean, 
			IORMConvert<T> convert) {
		
		List<T> datas = new ArrayList<>();
		
		Connection con = null;
		PreparedStatement ps = null;
		ResultSet rs = null;
		
		//不需要分页
		if (pageBean == null || !pageBean.isPagination()) {
			try {
				con = DBUtil.getConection();
				ps = con.prepareStatement(sql);
				
				setParam(params, ps);
				
				rs = ps.executeQuery();
				
				datas = convert.convert(rs);
				
				return datas;
			} catch(Exception e) {
				e.printStackTrace();
			} finally {
				DBUtil.closeDB(rs, ps, con);
			}
			
		} else {
			//1. 查询总记录数
			//2. 查询当前页数据
			
			//1. 生成统计总记录数的SQL, 查询总记录数
			try {
				String countSql = "select count(*) from (" + sql + ") tmp";
				con = DBUtil.getConection();
				
				ps = con.prepareStatement(countSql);
				
				setParam(params, ps);
				
				rs = ps.executeQuery();
				
				while(rs.next()) {
					pageBean.setTotal(rs.getInt(1));
				}
				
				/*
				 * 如果统计的总记录数为0,则表示没有符合条件的记录,直接返回一个空结果集即可。
				 */
				if(pageBean.getTotal() == 0) {
					return datas;
				}
				
			} catch (Exception e) {
				e.printStackTrace();
			} finally {
				if(pageBean.getTotal() == 0) {
					DBUtil.closeDB(rs, ps, con);
				}
				DBUtil.closeDB(rs, ps);
			}
			
			//查询当前页数据
			try {
				String pagingSql = sql 
						+ " limit " 
						+ pageBean.getStartRow() 
						+ ", " 
						+ pageBean.getRows();
				ps = con.prepareStatement(pagingSql);
				
				setParam(params, ps);
				
				rs = ps.executeQuery();
				
				datas = convert.convert(rs);
				
			} catch (SQLException e) {
				e.printStackTrace();
			} finally {
				DBUtil.closeDB(rs, ps, con);
			}
			
		}
		
		return datas;
	}

	private static void setParam(Object[] params, PreparedStatement ps) throws SQLException {
		if (params != null) {
			int i = 1;
			for (Object param : params) {
				ps.setObject(i, param);
				i++;
			}
		}
	}

}

使用示例:

public class StudentDao2 {
	
	public List<Student> getStudents(String sname, PageBean pageBean) {
		
		String sql = "select * from t_student where sname like ?";
		
		return DaoTemplate.query(sql, new Object[] {sname}, pageBean, new IORMConvert<Student>() {
			
			@Override
			public List<Student> convert(ResultSet rs) throws SQLException {
				List<Student> stus = new ArrayList<>();
				while(rs.next()) {
					Student stu = new Student();
					stu.setSid(rs.getInt("sid"));
					stu.setSname(rs.getString("sname"));
					stu.setAge(rs.getInt("age"));
					stu.setRemark(rs.getString("remark"));
					stus.add(stu);
				}
				
				return stus;
			}
		});
		
	}
	
	public static void main(String[] args) {
		StudentDao2 dao = new StudentDao2();
		PageBean pageBean = new PageBean();
		pageBean.setPage(3);
		List<Student> students = dao.getStudents("张%", pageBean);
		students.forEach(s -> System.out.println(s));
	}

}

二.分页标签

2.1 准备一个Servlet

准备一个servlet用于处理请求,获取数据库中的数据,并转发到结果显示页面

@WebServlet(value = "/students")
public class StudentAction extends HttpServlet {
		
	private static final long serialVersionUID = 3152900867611381148L;
	private StudentDao2 studentDao = new StudentDao2();

	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
		doPost(request, response);
	}
	
	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
		
		PageBean pageBean = new PageBean();
		pageBean.setRequest(request);
		request.setAttribute("pageBean", pageBean);
		
		String sname = request.getParameter("sname");
		List<Student> students = studentDao.getStudents(sname+"%", pageBean);
		request.setAttribute("students", students);
		
		System.out.println("dopost .......... ");
		request.getRequestDispatcher("/students/stuList.jsp").forward(request, response);
	}
	
}

 3.2 结果展示页面

创建一个页面,该页面用于显示结果, 使用jstl的c标签来展示结果,为正常使用c标签,需要引入jstl-1.2.jar和standard-1.1.2.jar。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="z" uri="/zking" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<h1>学生信息</h1>
	
	<form action="<%=request.getContextPath()%>/students" method="post">
		<input type="text" name="sname">
		<input type="submit" value="查询">
	</form>
	
	<table border="1" style="width: 98%;">
	
		<tr>
			<td>学号</td>
			<td>姓名</td>
			<td>年龄</td>
			<td>备注</td>
		</tr>
		
		<c:forEach items="${students}" var="student">
			<tr>
				<td>${student.sid}</td>
				<td>${student.sname}</td>
				<td>${student.age}</td>
				<td>${student.remark}</td>
			</tr>
		</c:forEach>

<z:paging pageBean="${pageBean}"/>
		
	</table>
</body>
</html>

三. 过滤器解决中文乱码问题

/**
 * 中文乱码处理
 */
 @WebFilter("/*")
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();
		}
	}

}

四.加入分页功能

  • 先不考虑功能性在页面上的table标签下,加入及分页工具条
<div style="text-align: right; width:98%;">
		第1页&nbsp;&nbsp;&nbsp;
		共100条记录&nbsp;&nbsp;&nbsp;
		<a>首页</a>&nbsp;&nbsp;&nbsp;
		<a>上页</a>&nbsp;&nbsp;&nbsp; 
		<a>下页</a>&nbsp;&nbsp;&nbsp; 
		<a>尾页</a>&nbsp;&nbsp;&nbsp;
		第<input type="text" size="2" /> 
		<a href="#">GO</a>
	</div>
  • 不考虑通过的分页如下实现,先在结果页面中实现分页功能。
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="z" uri="/zking" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<h1>学生信息</h1>
	
	<form action="<%=request.getContextPath()%>/students" method="post">
		<input type="text" name="sname"/>
		<input type="submit" value="查询">
	</form>
	
	<table border="1" style="width: 98%;">
	
		<tr>
			<td>学号</td>
			<td>姓名</td>
			<td>年龄</td>
			<td>备注</td>
		</tr>
		
		<c:forEach items="${students}" var="student">
			<tr>
				<td>${student.sid}</td>
				<td>${student.sname}</td>
				<td>${student.age}</td>
				<td>${student.remark}</td>
			</tr>
		</c:forEach>
	</table>
	
	<!-- 分页页面元素 -->
	<div style="text-align: right; width:98%;">
		第${pageBean.page}页&nbsp;&nbsp;&nbsp;
		共${pageBean.total}条记录&nbsp;&nbsp;&nbsp;
		<a href="javascript: goPage(1);">首页</a>&nbsp;&nbsp;&nbsp;
		<a href="javascript: goPage('${pageBean.previousPage}');">上页</a>&nbsp;&nbsp;&nbsp; 
		<a href="javascript: goPage('${pageBean.nextPage}');">下页</a>&nbsp;&nbsp;&nbsp; 
		<a href="javascript: goPage('${pageBean.totalPage}')">尾页</a>&nbsp;&nbsp;&nbsp;
		第<input type="text" id="pagingPageNum" size="2" onkeypress="goSpecifiedPage(event,this.value);"/> 
		<a href="javascript: goPage(document.getElementById('pagingPageNum').value)">GO</a>
	</div>
	
	<!-- 用于分页的隐藏表单 -->
	<form action="${pageBean.url}" id="pagingForm" method="post">
		<input type="hidden" name="page" value="${pageBean.page}"/>
		<!-- 先只考虑本功能的查询参数,没有考虑公用性(不同功能的参数不同) -->
		<input type="hidden" name="sname" value="<%=request.getParameter("sname")%>"/>
	</form>
	
	<!-- 用于分页的js代码 -->
	<script>
	function goPage(pageNum) {
		var form = document.getElementById("pagingForm");
		form.page.value = pageNum;
		form.submit();
	}
	
	function goSpecifiedPage(event) {
		if(event.keyCode == 13) {
			var pageNum = document.getElementById("pagingPageNum").value;
			var form = document.getElementById("pagingForm");
			form.page.value = pageNum;
			form.submit();
		}
	}
	</script>
	
</body>
</html>

目前为止,分页功能已经实现了。

遗留下来的问题:
1   如果其他功能需要分页,则需要复制大量代码才能重用该功能
2    如果系统需要修改分页工具栏的显示风格呢?

四.封装分页标签

为了方便代码的复用,及可维护性,我们将分页功能封装了一个自定义标签(其实就是将原来写在页面中的代码,通过移入到自定义标签中去实现),开发自定义标签分成三步:

  • 编写助手类
  • 编写标签描述文件
  • 在页面上引入标签库,并使用

 编写助手类

        

public class PagingTag extends BodyTagSupport {
	
	private PageBean pageBean;

	public PageBean getPageBean() {
		return pageBean;
	}

	public void setPageBean(PageBean pageBean) {
		this.pageBean = pageBean;
	}
	
	@Override
	public int doStartTag() throws JspException {
		
		JspWriter out = this.pageContext.getOut();
		
		try {
			out.println(buildHtml());
			return SKIP_BODY;
		} catch (IOException e) {
			throw new JspException("分页标签异常", e);
		}
		
	}
	
	//生成Html内容
	private String buildHtml() {
		
		//构建分页页面元素
		String pagingElement = "<div style=\"text-align: right; width:98%;\">\r\n" + 
				"		第"  + pageBean.getPage() + "页&nbsp;&nbsp;&nbsp;\r\n" + 
				"		共" + pageBean.getTotal() + "条记录&nbsp;&nbsp;&nbsp;\r\n" + 
				"		<a href=\"javascript: goPage(1);\">首页</a>&nbsp;&nbsp;&nbsp;\r\n" + 
				"		<a href=\"javascript: goPage('" + pageBean.getPreviousPage() + "');\">上页</a>&nbsp;&nbsp;&nbsp; \r\n" + 
				"		<a href=\"javascript: goPage('" + pageBean.getNextPage() + "');\">下页</a>&nbsp;&nbsp;&nbsp; \r\n" + 
				"		<a href=\"javascript: goPage('" + pageBean.getTotalPage() + "')\">尾页</a>&nbsp;&nbsp;&nbsp;\r\n" + 
				"		第<input type=\"text\" id=\"pagingPageNum\" size=\"2\" value='"+pageBean.getPage()+"' onkeypress=\"goSpecifiedPage(event,this.value);\"/> \r\n" + 
				"		<a href=\"javascript: goPage(document.getElementById('pagingPageNum').value)\">GO</a>\r\n" + 
				"	</div>";
		
		//构建隐藏表单,用于在分页时传递分页参数
		String hiddenForm = "<form action='" + pageBean.getUrl() + "' id=\"pagingForm\" method=\"post\">"
				+ "<input type=\"hidden\" name=\"page\" />";
		Map<String, String[]> parameterMap = pageBean.getParameterMap();
		for(Map.Entry<String, String[]> param: parameterMap.entrySet()) {
			String paramName = param.getKey();
			if("page".equals(paramName)) continue;
			String[] values = param.getValue();
			for(String val:  values) {
				hiddenForm += "<input type='hidden' name='" + paramName + "' value='" + val + "'>";
			}
		}
		hiddenForm += "</form>";
		
		//构建分页功能需要的js代码块
		String script = "<script>\r\n" + 
				"	function goPage(pageNum) {\r\n" + 
				"		var form = document.getElementById(\"pagingForm\");\r\n" + 
				"		form.page.value = pageNum;\r\n" + 
				"		form.submit();\r\n" + 
				"	}\r\n" + 
				"	\r\n" + 
				"	function goSpecifiedPage(event) {\r\n" + 
				"		if(event.keyCode == 13) {\r\n" + 
				"			var pageNum = document.getElementById(\"pagingPageNum\").value;\r\n" + 
				"			var form = document.getElementById(\"pagingForm\");\r\n" + 
				"			form.page.value = pageNum;\r\n" + 
				"			form.submit();\r\n" + 
				"		}\r\n" + 
				"	}\r\n" + 
				"	</script>";
		
		return pagingElement + hiddenForm + script;
	}
	

}

标签库描述文件中添加paging标签 

<tag>
		<name>paging</name>
		<tag-class>com.zking.mvc.tag.PagingTag</tag-class>
		<body-content>empty</body-content>
		<attribute>
			<name>pageBean</name>
			<required>true</required>
			<rtexprvalue>true</rtexprvalue>
		</attribute>
	</tag>

 使用分页标签
首先在页面中引入标签

<%@taglib prefix="z" uri="/zking" %>

将原来的分页功能,替换为标签即可

<z:paging pageBean="${pageBean}"/>

MySQL分页

  • limit语法

select * from table_name limit [offset,] rows
  • 参数说明

参数说明
offset指定第一个返回记录行的偏移量(即从哪一行开始返回),注意:初始行的偏移量为0
offset

返回具体行数

 最后结果展示页面

 

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Qt Core学习日记——第七天QMetaObject(上)

每一个声明Q_OBJECT的类都具有QMetaObject对象 Q_OBJECT宏源代码&#xff1a; #define Q_OBJECT \ public: \ QT_WARNING_PUSH \ Q_OBJECT_NO_OVERRIDE_WARNING \ static const QMetaObject staticMetaObject; \ virtual const QMetaObject *metaObject() const; \ vir…

Rust vs Go:常用语法对比(五)

题图来自 Rust vs Go 2023[1] 81. Round floating point number to integer Declare integer y and initialize it with the rounded value of floating point number x . Ties (when the fractional part of x is exactly .5) must be rounded up (to positive infinity). 按规…

垃圾回收标记阶段算法

1.标记阶段的目的 主要是在GC在前&#xff0c;判断出哪些是有用的对象&#xff0c;哪些是需要回收的对象&#xff0c;只有被标记为垃圾对象&#xff0c;GC才会对其进行垃圾回收。判断对象是否为垃圾对象的两种方式&#xff1a;引用计数算法和可达性分析算法。 2.引用计数算法…

MySQL基础(一)

目录 前言 一、概述 1.什么是数据库 2.数据库能干什么 3.为什么要用数据库&#xff0c;优势、特性 二、数据库类型 &#xff08;一&#xff09;、关系型数据库&#xff0c;RDBMS 1.概述 2.特点 3.代表产品 &#xff08;二&#xff09;、非关系型数据库&#xff0c;No…

性能测试常见故障和解决思路

目录 一、性能问题分析流程 二、内存溢出 &#xff08;一&#xff09;堆内存溢出 &#xff08;二&#xff09;永久代/方法区溢出 &#xff08;三&#xff09;栈内存溢出 &#xff08;四&#xff09;系统内存溢出 三、CPU过高 &#xff08;一&#xff09;us cpu过高 &a…

flink cdc环境搭建

1.下载flink https://archive.apache.org/dist/flink/flink-1.12.2/ 2.修改flink-conf.yaml #根据自己电脑核数修改&#xff0c;这里我设置为4&#xff0c;因为系统分配了4核 jobmanager.rpc.address: localhost #主机名根据自己设定 taskmanager.numberOfTaskSlots: 4 3.下载…

Databend 开源周报第 103 期

Databend 是一款现代云数仓。专为弹性和高效设计&#xff0c;为您的大规模分析需求保驾护航。自由且开源。即刻体验云服务&#xff1a;https://app.databend.cn 。 Whats On In Databend 探索 Databend 本周新进展&#xff0c;遇到更贴近你心意的 Databend 。 创建网络策略 …

机器学习深度学习——图像分类数据集

&#x1f468;‍&#x1f393;作者简介&#xff1a;一位即将上大四&#xff0c;正专攻机器学习的保研er &#x1f30c;上期文章&#xff1a;机器学习&&深度学习——softmax回归&#xff08;下&#xff09; &#x1f4da;订阅专栏&#xff1a;机器学习&&深度学习…

【腾讯云 Cloud Studio 实战训练营】沉浸式体验编写一个博客系统

文章目录 前言新建工作空间登录(注册)Cloud Studio 账号&#xff1a;进入 Cloud Studio 控制台&#xff1a;配置工作空间参数&#xff1a;确认并创建工作空间&#xff1a;项目搭建 配置nuxt 脚手架运行项目报错信息解决错误脚手架运行预览问题 开启博客代码配置layout首页配置 …

关于java中的内存回收机制

C中如果创建了一个对象&#xff0c;当不再使用的时候&#xff0c;需要手动调用delete方法来进行销毁。而Java提供了一套完整的垃圾回收机制&#xff08;gc&#xff09;。它会自动扫描内存中我们所创建过且不再使用的对象&#xff0c;进行自动销毁。但是gc并不完美&#xff0c;现…

7plus透明屏有哪些全新的使用体验?

7plus透明屏是指苹果公司推出的iPhone 7 Plus手机配备了透明屏幕的一种特殊版本。透明屏幕是一种新型的显示技术&#xff0c;可以使屏幕看起来透明&#xff0c;让用户感觉手机屏幕上的内容仿佛悬浮在空中一样。 透明屏幕的出现给用户带来了全新的使用体验。 首先&#xff0c;透…

对象存活判断

对象存活判断 在堆里存放着几乎所有的 Java 对象实例&#xff0c;在 GC 执行垃圾回收之前&#xff0c;首先需要区分出内存中哪些是存活对象&#xff0c;哪些是已经死亡的对象。只有被标记为己经死亡的对象&#xff0c;GC 才会在执行垃圾回收时&#xff0c;释放掉其所占用的内存…

微信小程序客服系统-对接消息推送-对接模板订阅消息-嵌入webview客服链接

想要给自己的小程序增加客服系统功能 小程序客服对接导自己的系统等需求&#xff0c;可以参照我开发的客服系统&#xff0c;实现私有化部署搭建对接的微信小程序 小程序消息推送对接 首先登录小程序后台在小程序后台>开发管理>开发设置>服务器域名部分&#xff0c;配置…

基于Java+SpringBoot+vue前后端分离学科竞赛管理系统设计实现

博主介绍&#xff1a;✌全网粉丝30W,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专…

Linux中的库

一、库是什么 库是一种可执行代码的二进制形式&#xff0c;可以被操作系统载入内存执行。就是将源代码转化为二进制格式的源代码&#xff0c;相当于进行了加密&#xff0c;别人可以使用库&#xff0c;但是看不到库中的内容。 二、库的分类和优缺点 静态库&#xff1a;是在程…

Shell 排序法 - 改良的插入排序

说明 插入排序法由未排序的后半部前端取出一个值&#xff0c;插入已排序前半部的适当位置&#xff0c;概念简单但速度不快。 排序要加快的基本原则之一&#xff0c;是让后一次的排序进行时&#xff0c;尽量利用前一次排序后的结果&#xff0c;以加快排序的速度&#xff0c;Shel…

云安全攻防(二)之 云原生安全

云原生安全 什么是云原生安全&#xff1f;云原生安全包含两层含义&#xff1a;面向云原生环境的安全和具有云原生特征的安全 面向云原生环境的安全 面向云原生环境的安全的目标是防护云原生环境中的基础设施、编排系统和微服务系统的安全。这类安全机制不一定会具有云原生的…

git恢复删除的分支

1.查看被删除的分支 git remote prune --dry-run origin 被删除的分支是191 2.找到被删除分支的最后一次提交记录的commit SHA值 git reflog 最后一次提交的commit SHA值是3fa7532 3.恢复分支 git checkout -b xiaomeng 3fa7532 4.恢复成功后提交到远端&#xff0c;over&…

[大模型] LLaMA系列大模型调研与整理-llama/alpaca/lora(部分)

文章目录 LLaMA大模型及其衍生模型1. LLaMA2. stanford_alpaca3. ChatDoctor4. alpaca-lora5. Chinese-LLaMA-Alpaca6. BELLE 大模型综述 A Survey of Large Language Models 关键词&#xff1a;大模型&#xff0c;LLaMA&#xff0c;Alpaca&#xff0c;Lora&#xff0c;Belle&a…

git拉取提交代码进行身份验证-输入账号密码以及配置SSH公钥

git初次拉取代码或者提交代码时&#xff0c;需要进行身份验证。验证有两种方式&#xff1a;1、账号密码验证&#xff1b;2、SSH公钥验证。 本文章以gitee为例 账号密码验证 1.首先找到电脑本地项目文件夹&#xff0c;在地址栏中输入cmd回车&#xff0c;打开命令行窗口。 2.输入…