zoukankan      html  css  js  c++  java
  • Spring Boot Sample 012之spring-boot-web-upload

    一、环境 Idea 2020.1 JDK 1.8 maven 二、目的 spring boot 整合web实现文件上传下载。 gitHub地址:https://github.com/ouyushan/ouyushan-spring-boot-samples

    三、步骤

    3.1、点击File -> New Project -> Spring Initializer,点击next

     3.2、选择Web依赖,选中Spring Web。可以选择Spring Boot版本,本次默认为2.2.6,点击Next

     3.3、项目结构

    四、添加文件

    添加静态文件
    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
        <parent>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-parent</artifactId>
            <version>2.2.6.RELEASE</version>
            <relativePath/> <!-- lookup parent from repository -->
        </parent>
        <groupId>org.ouyuhsan</groupId>
        <artifactId>spring-boot-web-upload</artifactId>
        <version>0.0.1-SNAPSHOT</version>
        <name>spring-boot-web-upload</name>
        <description>Demo project for Spring Boot</description>
    
        <properties>
            <java.version>1.8</java.version>
        </properties>
    
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-freemarker</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
                <exclusions>
                    <exclusion>
                        <groupId>org.junit.vintage</groupId>
                        <artifactId>junit-vintage-engine</artifactId>
                    </exclusion>
                </exclusions>
            </dependency>
        </dependencies>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
    
    </project>
    添加index.ftl
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <title>Spring Boot Demo - FreeMarker</title>
    
        <link href="/css/index.css" rel="stylesheet" />
    
    </head>
    <body>
    <div style="text-align: center;">
        <img src="/images/springboot.jpg" />
    </div>
    
    <form method="POST" enctype="multipart/form-data" action="/file/upload">
        文件:<input type="file" name="file" />
        <input type="submit" value="上传" />
    </form>
    
    <script type="text/javascript" src="/webjars/jquery/3.3.1/jquery.min.js"></script>
    
    <script>
        $(function(){
            $('#title').click(function(){
                alert('点击了');
            });
        })
    </script>
    </body>
    </html>
    添加index.css
    h1{color: blue;}
    
    
    配置文件application.properties
    spring.freemarker.template-loader-path=classpath:/templates
    spring.freemarker.suffix=.ftl
    # Multipart
    spring.servlet.multipart.enabled=true
    spring.servlet.multipart.max-file-size=2MB
    spring.servlet.multipart.max-request-size=10MB

    五、测试

     
    点击选择文件按钮,选择对应文件后点击上传
  • 相关阅读:
    javascript中单体模式的实现
    javascript中的继承实现
    如何改变String类的值,保证地址不变!
    测试题答案
    Springboot实现文件(头像)上传
    关于处理登录,到底用拦截器还是过滤器
    关于Spring MVC中的406错误
    SSM开发过程Bug集锦
    String类型日期自动转Date数据类型
    spring的核心配置文件——ApplicationContext.xml的配置
  • 原文地址:https://www.cnblogs.com/ouyushan/p/13029788.html
Copyright © 2011-2022 走看看