分页：

　　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. 现代控制理论习题解答与Matlab程序示例

    现代控制理论习题解答与Matlab程序示例 现代控制理论 第三版 课后习题参考解答: http://download.csdn.net/detail/zhangrelay/9544934 下面给出部分 ...

  2. 通过freemarker生成一个word,解决生成的word用wps打开有问题的问题，解决出word时中文文件名乱码问题，解决打开出word时打开的word出现问题的问题，出图片，解决动态列表

     通过freemarker制作word比较简单 步骤:制作word模板.制作方式是:将模板word保存成为xml----在xml的word模板中添加相应的标记----将xml的word文件的后缀名 ...

  3. IT职场: 选择外企利与弊

    前几天有个同学打电话问我选择国内企业与外企的利弊,很可笑的是他是学机械的:既然和我完全不在一个行业,因此我只是说了我们IT外企的利与弊,毕竟隔行如隔山. 首先简单自我介绍一下,我所在的公司是美资500 ...

  4. linux，shell脚本set -x的意思

    set -x a=10 命令执行结果: + a=10 echo $a + echo 10 10 set指令能设置所使用shell的执行方式,可依照不同的需求来做设置 -a 标示已修改的变量,以供输出至 ...

  5. mixer: mysql协议分析

    综述 要实现一个mysql proxy,首先需要做的就是理解并实现mysql通讯协议.这样才能通过proxy架起client到server之间的桥梁. mixer的mysql协议实现主要参考mysql ...

  6. 抓包工具Fidder详解

    第一步:下载神器Fiddler,下载链接: http://fiddler2.com/get-fiddler 下载完成之后,傻瓜式的安装一下了! 现在这个下载链接失效了,可以百度下载 第二步:设置Fid ...

  7. [Java]数组排序-选择排序 冒泡排序 插入排序

    1 选择排序  原理:a 将数组中的每个元素,与第一个元素比较          如果这个元素小于第一个元素, 就将这个         两个元素交换.       b 每轮使用a的规则, 可以选择出 ...

  8. mysql进阶(十八)完全卸载mysql数据库图文教程

    完全卸载mysql数据库图文教程 有时候MySQL不能完全卸载,这时候必须通过一些途径删除掉注册表和一些残余的文件,然后才能重新安装才可以成功! 方法/步骤 1.控制面板-->所有控制面板项-- ...

  9. 一个可以拖动的自定义Gridview代码

    这个可以拖动的gridview继承于gridview,所以,用法和gridview一样, 代码如下: public class DragGridView extends GridView { priv ...

  10. android studio添加project libs库步骤

    在Eclipse中选择要导出的项目,然后依次选择菜单 file->export->Android->Generate Gradle build files. 之后依次点击next到f ...