注册    登录
关注
Py学习  »  NGINX

京淘项目实战开发-07 [实现文件上传、代理机制、Nginx]

淡若清风丶 • 2 年前 • 269 次点击  
阅读 58

京淘项目实战开发-07 [实现文件上传、代理机制、Nginx]

1. 实现文件上传

1.1 文件上传入门案例

1.1.1 分析文件上传页面

<%@ 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">
<title>Insert title here</title>
</head>
<body>
	<h1>实现文件长传</h1>
	<!--enctype="开启多媒体标签"  -->
	<form action="http://localhost:8091/file" method="post" 
	enctype="multipart/form-data">
		<input name="fileImage" type="file" />
		<input type="submit" value="提交"/>
	</form>
</body>
</html>
复制代码

1.1.2 编辑文件上传页面

package com.jt.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;

@RestController //表示返回数据是一个JSON
public class FileController {

    /**
     * 业务说明: 实现用户文件上传
     * url地址:   http://localhost:8091/file
     * 请求参数:  fileImage
     * 返回值:    操作成功的字符串
     * 文件上传的容量:默认的条件下 1M
     */
    @RequestMapping("/file")
    //MultipartFile springboot创建的接口 
    public String file(MultipartFile fileImage) throws IOException {
        String dir = "D:/JT-SOFT/images";
        File dirFile = new File(dir);
        if(!dirFile.exists()){
            dirFile.mkdirs();   //表示创建多级目录
        }
        //获取文件名称
        String fileName = fileImage.getOriginalFilename();
        //将文件封装为一个完整的路径
        File imageFile = 


    
new File(dir+"/"+fileName);
        //接口中提供的一个方法  实现文件上传. outputStream 实现写盘操作.
        fileImage.transferTo(imageFile);
        return "文件上传成功!!!";
    }
}
复制代码

加粗样式## 1.2 文件上传实现

1.2.1 页面参数分析

1).请求网址 在这里插入图片描述

2).请求参数: 在这里插入图片描述

var TT = KindEditorUtil = {		//相当于java中定义的工具类，里面提供了很多静态方法。
	// 编辑器参数
	kingEditorParams : {
		filePostName  : "uploadFile",//请求的具体参数名
		uploadJson : '/pic/upload',//请求的路径信息
		dir : "image"
	},
复制代码

3).返回结果要求

  • 属性1: error=0 文件上传成功 1.表示文件上传失败n
  • 属性2: url地址: 图片上传之后的虚拟路径
  • 属性3: width/height 是图片特有的属性
 {"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图片的高度}
复制代码

1.2.2 封装ImageVO

package com.jt.vo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

import java.io.Serializable;

@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO implements Serializable {
    // {"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图片的高度}
    private Integer error;      //0正常   1错误
    private String url;         //图片虚拟路径
    private Integer width;      //宽度
    private Integer height;     //高度

	//失败
    public static ImageVO fail(){

        return new ImageVO(1, null, null, null);
    }
	//成功 
    public static ImageVO success(String url,Integer width,Integer height){

        return new ImageVO(0, url,width,height);
    }
}
复制代码

1.2.3 关于正则表达式

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。

1.2.4 编辑FIleController

 /**
     * 业务实现: 文件上传实现
     * URL地址:   http://localhost:8091/pic/upload?dir=image
     * 参数:      uploadFile
     * 返回值:    ImageVO
     */
    @RequestMapping("/pic/upload")
    public ImageVO uploadFile(MultipartFile uploadFile){

        return fileService.uploadFile(uploadFile);
       /* String url = "https://img14.360buyimg.com/n0/jfs/t1/151857/40/2398/38943/5f8842b9Edac7df98/0a8a77bfea24aa1d.jpg";
        return ImageVO.success(url, 800, 800);*/
    }
复制代码

1.2.5 编辑properties配置文件

说明: 由于文件上传的路径和URL地址 可能发生变化,如果写死到代码中 不便于维护. 所以最好将信息写到配置文件中. 在这里插入图片描述

image.localDirPath=E:\jt\JT-SOFT\images
image.urlPath=http://image.jt.com
复制代码

1.2.6 编辑FileServiceImpl

说明: 编辑FileService 其中动态注入属性值.

package com.jt.service;

import com.jt.vo.ImageVO;
import com.sun.xml.internal.bind.v2.model.core.TypeInfoSet;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.PropertySource;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashSet;
import java.util.Set;
import java.util.UUID;

@Service
@PropertySource("classpath:/properties/image.properties")
public class FileServiceImpl implements FileService{

    @Value("${image.localDirPath}")
    private String localDirPath;    // = "D:/JT-SOFT/images";
    @Value("${image.urlPath}")
    private String urlPath;         // = "http://image.jt.com";


   /* private static Set<String> typeSet = new HashSet<>();

    //静态代码块  为成员变量赋值
    //可以利用配置文件方式 编辑所有的图片类型,通过循环遍历的方式
    static {
        typeSet.add("jpg");
        typeSet.add("png");
        typeSet.add("gif");
    }*/

    /**
     * 文件上传策略:
     *      1.图片类型的校验    1.正则表达式.. 2.???
     *      2.校验文件是否为木马   木马.exe.jpg 宽度/高度
     *      3.将文件分目录存储    1.hash asdfsdfa 2.时间
     *      4.防止文件重名  uuid当做名称
     * @param uploadFile
     * @return
     */
    @Override
    public ImageVO uploadFile(MultipartFile uploadFile) {
        //1.图片类型校验
        //1.1 获取图片名称      ABC.JPG
        String fileName = uploadFile.getOriginalFilename();
        //为了解决操作系统大小写问题 需要将字符全部小写
        fileName = fileName.toLowerCase();
        //1.2 截取图片类型 jpg|png|gif
        //^行首/$ 行位/* 匹配的个数/+ 至少一次/？ 代表有或者没有
        //{n,m} 最少匹配n次，最多匹配m次/ [xyz]字符集合 /() 分组 / \\ 转义字符
        if(!fileName.matches("^.+\\.(jpg|png|gif)$")){
            return ImageVO.fail();
        }

        //2.是否为恶意程序
        try {
            //通过IO流读取文件信息,转化为图片类型
            BufferedImage bufferedImage = ImageIO.read(uploadFile.getInputStream());
            int height = bufferedImage.getHeight();
            int width = bufferedImage.getWidth();
            if


    
(height == 0 || width == 0){
                //说明该文件是一个恶意程序
                return ImageVO.fail();
            }

            //3.根据时间动态生成文件目录
            String dateDirPath =
                    new SimpleDateFormat("/yyyy/MM/dd/").format(new Date());

            //3.1 实现用户本地路径的拼接 D:/JT-SOFT/images/2021/03/15/
            String localDir = localDirPath + dateDirPath;
            //3.2 动态生成文件路径
            File dirFile = new File(localDir);
            if(!dirFile.exists()){ //动态生成目录
                dirFile.mkdirs();  //创建多级目录
            }

            //4.动态生成用户名称  uuid.jpg ，防止重名
            String uuid = UUID.randomUUID().toString().replace("-", "");
            int index = fileName.lastIndexOf(".");//从最后.开始进行截取
            String fileType = fileName.substring(index);
            String realFileName = uuid + fileType;//真实的文件名称

            //5. 实现文件上传  文件目录 localDir /文件名称 realFileName
            File imageFile = new File(localDir + realFileName);
            uploadFile.transferTo(imageFile);//文件上传

            //6.虚拟路径的拼接
            // http: //image.jt.com/2021/03/09/uuid.jpg
            // E:\JT-SOFT\images\ 2021\03\09\uuid.jpg
            String url = urlPath + dateDirPath + realFileName;
            return ImageVO.success(url, width, height);
            
        } catch (IOException e) {
            e.printStackTrace();
            return ImageVO.fail();
        }
    }
}
复制代码

2.代理机制

2.1 图片代理说明

在这里插入图片描述

2.2 反向代理机制

2.2.1 反向代理说明

       反向代理服务器位于用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。反向代理服务器通常可用来作为Web加速，即使用反向代理作为Web服务器的前置机来降低网络和服务器的负载，提高访问效率。

2.2.2 反向代理特点

1.用户不清楚访问的服务器到底是谁. 2.反向代理是服务器端代理. (保护了后端服务器数据)

2.2.3 反向代理的实际应用

用户不清楚真实的服务器到底是谁。 在这里插入图片描述

2.2 正向代理机制

2.2.1 正向代理介绍

是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。

2.2.2 正向代理特点

1.用户向代理发送请求, 并且指定目标服务器.(用户清楚自己访问的服务器是谁) 2.正向代理是客户端代理 保护了用户的信息。 3.正向代理一般为了实现网络通信的。

在这里插入图片描述

在这里插入图片描述

2.3 Nginx

2.3.1 Nginx介绍

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。 其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。2011年6月1日，nginx 1.0.4发布。 Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。

特点1: 占用内存少 不超过2M 特点2: 并发能力强 5万/秒 2-3万/秒

2.3.2 Nginx下载/安装

官网：nginx.org/en/download… 在这里插入图片描述

2.3.3 关于进程项说明

主进程: 主要提供反向代理服务的. 守护进程: 防止主进程意外关闭 在这里插入图片描述

2.3.4 nginx相关命令

说明: 管理员启动一次即可，Nginx启动会占用80端口, 如果启动有误,查看问题集. 命令执行位置: 要求在nginx根目录中执行 在这里插入图片描述

  • 1.启动nginx： start nginx
  • 2.nginx 重启 ：nginx -s reload -s:任务树
  • 3.nginx停止： nginx -s stop

2.4 反向代理入门案例

核心配置文件： 在这里插入图片描述

  • nginx配置必须在http协议之内完成。否则不生效！
  • 每个server都是一个反向代理的服务
 server {
    	#监听端口  一般都是80端口 几乎不改
        listen       80;
        #拦截用户请求的域名
        server_name  localhost;
		#配置反向代理  / 代表拦截所有的请求
        location / {
        	#root 关键字  代表的一个目录
            root   html;
            #index 关键字  默认访问页面
            index  index.html index.htm;
        }
 }
复制代码

2.5 商品图片回显

2.5.1 编辑nginx.conf配置文件

修改之后,重启nginx


	#图片服务器配置
	server {
		listen 80;
		server_name image.jt.com;

		location / {
			#反向代理目录
			root E:/JT-SOFT/images;
		}
复制代码

2.5.2 图片回显流程图

在这里插入图片描述

2.5.3 编辑HOSTS文件

0).HOSTS文件作用 在本机实现了域名与IP地址映射关系.

1).路径 在这里插入图片描述 2).编辑内容

#@SwitchHosts! {"url": null, "icon_idx": 0, "title": "\u5f53\u524d\u7cfb\u7edf hosts"}
# 京淘配置  
#192.168.126.129  image.jt.com
#192.168.126.129  manage.jt.com
#IP 域名  映射关系
127.0.0.1  image.jt.com
127.0.0.1  manage.jt.com
127.0.0.1  www.jt.com
127.0.0.1  sso.jt.com
127.0.0.1  localhost
#bug 丢最后一个字母问题


复制代码

2.5.4 关于switchHosts说明

需要使用的软件：switchHosts 可以联系作者，或者百度：switchHosts 获取软件下载链接

1).关于文件目录 在这里插入图片描述

2).以管理员身份运行

# 京淘配置  

#192.168.126.129  image.jt.com

#192.168.126.129  manage.jt.com

#IP 域名  映射关系

127.0.0.1  image.jt.com

127.0.0.1  manage.jt.com

127.0.0.1  www.jt.com

127.0.0.1  sso.jt.com

127.0.0.1  localhost

#bug 丢最后一个字母问题

复制代码

2.5.5 页面效果

在这里插入图片描述

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/117585
Reply
 
269 次点击  
登录后回复
关于   移动版   ·   三行代码   ·   今天看啥   ·   Code   ·   link之家   ·   卧龙搜索   ·   藏经阁   ·   小百科
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号