分页：

　　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. Struts2 源码剖析 控制部分-----1

    这部分着重分析从我们发出一个uri请求,一直到代码运行到我们自己写的action类为止,struts的控制部分的代码(还有数据流部分,我们后面再分析) 已经用了快1年多的struts2了,一直认为对开 ...

  2. 如何利用BI搭建电商数据分析平台

    某电商是某大型服装集团下的重要销售平台.2015 年,该集团品牌价值达数百亿元,产品质量.市场占有率.出口创汇.销售收入连年居全国绒纺行业第一,在中国有终端店3000多家,零售额80 亿.其羊绒制品年 ...

  3. EXCEPTION与ERROR的区别

    EXCEPTION与ERROR的区别

  4. UNIX环境高级编程——标准I/O库函数和Unbuffered I/O函数

    以写文件为例,C标准I/O库函数(printf(3) .putchar(3) .fputs(3) )与系统调用write(2) 的关 系如下图所示. 库函数与系统调用的层次关系 open .read ...

  5. windows与linux下的\r\n

    \n   为ASCII的0x0a   换行        \r   为ASCII的0x0d   回车         在windows   系统中,当你输入回车时会自动变成\r\n        在l ...

  6. (NO.00001)iOS游戏SpeedBoy Lite成形记(十四)

    下面要启用场景的触摸功能,在GameScene.m的didLoadFromCCB方法里添加下面一行: self.userInteractionEnabled = YES; 然后还需要给GameScen ...

  7. Spring BeanFacoty doCreateBean方法分析

    上一篇,我们分析到了doCreateBean,现在继续: 先看看时序图 protected Object doCreateBean(final String beanName, final RootB ...

  8. H5学习之旅-H5的格式化（4）

    H5的格式设置: b代表是粗体 i斜体 big 字体变大 small变小 em强调 strong 加强和变粗差不多 sub 定义下标字 sup 定义上标字 ins 插入字 del 删除字 代码实例 & ...

  9. Ionic APP-Web SPA开发进阶(二)Ionic进阶之路由去哪了

    Ionic进阶之路由去哪了 项目需求 在查看药品时,从药品列表中可以通过点击药品列表获取某一药品详情.提交订单时,同样可以查看药品详情.两种情形下,从药品详情返回后,应分别返回至原来的页面.如下图所示 ...

  10. Java进阶(八)Java加密技术之对称加密 非对称加密 不可逆加密算法

    对称加密 非对称加密 不可逆加密算法 根据密钥类型不同可以将现代密码技术分为两类:对称加密算法(私钥密码体系)和非对称加密算法(公钥密码体系). 1 对称加密算法 原理 对称加密算法中,数据加密和解密 ...