分页：

　　pom.xml     加依赖

<dependency>

        <groupId>com.github.pagehelper</groupId>

        <artifactId>pagehelper-spring-boot-starter</artifactId>

        <version>1.1.2</version>

 </dependency>
  Service 里方法中
public PageInfo<User> findAll(int page,int size) {

        PageHelper.startPage(page,size);

        //源代码不变

        PageInfo<User> model=new PageInfo<>(集合);

        return model;

}

　　applicattion.yml中

#pagehelper分页插件

pagehelper:

    helperDialect: mysql

    reasonable: true

    supportMethodsArguments: true

    params: count=countSql

文件上传：

　　　　pom.xml中加依赖
<dependency>

            <groupId>com.github.tobato</groupId>

            <artifactId>fastdfs-client</artifactId>

            <version>1.25.2-RELEASE</version>

</dependency>

　　　　总配置application.properties

#fastdfs2

fdfs.soTimeout=1500

fdfs.connectTimeout=600

fdfs.thumbImage.width=150

fdfs.thumbImage.height=150

fdfs.trackerList[0]=192.168.25.133:22122 #默认是22122的端口

fdfs.prefixpath= http://192.168.25.133/  #这是文件管理服务器ip

　　　　Controller中

@CrossOrigin(origins = "*", maxAge = 360)//设置上传最大值
@Controller
public class userAction {
　 @Value("${fdfs.prefixpath}")
   private String prefixpath;

　　//图片上传

    @RequestMapping("/upload")

    @ResponseBody

    public Map<String,Object> upload(MultipartFile file) throws Exception {

        String exname = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".") + 1);

        StorePath storePath = storageClient.uploadFile(file.getInputStream(), file.getSize(), exname, null);

        String url = prefixpath + storePath.getFullPath();

        System.out.println(url);

        Map<String,Object> map=new HashMap<>();

        map.put("urls",url);

        System.out.println("----"+map.get("urls"));

        return map;

    }

　　　　html页面中

<body>

    <form action="addUser" method="post">

        <input type="hidden" id='photo' name='photo'/>

        <table>

            <tr>

                <td>用户名</td>

                <td><input type="text" name="uname"/></td>

            </tr>

            <tr>

                <td>密码</td>

                <td><input type="text" name="password"/></td>

            </tr>

            <tr>

                <td>生日</td>

                <td><input type="date" name="birthday"/></td>

            </tr>

            <tr>

                <td>头像</td>

                <td><input type='file' id='file' name='file' form="pff" />

                    <a id='yla' href='' target='_blank'><img id='ylm' src='' width="200px" height="200px"/></a>

                </td>

            </tr>

            <tr>

                <td colspan="2">

                    <input type="submit" value="提交"/>

                </td>

            </tr>

        </table>

    </form>

    <form id='pff' method="post" enctype="multipart/form-data" th:action="@{upload}">

    </form>

</body>

<script type="text/javascript" src="/webjars/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript" src="/jquery.form.min.js"></script>

<script type="text/javascript">

    $("#file").change(function(){

        alert(this.value);

        if(this.value!=''){

            $('#pff').ajaxSubmit({

                type:'post',

                dataType:'json',

                success:function(data){

                    alert(data.urls);

                        $("#yla").attr("href",data.urls);

                        $("#ylm").attr("src",data.urls);

                        $("#photo").attr("value",data.urls);

                }

            });

        }

    })

</script>

jQuery

　　pom.xml中加依赖

　　　　　<!--jquer-->

        <dependency>

            <groupId>org.webjars</groupId>

            <artifactId>jquery</artifactId>

            <version>2.1.4</version>

        </dependency>

　　html页面，引入

<script type="text/javascript" src="/webjars/jquery/2.1.4/jquery.min.js"></script>

　　

springboot中使用分页，文件上传，jquery的具体步骤(持续更新)的更多相关文章

  1. Spring中MultipartHttpServletRequest实现文件上传

    Spring中MultipartHttpServletRequest实现文件上传 转贴自:http://my.oschina.net/nyniuch/blog/185266 实现图片上传  用户必须能 ...

  2. ASP.NET 中对大文件上传的简单处理

    在 ASP.NET 开发的过程中,文件上传往往使用自带的 FileUpload 控件,可是用过的人都知道,这个控件的局限性十分大,最大的问题就在于上传大文件时让开发者尤为的头疼,而且,上传时无法方便的 ...

  3. springboot（九）文件上传

    在企业级项目开发过程中,上传文件是最常用到的功能.SpringBoot集成了SpringMVC,当然上传文件的方式跟SpringMVC没有什么出入.下面我们来创建一个SpringBoot项目完成单个. ...

  4. Springboot 一行代码实现文件上传 20个平台！少写代码到极致

    大家好,我是小富~ 技术交流,公众号:程序员小富 又是做好人好事的一天,有个小可爱私下问我有没有好用的springboot文件上传工具,这不巧了嘛,正好我私藏了一个好东西,顺便给小伙伴们也分享一下,d ...

  5. struts2中简单的文件上传

    2016-08-31 一.       文件上传 利用commons-fileupload-1.2.1.jar实现简单的上传文件,首先在页面上填写表单,记得加上enctype="multip ...

  6. SecureCRT中的ftp文件上传

    原文地址:http://www.blogbus.com/jjuan-flake-logs/59745331.html SecureCRT与SshClient不同的就是,SecureCRT没有图形化的文 ...

  7. Spring中MultipartHttpServletRequest实现文件上传 生成缩略图

    转贴自:http://my.oschina.net/nyniuch/blog/185266 实现图片上传  用户必须能够上传图片,因此需要文件上传的功能.比较常见的文件上传组件有Commons Fil ...

  8. ASP.NET中的FileUpload文件上传控件的使用

    本篇文章教大家如何将客户端的图片或者文件上传到服务器: 无论是上传图片(.jpg .png .gif等等) 文档(word excel ppt 等等). 第一步:放入以下三个控件 Image控件,Fi ...

  9. SSM-SpringMVC-32：SpringMVC中灌顶传授文件上传

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 我将用自认为最简单的语言,描述Springmvc的文件上传,来将老夫毕生功力灌顶传授给你 首先文件上传,又简至 ...

随机推荐

  1. 海量数据挖掘MMDS week7: 局部敏感哈希LSH（进阶）

    http://blog.csdn.net/pipisorry/article/details/49686913 海量数据挖掘Mining Massive Datasets(MMDs) -Jure Le ...

  2. Java进阶(二十八)SimpleDateFormat格式化日期问题

    SimpleDateFormat格式化日期问题 前言 发现一个问题,经过以下语句处理后,发现12:27:45转换后成为了00:27:45. DateFormat df = null; if(DATE1 ...

  3. 【一天一道LeetCode】#99. Recover Binary Search Tree

    一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 Two ele ...

  4. Java接口interface

    Java接口interface 1.多个无关的类可以实现同一个接口. 2.一个类可以实现多个无关的接口. 3.与继承关系类似,接口与实现类之间存在多态性. 接口(interface)是抽象方法和常量值 ...

  5. Python代码运行助手

    将下述demo文件保存下来,比如存为learning.py 然后运行,如果出现: Ready for Python code on port 39093... 则说明成功了. demo #!/usr/ ...

  6. 《java入门第一季》之Math类一个小案例获取任意数值范围内随机数

    Math:用于数学运算的类. import java.util.Scanner; /* * 需求:请设计一个方法,可以实现获取任意范围内的随机数. * * 分析: * A:键盘录入两个数据. * in ...

  7. JSP 对象的作用范围

    在JSP中,对象有四种范围:page.request.session和application page范围             所谓的page范围指单一的JSP页面范围,page范围内的对象只能在 ...

  8. 《java入门第一季》之面向对象（成员方法）

    /* 类的组成:成员变量,成员方法 又加入了一个新的成员:构造方法. 以后再提(类的组成): 成员变量 构造方法 成员方法 根据返回值: void类型 非void类型 形式参数: 空参方法 非空参方法 ...

  9. 页面缓存js问题解决

     1.在jsp中加入头 <META HTTP-EQUIV="Pragma" CONTENT="no-cache">  <META HTTP ...

  10. iOS开发小技巧总结

    一.NSLog的使用 NSLog在调试的时候,屡试不爽,可是在项目中用的太多,其实是会影响程序性能的,而且程序在非调试模式下也看不到打印,多浪费资源呢?如果程序中使用的太多,发布前删除又是一个麻烦事, ...