深入分析JavaWeb Item7 -- HttpServletResponse详解_item7 java，前端开发学习培训

    String data = "中国";
    OutputStream outputStream = response.getOutputStream();//获取OutputStream输出流
    response.setHeader("content-type", "text/html;charset=UTF-8");//通过设置响应头控制浏览器以UTF-8的编码显示数据，如果不加这句话，那么浏览器显示的将是乱码
    /\*\*

* data.getBytes()是一个将字符转换成字节数组的过程，这个过程中一定会去查码表， * 如果是中文的操作系统环境，默认就是查找查GB2312的码表， * 将字符转换成字节数组的过程就是将中文字符转换成GB2312的码表上对应的数字 * 比如： "中"在GB2312的码表上对应的数字是98 * "国"在GB2312的码表上对应的数字是99 */ /** * getBytes()方法如果不带参数，那么就会根据操作系统的语言环境来选择转换码表，如果是中文操作系统，那么就使用GB2312的码表 */ byte[] dataByteArr = data.getBytes("UTF-8");//将字符转换成字节数组，指定以UTF-8编码进行转换 outputStream.write(dataByteArr);//使用OutputStream流向客户端输出字节数组 }

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    doGet(request, response);
}

}

运行结果如下：


　　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/509b9283f8f64f4d9bf87627eb299bfc~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=rXIZWp3S4k5446hHmUsoD7%2FPWNk%3D)


　　客户端浏览器接收到数据后，就按照响应头上设置的字符编码来解析数据，如下所示：


　　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/cfa39b1d77e542d7b5a35852439d02b6~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=fzJZhlQLkRUQWE98Iru83z1fZdY%3D)


##### **2.2、使用PrintWriter流向客户端浏览器输出中文数据**


使用PrintWriter流输出中文注意问题：


　　 在获取PrintWriter输出流之前首先使用”`response.setCharacterEncoding(charset)`“设置字符以什么样的编码输出到浏览器，如：`response.setCharacterEncoding("UTF-8")`;设置将字符以”UTF-8”编码输出到客户端浏览器，然后再使用`response.getWriter()`;获取PrintWriter输出流. 这两个步骤不能颠倒，如下：

response.setCharacterEncoding("UTF-8");//设置将字符以"UTF-8"编码输出到客户端浏览器 /** * PrintWriter out = response.getWriter();这句代码必须放在response.setCharacterEncoding("UTF-8");之后 * 否则response.setCharacterEncoding("UTF-8")这行代码的设置将无效，浏览器显示的时候还是乱码 */ PrintWriter out = response.getWriter();//获取PrintWriter输出流

　　然后再使用`response.setHeader("content-type", "text/html;charset=字符编码")`;设置响应头，控制浏览器以指定的字符编码编码进行显示，例如：

//通过设置响应头控制浏览器以UTF-8的编码显示数据，如果不加这句话，那么浏览器显示的将是乱码 response.setHeader("content-type", "text/html;charset=UTF-8");

上述两步可以合成一步完成：

response.setContentType("text/html; charset=UTF-8");

　　除了可以使用`response.setHeader("content-type", "text/html;charset=字符编码")`;设置响应头来控制浏览器以指定的字符编码编码进行显示这种方式之外，还可以用如下的方式来模拟响应头的作用.

/** * 多学一招：使用HTML语言里面的标签来控制浏览器行为，模拟通过设置响应头控制浏览器行为 *response.getWriter().write(""); * 等同于response.setHeader("content-type", "text/html;charset=UTF-8"); */ response.getWriter().write("");

范例：使用PrintWriter流向客户端浏览器输出”中国”这两个汉字

package gacl.response.study;

import java.io.IOException; import java.io.OutputStream; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;

public class ResponseDemo01 extends HttpServlet {

private static final long serialVersionUID = 4312868947607181532L;

public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    outputChineseByPrintWriter(response);//使用PrintWriter流输出中文
}

/\*\*

* 使用PrintWriter流输出中文 * @param request * @param response * @throws IOException */ public void outputChineseByPrintWriter(HttpServletResponse response) throws IOException{ String data = "中国";

    //通过设置响应头控制浏览器以UTF-8的编码显示数据，如果不加这句话，那么浏览器显示的将是乱码
    //response.setHeader("content-type", "text/html;charset=UTF-8");

    response.setCharacterEncoding("UTF-8");//设置将字符以"UTF-8"编码输出到客户端浏览器
    /\*\*

* PrintWriter out = response.getWriter();这句代码必须放在response.setCharacterEncoding("UTF-8");之后 * 否则response.setCharacterEncoding("UTF-8")这行代码的设置将无效，浏览器显示的时候还是乱码 */ PrintWriter out = response.getWriter();//获取PrintWriter输出流 /** * 多学一招：使用HTML语言里面的标签来控制浏览器行为，模拟通过设置响应头控制浏览器行为 * out.write(""); * 等同于response.setHeader("content-type", "text/html;charset=UTF-8"); */ out.write(""); out.write(data);//使用PrintWriter流向客户端输出字符 }

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    doGet(request, response);
}

}

　　当需要向浏览器输出字符数据时，使用PrintWriter比较方便，省去了将字符转换成字节数组那一步。


##### **2.3、使用OutputStream或者PrintWriter向客户端浏览器输出数字**


比如有如下的代码：

package gacl.response.study;

import java.io.IOException; import java.io.OutputStream; import java.io.PrintWriter;

import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;

public class ResponseDemo01 extends HttpServlet {

private static final long serialVersionUID = 4312868947607181532L;

public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {

    outputOneByOutputStream(response);//使用OutputStream输出1到客户端浏览器

}

/\*\*

* 使用OutputStream流输出数字1 * @param request * @param response * @throws IOException */ public void outputOneByOutputStream(HttpServletResponse response) throws IOException{ response.setHeader("content-type", "text/html;charset=UTF-8"); OutputStream outputStream = response.getOutputStream(); outputStream.write("使用OutputStream流输出数字1：".getBytes("UTF-8")); outputStream.write(1); }

}

　　运行上面代码显示的结果如下：


　　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/86e3003ea24f40468786777968911a62~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=knBg2%2B55mH5GUqmtW33zOGc7Zig%3D)


　　运行的结果和我们想象中的不一样，数字1没有输出来，下面我们修改一下上面的`outputOneByOutputStream`方法的代码，修改后的代码如下：

/** * 使用OutputStream流输出数字1 * @param request * @param response * @throws IOException */ public void outputOneByOutputStream(HttpServletResponse response) throws IOException{ response.setHeader("content-type", "text/html;charset=UTF-8"); OutputStream outputStream = response.getOutputStream(); outputStream.write("使用OutputStream流输出数字1：".getBytes("UTF-8")); //outputStream.write(1); outputStream.write((1+"").getBytes()); }

　　**`1+""`**这一步是将数字1和一个空字符串相加，这样处理之后，数字1就变成了字符串1了，然后再将字符串1转换成字节数组使用`OutputStream`进行输出，此时看到的结果如下：


　　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/6069b4e92261486bb636d2606265bad6~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=pdAeg96MJShCwB%2FPT6asxf1IC7A%3D)


　　这次可以看到输出来的1了，这说明了一个问题：**在开发过程中，如果希望服务器输出什么浏览器就能看到什么，那么在服务器端都要以字符串的形式进行输出。**


　　如果使用PrintWriter流输出数字，那么也要先将数字转换成字符串后再输出，如下：

/** * 使用PrintWriter流输出数字1 * @param request * @param response * @throws IOException */ public void outputOneByPrintWriter(HttpServletResponse response) throws IOException{ response.setHeader("content-type", "text/html;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter();//获取PrintWriter输出流 out.write("使用PrintWriter流输出数字1："); out.write(1+""); }

##### **2.4、文件下载**


　　文件下载功能是web开发中经常使用到的功能，使用`HttpServletResponse`对象就可以实现文件的下载


文件下载功能的实现思路：


　　1.获取要下载的文件的绝对路径


　　2.获取要下载的文件名


　　3.设置content-disposition响应头控制浏览器以下载的形式打开文件


　　4.获取要下载的文件输入流


　　5.创建数据缓冲区


　　6.通过response对象获取OutputStream流


　　7.将FileInputStream流写入到buffer缓冲区


　　8.使用OutputStream将缓冲区的数据输出到客户端浏览器


范例：使用Response实现文件下载

package gacl.response.study; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.PrintWriter; import java.net.URLEncoder; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * @author gacl * 文件下载 */ public class ResponseDemo02 extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    downloadFileByOutputStream(response);//下载文件，通过OutputStream流
}

/\*\*

* 下载文件，通过OutputStream流 * @param response * @throws FileNotFoundException * @throws IOException */ private void downloadFileByOutputStream(HttpServletResponse response) throws FileNotFoundException, IOException { //1.获取要下载的文件的绝对路径 String realPath = this.getServletContext().getRealPath("/download/1.JPG"); //2.获取要下载的文件名 String fileName = realPath.substring(realPath.lastIndexOf("\")+1); //3.设置content-disposition响应头控制浏览器以下载的形式打开文件 response.setHeader("content-disposition", "attachment;filename="+fileName); //4.获取要下载的文件输入流 InputStream in = new FileInputStream(realPath); int len = 0; //5.创建数据缓冲区 byte[] buffer = new byte[1024]; //6.通过response对象获取OutputStream流 OutputStream out = response.getOutputStream(); //7.将FileInputStream流写入到buffer缓冲区 while ((len = in.read(buffer)) > 0) { //8.使用OutputStream将缓冲区的数据输出到客户端浏览器 out.write(buffer,0,len); } in.close(); }

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    doGet(request, response);
}

}

运行结果如下所示：


　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/4556022ce47441488d4acfc379b1cd8b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=DAo7%2BVmqUKsEa1vpQYqxEtU%2FXik%3D)　


**范例：使用Response实现中文文件下载**


　　下载中文文件时，**需要注意的地方就是中文文件名要使用`URLEncoder.encode`方法进行编码`(URLEncoder.encode(fileName, "字符编码"))`，否则会出现文件名乱码。**

package gacl.response.study; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.PrintWriter; import java.net.URLEncoder; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * @author gacl * 文件下载 */ public class ResponseDemo02 extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    downloadChineseFileByOutputStream(response);//下载中文文件
}

/\*\*

* 下载中文文件,中文文件下载时，文件名要经过URL编码，否则会出现文件名乱码 * @param response * @throws FileNotFoundException * @throws IOException */ private void downloadChineseFileByOutputStream(HttpServletResponse response) throws FileNotFoundException, IOException { String realPath = this.getServletContext().getRealPath("/download/张家界国家森林公园.JPG");//获取要下载的文件的绝对路径 String fileName = realPath.substring(realPath.lastIndexOf("\")+1);//获取要下载的文件名 //设置content-disposition响应头控制浏览器以下载的形式打开文件，中文文件名要使用URLEncoder.encode方法进行编码，否则会出现文件名乱码 response.setHeader("content-disposition", "attachment;filename="+URLEncoder.encode(fileName, "UTF-8")); InputStream in = new FileInputStream(realPath);//获取文件输入流 int len = 0; byte[] buffer = new byte[1024]; OutputStream out = response.getOutputStream(); while ((len = in.read(buffer)) > 0) { out.write(buffer,0,len);//将缓冲区的数据输出到客户端浏览器 } in.close(); }

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    doGet(request, response);
}

}

运行结果如下所示：


　　![这里写图片描述](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/c1ec23573ebc44f9991202cd9e6fae0c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772016674&x-signature=RVJr3qr1cfzlf5%2FKCCDboxqTYbA%3D)


　　文件下载注意事项：**编写文件下载功能时推荐使用`OutputStream`流，避免使用`PrintWriter`流，因为`OutputStream`流是字节流，可以处理任意类型的数据，而`PrintWriter`流是字符流，只能处理字符数据，如果用字符流处理字节数据，会导致数据丢失。**


**范例：使用PrintWriter流下载文件**

package gacl.response.study; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOException;

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：docs.qq.com/doc/DSmRnRG…