SpringBoot layui 实现复选框和回显+上传图片回显 全页面

最新推荐文章于 2022-01-26 23:32:26 发布
最新推荐文章于 2022-01-26 23:32:26 发布
阅读量973 收藏 3
点赞数
分类专栏： 框架 java编程 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41593847/article/details/101457767
版权
java编程 同时被 3 个专栏收录
18 篇文章 0 订阅
订阅专栏
框架
10 篇文章 0 订阅
订阅专栏
前端
5 篇文章 0 订阅
订阅专栏

ajax-form提交

前端代码：

<!DOCTYPE HTML>
<html  xmlns:th="http://www.thymeleaf.org">
<head th:include="_meta :: header">
    <title>添加</title>

</head>
<link rel="stylesheet" th:href="@{/xadmin/lib/formselect/formSelects-v4.css}">
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form form form-horizontal" id="form-materialMart-add" action="#" th:action="@{/admin/materialMart/edit}"
              th:object="${materialMart}" enctype="multipart/form-data">
            <input type="hidden" name="id" th:value="${materialMart.id}"/>
            <input type="hidden" id="checked" th:value="${materialProjects}"/>
            <div class="layui-form-item">
                <label class="layui-form-label">项目类型：</label>
                <div class="layui-input-block">
                    <select name="typeId" id="type" xm-select="select9" xm-select-search xm-select-create>
                        <option name="rights" th:each="recommendMenuSecond:${recommendMenuSeconds}" th:text="${recommendMenuSecond.menuName}" th:title="${recommendMenuSecond.menuName}" th:value="${recommendMenuSecond.id}"></option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item" style="margin-top: 50px">
                <label class="layui-form-label" style="width:80px;">项目标题：</label>
                <div class="layui-input-inline">
                    <input type="layui-input" class="layui-input" style="width: 738px;" th:value="${materialMart.title}"  name="title"  placeholder="添加项目标题" id="title"/>
                </div>
            </div>
<!--            <div class="layui-form-item">-->
<!--                <label class="layui-form-label" style="width:80px;">上传图标：</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="file" class="layui-input" th:value="${materialMart.Icon}" name="imageFile" multiple placeholder="添加项目图标" id="Icon"/>-->
<!--                </div>-->
<!--            </div>-->

            <div class="layui-form-item" style="margin-top: 50px">
                <label class="layui-form-label">项目图标：</label>
                <div class="imgcon" style="float: left">
                </div>
                <input type="hidden" value="" name="Icon"  class="goods_img">
                <div class="addimg" style="float: left">
                    <div id="drag" class="" title="将文件拖拽到此处上传">
                        <label for="fileupload" title="点击上传">
                            <img th:src="${materialMart.Icon}" style="height: 100px;width: 100px;" alt="">
                        </label>
                    </div>
                    <input style="display: none" id="fileupload" type="file" accept="image/*" name="imageFile"
                           multiple="multiple" data-url="/admin/materialMart/addFile">
                </div>
            </div>

            <!--                <div class="layui-form-item">-->
            <!--                    <label class="layui-form-label"><span-->
            <!--                            class="c-red">* </span>项目内容：</label>-->
            <!--                    <div class="layui-input-block">-->
            <!--                        <script id="editor" th:text="${materialMart.content}" name="content" autofocus type="text/plain" style="height: 500px">-->
            <!--                        </script>-->
            <!--                    </div>-->
            <!--                </div>-->
            <div class="layui-form-item layui-form-text" style="margin-top: 50px">
                <label for="introduction" class="layui-form-label" style="width:80px;">项目简介：</label>
                <div class="layui-input-block">
                    <textarea id="introduction" name="introduction" th:text="${materialMart.introduction}" class="layui-textarea" style="width:900px;height:200px;margin-right:20px;"></textarea>
                </div>
            </div>
            <div class="layui-form-item layui-form-text" style="margin-top: 50px">
                <label for="content" class="layui-form-label" style="width:80px;">项目内容：</label>
                <div class="layui-input-block">
                    <textarea id="content" name="content" th:text="${materialMart.content}" class="layui-textarea" style="width:900px;height:400px;margin-right:20px;"></textarea>
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 50px">
                <label class="layui-form-label" style="width:80px;">项目价格：</label>
                <div class="layui-input-inline">
                    <input type="layui-input" class="layui-input" th:value="${materialMart.price}" name="price"  placeholder="添加项目价格" id="price"/>
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 50px">
                <label class="layui-form-label" style="width:80px;">咨询电话：</label>
                <div class="layui-input-inline">
                    <input type="layui-input" class="layui-input" th:value="${materialMart.phoneNumber}"  name="phoneNumber"  placeholder="添加咨询电话" id="phoneNumber"/>
                </div>
            </div>

            <div class="layui-form-item" style="margin-top: 50px">
                <label class="layui-form-label" style="width:80px;">是否精选:</label>
                <div class="layui-input-block" style="width: 200px">
                    <select name="isGoods" id="isGoods">
                        <option th:value="${materialMart.isGoods}"></option>
                        <option th:text="是" th:value="1"></option>
                        <option th:text="否" th:value="0"></option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item" style="margin-top: 50px;margin-bottom: 60px;">
                <label class="layui-form-label">
                </label>
                <button  class="layui-btn" id="subbtn" type="submit" >
                    修改
                </button>
                <button  class="layui-btn" id="reset" type="reset" >
                    重置
                </button>
            </div>
        </form>
    </div>
</div>

<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs"></div>
<!--<div th:replace="_ueditor :: ueditor"></div>-->
<script th:src="@{/xadmin/lib/formselect/formSelects-v4.js}" charset="utf-8"></script>
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<link rel="stylesheet" type="text/css" th:href="@{/xadmin/lib/formSelect/formSelects-v4.css}"/>
<script type="text/javascript" th:src="@{/xadmin/lib/formselect/formSelects-v4.js}"></script>
<script th:src="@{/xadmin/lib/jQuery-File-Upload/js/vendor/jquery.ui.widget.js}"></script>
<script th:src="@{/xadmin/lib/jQuery-File-Upload/js/jquery.iframe-transport.js}"></script>
<script th:src="@{/xadmin/lib/jQuery-File-Upload/js/jquery.fileupload.js}"></script>
<script>
    layui.use(['form', 'layer','laydate'],function() {
        $ = layui.jquery;
        var form = layui.form,
            laydate = layui.laydate,
            layer = layui.layer;
        lay('.timeSpace').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
                ,type: 'datetime'
            });
        });
        //多选框回显
        var formSelects = layui.formSelects;
        var questionnaireList = $("#checked").val();
        console.log(questionnaireList);
        let arr = JSON.parse(String(questionnaireList))
        formSelects.value('select9', arr, true);
        formSelects.btns('select9', ['remove']);
    });

    $(function(){
        $("#form-materialMart-add").validate({
            rules:{
                type:{
                    required: true,
                },
                userId:{
                    required: true,
                },
                projectSortId:{
                    required: true,
                },
                title:{
                    required: true,
                },
                Icon:{
                    required: true,
                },
                content:{
                    required: true,
                },
                introduction:{
                    required: true,
                },
                price:{
                    required: true,
                },
                phoneNumber:{
                    required: true,
                },
                createTime:{
                    required: true,
                },
                updateTime:{
                    required: true,
                },
                isGoods:{
                    required: true,
                },
            },
            onkeyup:false,
            debug: true,
            success:"valid",
            submitHandler:function(form){
                $(form).ajaxSubmit({
                    type: 'POST',
                    url: "/admin/materialMart/edit" ,
                    success: function(data){
                        if(data.code == "1"){
                            selfmsg('修改成功!',1,function(){
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.location.reload();
                                parent.layer.close(index);
                            });
                        }else{
                            selfmsg('修改失败!');
                        }
                    },
                    error: function(){
                        selfmsg('修改异常!',5);
                    }
                });
            }
        });
    });

</script>
<!--上传图片-->
<script>
    //删除图片
    function closeImg(obj) {
        $(obj).parent().remove();
        // var goods_img = '';
        // $('.imgcon .img_div').each(function () {
        //     goods_img += $(this).find('img').attr('src') + ',';
        // })
        $('.meetingIcon').val('');
        if ($('.imgcon').children().length == 1) {
            $('.addimg').css('display', 'none');
        }
        if ($('.imgcon').children().length < 1) {
            $('.addimg').css('display', 'inline-block');
        }
    }
    //上传图片
    $(function () {
        $('#fileupload').fileupload({
            dataType: 'json',
            dropZone: $('#drag'),
            change: function (e, data) {
                var len = $('.imgcon').children().length;
                if (data.files.length > (1 - parseInt(len))) {
                    layer.msg('最多上传1张图片');
                    return false;
                }
            },
            start: function (e) {
                layer_msg = layer.msg('正在上传中…', {time: 100000000});
            },
            progressall: function (e, data) {
                $('.layui-layer-msg .layui-layer-content').html('已上传' + (data.loaded / data.total * 100).toFixed(2) + '%');
            },
            done: function (e, data) {
                layer.close(layer_msg);
                callback(data.result.msg);
            }
        });
        $('#drag').bind('drop dragover', function (e) {
            e.preventDefault();
        }).on('dragenter', function (e) {
            $(this).addClass('dragenter');
        }).on('drop', function (e) {
            $(this).removeClass('dragenter');
        }).on('dragleave', function (e) {
            $(this).removeClass('dragenter');
        });

        /**
         * 数据回调
         * @param id
         * @param value
         */
        function callback(value) {
            var $li = $(
                "<div class=\"img_div\">" +
                "<a οnclick=\"$(this).attr('href', $(this).find('img').attr('src'))\" type=\"button\"  data-lightbox=\"preview\">" +
                "<img src=\"" + value + "\" alt=\"\" style='height: 100px;width: 100px'>" +
                "</a>" +
                "<i class='layui-icon layui-icon-delete close' οnclick='closeImg(this)'></i>" +
                "</div>"
            );
            $('.imgcon').append($li);
            if ($('.imgcon').children().length == 1) {
                $('.addimg').css('display', 'none');
            }
            // var goods_img = '';
            // $('.imgcon .img_div').each(function () {
            //     goods_img += $(this).find('img').attr('src') + ',';
            // })
            $('.goods_img').val($(this).find('img').attr('src'));
        }

        //图片回显
        if ("$document.getElementsByName('name')" != '') {
            var goods_img = $(document.getElementsByName('name'));
            $('.goods_img').val(goods_img);
            // var arr = goods_img.split(',');
            // for (var i = 0; i < arr.length; i++) {
            //     if (arr[i] != '') {
            //         callback(arr[i]);
            //     }
            // }
            if ($('.imgcon').children().length == 1) {
                $('.addimg').css('display', 'none');
            }

        }
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>

后端代码：

package com.mbyte.easy.admin.controller;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.core.toolkit.StringUtils;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.mbyte.easy.admin.entity.MaterialMart;
import com.mbyte.easy.admin.entity.MaterialProject;
import com.mbyte.easy.admin.entity.ProjectSort;
import com.mbyte.easy.admin.entity.RecommendMenuSecond;
import com.mbyte.easy.admin.service.IMaterialMartService;
import com.mbyte.easy.admin.service.IMaterialProjectService;
import com.mbyte.easy.admin.service.IProjectSortService;
import com.mbyte.easy.common.controller.BaseController;
import com.mbyte.easy.common.web.AjaxResult;
import com.mbyte.easy.util.OssFileUtils;
import com.mbyte.easy.util.OssUtil;
import com.mbyte.easy.util.PageInfo;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import java.io.IOException;
import java.time.LocalDateTime;
import java.util.ArrayList;
import java.util.List;

/**
* <p>
* 物料商城内容管理
* </p>
* @author 吕金彪
* @since 2019-09-21
*/
@Slf4j
@Controller
@RequestMapping("/admin/materialMart")
public class MaterialMartController extends BaseController  {

    private String prefix = "admin/materialmart/";

    @Autowired
    private IMaterialMartService materialMartService;
    @Autowired
    private IMaterialProjectService materialProjectService;

    /**
    * 查询列表
    *
    * @param model
    * @param pageNo
    * @param pageSize
    * @param materialMart
    * @return
    */
    @RequestMapping
    public String index(Model model,@RequestParam(value = "pageNo", required = false, defaultValue = "1") Integer pageNo,@RequestParam(value = "pageSize", required = false, defaultValue = "20") Integer pageSize, MaterialMart materialMart) {
        Page<MaterialMart> page = new Page<MaterialMart>(pageNo, pageSize);
        IPage<MaterialMart> pageInfo = materialMartService.listPage(materialMart,page);
        model.addAttribute("searchInfo", materialMart);
        model.addAttribute("pageInfo", new PageInfo(pageInfo));
        return prefix+"list";
    }

    /**
    * 添加跳转页面
    * @return
    */
    @GetMapping("addBefore")
    public String addBefore(Model model){
        List<RecommendMenuSecond> recommendMenuSeconds = materialMartService.selectAllType();
        model.addAttribute("recommendMenuSeconds",recommendMenuSeconds);
        return prefix+"add";
    }

    /**
     * 添加页面图片保存跳转
     */
    String path = "";

    @PostMapping("addFile")
    @ResponseBody
    public AjaxResult addFile(@RequestParam("imageFile") MultipartFile imageFile) {
        path = OssFileUtils.uploadSingleFile(imageFile);
        return success(path);
    }

    /**
    * 添加
    * @param materialMart
    * @return
    */
    @RequestMapping("add")
    @ResponseBody
    public AjaxResult add(MaterialMart materialMart, String typeId){
        materialMart.setShareNumber(0);
        materialMart.setCreateTime(LocalDateTime.now());
        materialMart.setUpdateTime(LocalDateTime.now());
        if(materialMart.getPrice()==null){
            materialMart.setPrice(0);
        }
        //上传图片
        materialMart.setIcon(path);
        log.info("path："+path);
        //分割字符串typeId
        String[] strArr= StringUtils.split(typeId,",");

        //插入新建项目
        int change = materialMartService.insertAllMart(materialMart);
        log.info("change"+change);
        //插入对应类型到中间表
        MaterialProject materialProject=new MaterialProject();
        for (int i = 0; i < strArr.length; i++) {
            materialProject.setMaterialMartId( materialMart.getId());
            materialProject.setProjectSortId(Long.valueOf(strArr[i]));
            materialProject.setCreateTime(LocalDateTime.now());
            materialProject.setUpdateTime(LocalDateTime.now());
            materialMartService.insertMartType(materialProject);
        }

        return toAjax(change);
    }
    /**
    * 添加跳转页面
    * @return
    */
    @GetMapping("editBefore/{id}")
    public String editBefore(Model model,@PathVariable("id")Long id){
        //回显所有数据
        model.addAttribute("materialMart",materialMartService.getById(id));
        QueryWrapper<MaterialProject> queryWrapper=new QueryWrapper<>();
        queryWrapper.eq("material_mart_id",id);
        List<MaterialProject> materialProjects = materialProjectService.selectList(queryWrapper);
        List<Long> list=new ArrayList<>();
        for (MaterialProject materiaProject:materialProjects) {
            list.add(materiaProject.getProjectSortId());
        }

        //回传所有类型
        List<RecommendMenuSecond> recommendMenuSeconds = materialMartService.selectAllType();
        model.addAttribute("materialProjects",list);
        model.addAttribute("recommendMenuSeconds",recommendMenuSeconds);
        return prefix+"edit";
    }
    /**
    * 添加
    * @param materialMart
    * @return
    */
    @PostMapping("edit")
    @ResponseBody
    public AjaxResult edit(MaterialMart materialMart,
                           @RequestParam(required = false) String title,
                           @RequestParam(required = false) String content,
                           @RequestParam(required = false) Integer price,
                           @RequestParam(required = false) Integer phoneNumber,
                           String typeId){
        materialMart.setTitle(title);
        materialMart.setContent(content);
        materialMart.setPrice(price);
        materialMart.setPhoneNumber(phoneNumber);
        materialMart.setUpdateTime(LocalDateTime.now());
        //上传图片
        materialMart.setIcon(path);

        if(typeId!=null&&typeId!="") {
            //分割字符串typeId
            String[] strArr = StringUtils.split(typeId, ",");
            //删除该项目原属类
            materialMartService.deleteByMartId(materialMart.getId());
            //插入类型到中间表
            MaterialProject materialProject = new MaterialProject();
            for (int i = 0; i < strArr.length; i++) {
                materialProject.setMaterialMartId(materialMart.getId());
                materialProject.setProjectSortId(Long.valueOf(strArr[i]));
                materialProject.setCreateTime(LocalDateTime.now());
                materialProject.setUpdateTime(LocalDateTime.now());
                materialMartService.insertMartType(materialProject);
            }
        }
        return toAjax(materialMartService.updateById(materialMart));
    }
    /**
    * 删除
    * @param id
    * @return
    */
    @GetMapping("delete/{id}")
    @ResponseBody
    public AjaxResult delete(@PathVariable("id") Long id){
        //删除该项目原属类
        materialMartService.deleteByMartId(id);
        return toAjax(materialMartService.removeById(id));
    }
    /**
    * 批量删除
    * @param ids
    * @return
    */
    @PostMapping("deleteAll")
    @ResponseBody
    public AjaxResult deleteAll(@RequestBody List<Long> ids){
        //删除项目原属类
        for (Long id:ids) {
            materialMartService.deleteByMartId(id);
        }
        return toAjax(materialMartService.removeByIds(ids));
    }

}
qq_41593847
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot+thymeleaf+UEditor+不修改上传路径.zip
02-04
SpringBoot+Thymeleaf下整合UEditor，这里没有修改图片上传文件，只用默认的图片上传路径。资源有UEditor.1.4.3.3以及自定义Controller。
springboot的全选多选反选删除操作
KingEverything的博客
10-21 1504
1.在html页面id一栏中，要加入checkbox，并且命名好id <tr v-for="(v,key) in stu"> <td align="center"><input type="checkbox" name="id" id="id"></td> <td align="center"&...
若依平台——vue多项选择框的使用+springboot后台解析
鲸鱼姐的专栏
05-26 4026
背景：若依平台一个用户可以对应多个角色，角色在前端使用的是多项选择框，接下来通过前后台分析来学习下vue多项选择框的使用。 重点： （1）用户类中包含 该用户的角色数组 roleId[] （2）调用修改选择框时，同时将角色列表List<SysRole>和角色值roleIds[]赋值给select控件 （3）将返回的List<Integer> 赋值给选择框选中值roleIds[] （4）将返回的List<SysRole> roles赋值选择框列表roleOpt..
项目实战-SpringBoot+MyBatis+LayUI+Thymeleaf 权限系统
06-13
  该项目是一套基于springboot、mybatis、thymeleaf及layui的轻量级快速开发框架、脚手架、后台管理系统、权限系统，上手简单，拿来即用，通用的项目结构为广大开发者去除了大部分的复杂繁琐的代码工作。同时对学习springboot但无实战经验的学员可以快速上手。达到学以致用的效果（只有视频，项目源码，不包含其他）。    该项目零基础不建议报名，layui参考官方文档即可。部分页面效果：   
from 下拉框多个值提交_Spring Boot轻松实现接口幂等性（防重复提交）
weixin_39635567的博客
12-23 185
一、首先解释一下什么事接口幂等性：接口幂等性就是用户对于同一操作发起的一次请求或者多次请求的结果是一致的，不会因为多次点击而产生了副作用。举个最简单的例子，那就是支付，用户购买商品后支付，支付扣款成功，但是返回结果的时候网络异常，此时钱已经扣了，用户再次点击按钮，此时会进行第二次扣款，返回结果成功，用户查询余额后发现多扣钱了，流水记录也变成了两条．．．,这就没有保证接口的幂等性。二、那什么样的接口...
SpringBoot笔记：四种提交方式
m0_47268721的博客
10-24 2940
文章目录Rest风格代码实现 Rest风格 rest风格就是同一路径对应不同提交方式实现不同的功能，提交方式有四种 post get put delete 代码实现 源码中发现我们需要配置一个 mvc: hiddenmethod: filter: enabled: true 然后在表单中多提交一个隐藏项，因为表单提交只支持get和post <form action="/user" METHOD="post"> <input type="hidden" name="_metho
springboot--03(下拉多选框的使用)
最后的武艺集大成者
04-10 2032
1.页面 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" xmlns:sjdf="http://thymeleafexamples"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut...
layui表格数据复选框回显设置方法
10-16
今天小编就为大家分享一篇layui表格数据复选框回显设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于layui的下拉列表的数据回显方法
10-16
今天小编就为大家分享一篇基于layui的下拉列表的数据回显方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
SpringBoot之图片上传与回显
08-18
SpringBoot之图片上传与回显的小Demo，非常适合初学者上手。本人博客也写了关于图片上传与回显的一些细节，大家可以参考。
SpringBoot+layui实现文件上传功能
08-27
Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。这篇文章主要介绍了SpringBoot+layui实现文件上传,需要的朋友可以参考下
layui实现下拉复选功能的例子(包括数据的回显与上传)
10-16
今天小编大家分享一篇layui实现下拉复选功能的例子(包括数据的回显与上传)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Springboot+Thymeleaf提交复选表格数据给后台[toolbar]
进击的Coder菜鸟
08-31 7224
泪目。。。 Thymeleaf官方文档都没查到“toolbar”这玩意。。 后台管理要做一个一键通过，一键驳回的按钮，逻辑很简单，给表格添加复选，选中全部或者多行提交给后台，然后修改数据即可。然鹅过程很曲折： 这个模板框架表格复选框是自带的，网页查看源代码能看到，但是再html页面却是隐藏的。。。因为是模板咯 找不到控制按钮，选中后就没法进行操作... 后来全局搜索在src\main\r...
JQuery购物车商品全选，多选购买功能实现(Spring boot + thymeleaf)
n20164206199的博客
04-30 3354
实现效果图：红格子都是可以变动的 1.全选按钮 <div class="cart-title"> <h4 class="panel-title"> <span><input type="checkbox" class="select_all"/>全选</span><span>商品</span><sp...
springboot+thymeleaf 复选框及内容处理
lswMasic的博客
01-26 2252
前端页面设置代码： <td> <!--多选框--> <input type="checkbox" name="parkingList" th:value="${parkingInfos.getPno()}" th:text="${parkingInfos.getPno()}" > </td> 展示效果如下： 在后端对于复选框的参数及内容处理，获得复选框中选中内容办法： /* 车位信息批量管理 修改销售状态 */ @RequestMapp
Java后端爱上SpringBoot 第五节:SpringBoot 批量提交
baidu_37307156的博客
12-31 2647
Java后端爱上SpringBoot 第五节:Spring-Data-JPA批量提交Spring-Data-JPA批量提交EntityManager批量提交NamedParameterJdbcTemplate批量提交 PS:因为项目中用到了批量提交，因此来记录一下几种批量提交的方式。 Spring-Data-JPA批量提交 随便找一个实体的Repository来进行提交： 贴一下单元测试类： ...
SpringMVC 接收多个checkbox提交参数的问题
热门推荐
zero_295813128的专栏
10-12 2万+
springMVC在接收多个checkbox提交表单参数的时候的问题！！！！！！ 当前端表单序列化为json对象提交checkbox数据的时候有个这样的问题， 如图我有3个checkbox的数据，checkbox的name为position,当值勾选一个的时候springMVC接收参数的时候的name为position,当提交一个以上的时候接收前端的参数需要时数组，这时候需
SpringBoot：layui表单文件上传
chuchongza8019的博客
09-28 966
http://yunzhu.iteye.com/blog/2177923 layui+springboot使用FormData文件上传 HTML代码： <form class="layui-form layui-form-pane" id="fm"...
layui+springboot+thymeleaf上传图片接口并显示图片
皮皮鹏的博客
05-23 1万+
layui+springboot+thymeleaf上传图片接口并显示图片 前端页面 前端使用的是开源框架layui。layui提供了一个上传文件的组件，使用方式如下： html javascript &lt;script&gt; layui.use('upload',function(){ var $=layui.jquery ...
vue+springboot+ffmpeg实现视频上传以及回显
最新发布
05-05
实现视频上传和回显，需要涉及前端页面、后端接口以及视频处理等多方面的技术。下面我将从这些方面一步一步介绍具体实现方法。 1. 前端页面 前端页面需要有一个上传视频的功能，可以使用`<input type="file">`标签...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值