分页：

　　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. Android进阶(一)几种网络请求方式详解

    Ref:http://blog.csdn.net/zuolongsnail/article/details/6373051 Android应用经常会和服务器端交互,这就需要手机客户端发送网络请求,下面 ...

  2. iOS中 常用的mac终端指令汇总 技术分享

    通常情况下,只有高端用户才会经常用到终端应用.这并不意味着命令行非常难学,有的时候命令行可以轻松.快速的解决问题.相信所有Mac用户都尝试过命令行,今天为大家带来9个非常实用的命令行操作.一些命令行需 ...

  3. Ubuntu文件中文乱码

    如图,该文件在gedit打开中文显示正常 在命令行中用vim打开,显示内容如下: 使用命令进行编码转换 iconv -f gbk -t utf8 ./SogouQ.mini > ./sougou ...

  4. Android项目-高考作文-使用ORMLite抽象公共的Dao层

    1, 定义统一的Dao接口 public interface IDao<T> { public abstract T getSingleById(int id); public abstr ...

  5. Java数组排序基础算法,二维数组，排序时间计算，随机数产生

    import java.util.Arrays; //包含Arrays import java.util.Random; public class HelloWorld { public static ...

  6. TCP的ACK确认系列 — 发送状态转换机

    主要内容:TCP的ACK发送方式,以及ACK发送状态转换机的实现. 内核版本:3.15.2 我的博客:http://blog.csdn.net/zhangskd 概述 TCP采用两种方式来发送ACK: ...

  7. Socket编程实践(9) --套接字IO超时设置方法

    引:超时设置3种方案 1. alarm超时设置方法 //代码实现: 这种方式较少用 void sigHandlerForSigAlrm(int signo) { return ; } signal(S ...

  8. 基于Bootstrap的Metro风格模板

    这几天在看Bootstrap的一些书,这里整理一下书中的一些模板,方便以后使用. 1.BootMetro http://www.guoxiaoming.com/bootmetro/ 2.Bootswa ...

  9. Android的内存分配与回收

    想写一篇关于android的内存分配和回收文章的想法来源于追查一个魅族手机图片滑动卡顿问题,我们想了很多办法还是没有避免他不停的GC,所以就打算详细的看看内存分配和GC的原理,为什么会不断的GC,GC ...

  10. View,ViewGroup的Touch事件的分发机制

    原帖地址:http://blog.csdn.net/xiaanming/article/details/21696315 ViewGroup的事件分发机制 我们用手指去触摸Android手机屏幕,就会 ...