• Spring Boot的web之旅（二）

    使用WebJars

    spring boot整合WebJars进行前端静态js和css。

    1.引入Bootstrap和jQuery

    1.1 引入相关依赖

    <!-- 引入bootstrap -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.3.1</version>
        </dependency>
        <!-- 引入jQuery -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.4.1</version>
        </dependency>

    1.2 HTML页面加入头文件

    <link rel="stylesheet" href="/webjars/bootstrap/4.3.1/css/bootstrap.min.css" />
    <script src="/webjars/jquery/3.41.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    ok。

    还有其他很多可用的，以后再说。

    国际化使用

    thymeleaf对国际化使用有些支持。

    1.写静态页面

    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Signin Template for Bootstrap</title>
        
        Bootstrap core CSS
        <link href="asserts/css/bootstrap.min.css" th:href="@{asserts/css/bootstrap.min.css}" rel="stylesheet">
        Custom styles for this template
        <link href="asserts/css/signin.css" th:href="@{asserts/css/signin.css}" rel="stylesheet">
    </head>

    <body class="text-center">
        <form class="form-signin" action="dashboard.html">
            <img class="mb-4" src="asserts/img/bootstrap-solid.svg" th:href="@{asserts/img/bootstrap-solid.svg}" alt="" width="72" height="72">
            <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
            <label class="sr-only" th:text="#{login.username}">Username</label>
            <input type="text" class="form-control" placeholder="Username" required="" autofocus="">
            <label class="sr-only" th:text="#{login.password}">Password</label>
            <input type="password" class="form-control" placeholder="Password" required="">
            <div class="checkbox mb-3">
                <label>
          <input type="checkbox" value="remember-me"/> [[#{login.remember}]]
        </label>
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">Sign in</button>
            <p class="mt-5 mb-3 text-muted">© 2018-2019</p>
            <a class="btn btn-sm" th:href="@{/index.html(l='zh_Cn')}">中文</a>
            <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>
        </form>

    </body>

</html>

    2.在国际化配置文件中配置属性

    2020-03-02_172953

    相应的写入属性，比如中文的：

    login.tip=请登录
login.username=用户名
login.password=密码
login.remember=记住我
login.btn=登录

    3.解析所属区域

    package com.example.demo;

import java.util.Locale;

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

import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;

public class MyLocaleResolver implements LocaleResolver {

    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        // 由thymeleaf静态页面返回l来判断
        String l=request.getParameter("l");
        Locale locale=Locale.getDefault();
        if(!StringUtils.isEmpty(l)) {
            String[] split=l.split("_");
            locale=new Locale(split[0],split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {
        // TODO Auto-generated method stub

    }

}

    4.设置登录反射

    //继承WebMvcConfigurationSupport或者implements WebMvcConfigurer，重写addViewControllers方法
@Configuration
public class MyMvcConfig extends WebMvcConfigurationSupport{
    
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        //registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/index.html");
        
    }
    //注意是org.springframework.web.servlet.LocaleResolver;
    @Bean
    public LocaleResolver localeResolver() {
        return new MyLocaleResolver();
    }
}

    其实这里像以前一样，在写一个controller，设置相应的映射，也是ok的。

    启动，测试成功。


    文件的上传和下载

    1.创建Controller，写入代码逻辑

    package com.example.demo.controller;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.net.URLEncoder;
import java.util.List;

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

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;

@RestController
public class FileController {
    //最后面的/要加上就是放到这个文件夹里，不加名字就会加上downloads放在d盘里
    private static final String filePath="D:/downloads/";
    private static final Logger log=LoggerFactory.getLogger(FileController.class);
    //单文件上传
    //MultipartFile对象接收文件
    @RequestMapping(value="/upload")
    //@RequestParam：将请求参数绑定到你控制器的方法参数上（是springmvc中接收普通参数的注解）
    public String upload(@RequestParam("file") MultipartFile file) {
        try {
            if(file.isEmpty()) {
                return "文件为空";
            }
        //获取文件名
        String fileName=file.getOriginalFilename();
        log.info("上传的文件名为："+fileName);
        //设置文件存储路径
        String path=filePath+fileName;
        File dest=new File(path);
        //检测是否存在目录
        if(!dest.getParentFile().exists()) {
            dest.getParentFile().mkdirs();//新建文件夹
        }
        file.transferTo(dest);//刚开始只是设置好了名字，存储路径，这是才把文件内容真正写入
        return "上传成功";
        
    }catch(IllegalStateException e){
            e.printStackTrace();
        }catch(IOException e){
            e.printStackTrace();
        }
        return "上传失败";
    }
    //多文件上传
    @PostMapping("/batch")
    public String handleFileUpload(HttpServletRequest request) {

        List<MultipartFile> files=((MultipartHttpServletRequest) request).getFiles("file");
        MultipartFile file=null;
        BufferedOutputStream stream=null;
        //for循环里i++和++i没区别，++i效率还高点，但是其他情况是有区别的
        for(int i=0;i<files.size();++i) {
            file=files.get(i);
            if(!file.isEmpty()) {
                try {
                    byte[] bytes=file.getBytes();
                    stream=new BufferedOutputStream(new FileOutputStream(new File(filePath+file.getOriginalFilename())));//设置文件路径及名字
                    stream.write(bytes);//也是创建一个文件再真正写入内容
                    stream.close();
                }catch(Exception e) {
                    stream=null;
                    return "第"+i+"个文件上传失败==>"+e.getMessage();
                }
            }else {
                return "第"+i+"个文件上传失败,因为文件为空";
            }
        }
        return "上传成功";
    }
    //文件下载
    @GetMapping("/download")
    public String downloadFile(HttpServletResponse response) throws UnsupportedEncodingException {
        String fileName="MySQL必知必会（文字版）.pdf";
        if(fileName!= null) {
            //设置文件路径
            File file=new File(filePath+fileName);
            if(file.exists()) {
                response.setContentType("application/force-download");//设置强制下载不打开
                fileName = URLEncoder.encode(fileName,"utf-8");//header中只支持ASCII,所以中文需要解码
                response.addHeader("Content-Disposition", "attachment;fileName="+fileName);//设置文件名
                byte[] buffer=new byte[1024];
                FileInputStream fis=null;
                BufferedInputStream bis=null;
                try {
                    fis=new FileInputStream(file);
                    bis=new BufferedInputStream(fis);
                    OutputStream os=response.getOutputStream();
                    int i=bis.read(buffer);
                    while(i!=-1) {
                        os.write(buffer, 0, i);
                        i=bis.read(buffer);
                    }
                    return "下载成功";
                            
                }catch(Exception e) {
                    e.printStackTrace();
                }finally {
                    if(bis!=null) {
                        try {
                            bis.close();
                        }catch(IOException e) {
                            e.printStackTrace();
                        }
                    }
                    if(fis!=null) {
                        try {
                            fis.close();
                        }catch(IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
            }
        }
        
        return "下载失败";
    }
}

    2.配置FreeMarker

    #是否开启缓存，开发时建议关闭，否则更改页面后不会实时展示效果
spring.freemarker.cache=false
#编码格式
spring.freemarker.charset=UTF-8
#前缀
spring.freemarker.template-load-path=classpath:/templates/
#后缀
spring.freemarker.suffix=.ftl

    3.创建index.ftl

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>${msg}</title>
</head>
<body>
<p>单文件上传</p>
<form action="upload" method="POST" enctype="multipart/form-data">
<!-- 选择文件 -->
    文件：<input type="file" name="file"/>
<!--     提交，上传 -->
    <input type="submit"/>
</form>
<hr>
<p>文件下载</p>
<a href="download">下载文件</a>
<hr/>
<p>多文件上传</p>
<form action="batch" method="POST" enctype="multipart/form-data">
    <p>文件1：<input type="file" name="file"/></p>
    <p>文件2：<input type="file" name="file"/></p>
    <p><input type="submit" value="上传"/></p>
</form>
</body>
</html>

    4.创建映射

    package com.example.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
@SpringBootApplication
public class Demo3Application {
    
    @GetMapping("/")
    public String index(ModelMap modelMap) {
        modelMap.addAttribute("msg", "文件上传下载");
        return "index";
    }
    
    public static void main(String[] args) {
        SpringApplication.run(Demo3Application.class, args);
    }

}
    所需jar包就是web，webflux，热部署，FreeMarker，前面讲过，不多言。
  • 相关阅读:
    protobuf简单测试应用
    golang代码片段（摘抄）
    ibatis中 $ 于 # 的 区别?
    eclipse debug 执行到断点处并没有停下，断点无效问题
    使用selenium遇到java.lang.NoSuchMethodError: org.apache.xpath.XPathContext，排查
    设置MAVEN_OPTS的推荐方法
    UI型Bug定义的处理方法
    select count(*)和select count(1)的区别
    mac下搭建java开发环境：eclipse+tomcat+maven
    eclipse中svn提交报错的解决
  • 原文地址：https://www.cnblogs.com/xc-xinxue/p/12396906.html
Copyright © 2020-2023  润新知