SpringBoot 移动复制功能的实现

最新推荐文章于 2024-01-17 00:24:40 发布
最新推荐文章于 2024-01-17 00:24:40 发布
阅读量3.8k 收藏 5
点赞数 8
分类专栏： springboot Vue 移动复制 文章标签： SpringBoot Java Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34037264/article/details/103124659
版权
springboot 同时被 3 个专栏收录
32 篇文章 1 订阅
订阅专栏
Vue
7 篇文章 0 订阅
订阅专栏
移动复制
1 篇文章 0 订阅
订阅专栏

这个功能要求的是我们选中的条数然后去进行一个复制或者移动到别的一个分类去。

可能是多条一起操作，也可能是一条去操作。

我们选择的数据，移动到比它大的一个分类里面

我们先实现一下效果吧，这个效果主要是在html的一个页面的效果。

先附上显示截图吧，我们复制和移动到的分类这个是从数据库中查出来的。

先附上表结构吧，没有表结构可能理解的不是很清晰

1、新闻表 news 外键c_id

 

2、新闻类型表 category 主键cid

接下来应该考虑的是移动和复制的分类列表是怎么出来的

我是ajax请求后台传值然后返回json数据去循环数据

这个没什么好说的很好理解

先附上dao层的代码 CategoryDao

package com.msfh.news.dao;

import com.msfh.news.eneity.Category;
import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
import org.springframework.data.repository.PagingAndSortingRepository;

public interface CategoryDao extends PagingAndSortingRepository<Category, Integer>, JpaSpecificationExecutor<Category> {

}

这里可以看得出来dao层里并没有代码，主要是我们继承的接口

 

service层 CategoryService

package com.msfh.news.service;

import com.msfh.news.dao.CategoryDao;
import com.msfh.news.eneity.Category;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class CategoryService {
    @Autowired
    private CategoryDao categoryDao;

    /**
     * 查询categroy这个表的所有数据
     * @return categroy这个表的所有数据
     */
    public Iterable<Category> findAll(){
        return categoryDao.findAll();
    }
}

controller层

CategoryController

package com.msfh.news.controller;

import com.msfh.news.eneity.Category;
import com.msfh.news.service.CategoryService;
import net.sf.json.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;

@Controller
@RequestMapping("category")
public class CategoryController {
    @Autowired
    private CategoryService categoryService;

    /**
     * ajax请求查询categroy表的所有数据
     * @return
     */
    @RequestMapping("findAll")
    @ResponseBody
    public Iterable<Category> findAll(){
        return categoryService.findAll();
    }
}

html Categoryhtml

    <table class="table table-hover text-center">
      <tr>
        <th width="100" style="text-align:left; padding-left:20px;">ID</th>
        <th>内容</th>
        <th>名称</th>
        <th>分类名称</th>
        <th>作者</th>
        <th>缩略图</th>
        <th width="10%">更新时间</th>
        <th width="310">操作</th>
      </tr>


        <tr v-for="ns,key in newss">
          <td style="text-align:left; padding-left:20px;">
            <input type="checkbox" name="nid"  :value="ns.nid" v-model="nids" />
                              排序: <input type="text" style="width: 33px;" v-model="ns.u_id" @blur="sort(ns.nid,ns.u_id)" />
          </td>
          <td>{{ns.content}}</td>
          <td>{{ns.title}}</td>
          <td style="cursor:pointer;"><font color="#00CC99"  bgid="56"  class='is_show' @click="changeishome(ns.nid,ns.author)">{{ns.author}}</font></td>
          <td>{{ns.cname}}</td>
          <td><img v-bind:src="ns.images" width="50"/></td>
          <td>{{ns.addtime}}</td>
          <td><div class="button-group"> <a class="button border-main" v-on:click="doEdit(ns.nid)"><span class="icon-edit"></span> 修改</a> <a class="button border-red" v-on:click="del(ns.nid,key)"><span class="icon-trash-o"></span> 删除</a>  </div></td>
        </tr>


      <tr>
        <td style="text-align:left; padding:19px 0;padding-left:20px;">
          <input type="checkbox" v-model='checked' v-on:click='checkedAll'> 全选
        </td>
        <td colspan="7" style="text-align:left;padding-left:20px;">
          <a  class="button border-red icon-trash-o" style="padding:5px 15px;" v-on:click="deleteAll()"> 删除</a>
          <a  style="padding:5px 15px; margin:0 10px;" class="button border-blue icon-edit" v-on:click="downloadfile()"> 数据导出</a>
          &nbsp;&nbsp;&nbsp;
          操作：
          <select name="ishome" style="padding:5px 15px; border:1px solid #ddd;">
            <option value="">首页</option>
            <option value="1">是</option>
            <option value="0">否</option>
          </select>
          <select name="isvouch" style="padding:5px 15px; border:1px solid #ddd;" onchange="changeisvouch(this)">
            <option value="">推荐</option>
            <option value="1">是</option>
            <option value="0">否</option>
          </select>
          <select name="istop" style="padding:5px 15px; border:1px solid #ddd;" onchange="changeistop(this)">
            <option value="">置顶</option>
            <option value="1">是</option>
            <option value="0">否</option>
          </select>
          &nbsp;&nbsp;&nbsp; 
          	移动到：
	        <select name="movetid" style="padding:5px 15px; border:1px solid #ddd;" @change="changecate()" v-model="cid">
	            <option value="0">请选择分类</option>
	            <option v-for="cate in category" :value="cate.cid">{{cate.cname}}</option>
		 	</select>
            <select name="movetid" style="padding:5px 15px; border:1px solid #ddd;" @change="changecopy()" v-model="c_id">
	            <option value="0">请选择复制</option>
	            <option v-for="cate in category" :value="cate.cid">{{cate.cname}}</option>
		 	</select>
      </tr>

      <tr><td colspan="8"><div class="pagelist"> 当前第 1 页 总数 11 个  <a href="/fangkuo/admin/list.php?page?page=1">首页</a>   <a href="/fangkuo/admin/list.php?page?page=1">上页</a> <a href="/fangkuo/admin/list.php?page?page=1">下页</a>  <a href="/fangkuo/admin/list.php?page?page=1">尾页</a>   </div></td>

    </table>

vue的方法和ajax


  var vm = new Vue({
    el:"#app",
    data:{
      newss:[],
      title:"",
      checked:"",
      nids:[],
      category:[],
      cid:0,
      c_id:0,
      all: 10, //总页数
      cur: 1,//当前页码
      totalPage: 0,//当前条数
    },
    mounted(){
      
      this.showCategory();
    },//mounted
    methods:{
 	 
      showCategory:function(){
    	//  alert(1);
    	$.post("/category/findAll",{},function(data){
    		//alert(JSON.stringify(data));
    		var len = data.length;
    		for(var i=0;i<len;i++){
    			vm.category.push(data[i]);
    		}
    		//alert(JSON.stringify(vm.category));
    	});
      },//showCategory

接下来是复制和移动的一些代码

显示news dao层的代码

NewsDao 这里同样的是继承接口的方法

package com.msfh.news.dao;

import com.msfh.news.eneity.News;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.PagingAndSortingRepository;

import java.util.List;
import java.util.Map;

public interface NewsDao extends PagingAndSortingRepository<News, Integer>, JpaSpecificationExecutor<News> {
    
}

service层

NewsService

package com.msfh.news.service;

import com.msfh.news.dao.NewsDao;
import com.msfh.news.eneity.News;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Map;

@Service
public class NewsService {
    @Autowired
    private NewsDao newsDao;

  
    /**
     * 向news添加一条数据
     */
    public void save(News news){
         newsDao.save(news);
         System.out.println(news.getNid());
    }
    
}

最后是controller层

这个是重要的我会把每一部分代码分开写

不过以下代码都是controller层的

NewsController

1、第一部分的是移动和复制的代码

    /**
    * 这个是移动代码
    */
    @RequestMapping("findByNidEdit")
    @ResponseBody
    public JSONObject findByNidEdit(HttpServletRequest request) {
    	JSONObject data = new JSONObject();
    	String nids = request.getParameter("nids");
    	Integer cid = Integer.parseInt(request.getParameter("cid"));
    	JSONArray jsonArray = JSONArray.fromObject(nids);
    	for (int i = 0; i < jsonArray.size(); i++) {
			News news = newsService.findByNid(jsonArray.getInt(i));
			news.setC_id(cid);
			newsService.save(news);
		}
    	data.put("success","成功");
        data.put("status",1);
        return data;
    }

移动的很简单

2、接下来是复制的代码，复制的时候我们需要去用到克隆，克隆之后我们需要去复制图片文件，并且我们需要去给复制的这条数据重新给图片名称赋值，而且涉及到了一个重新命名，这里我们调了一个时间戳+随机数的方法来命名

我们随机名称的方法是做的一个静态的方法直接调用就可以

@RequestMapping("newsCopy")
    @ResponseBody
    public JSONObject newsCopy(HttpServletRequest request) throws CloneNotSupportedException{
    	JSONObject data = new JSONObject();
    	String nids = request.getParameter("nids");
    	Integer cid = Integer.parseInt(request.getParameter("cid"));
    	JSONArray jsonArray = JSONArray.fromObject(nids);
    	for (int i = 0; i < jsonArray.size(); i++) {
			News news = newsService.findByNid(jsonArray.getInt(i));
			//JSONObject jsonObject = JSONObject.fromObject(news);
			//jsonObject.discard("nid");
			News copy = (News) news.clone();
			File f1 = new File("D:\\E\\"+copy.getImages());
	        // 目标文件
			String fileName = generateRandomFilename()+".jpg";
	        File f2 = new File("D:\\E\\"+fileName);

	        try {
	            // 这个 win10系统 大概是 3.50G 的 复制过程 花了 156 秒 == 2 分6 秒
	            copyFile(f1, f2);
	        } catch (Exception e) {
	            e.printStackTrace();
	        }
			copy.setNid(null);
			copy.setImages(fileName);
			copy.setC_id(cid);
			newsService.save(copy);
		}

        

    	data.put("success","成功");
        data.put("status",1);
        return data;
    }

随机名称

 private static byte[] lock = new byte[0];
	// 位数，默认是8位
	private final static long w = 100000000;
    //生成随机文件名，防止上传文件后文件名重复
    public static String generateRandomFilename(){ 
    	long r = 0;
		synchronized (lock) {
			r = (long) ((Math.random() + 1) * w);
		}
 
		return System.currentTimeMillis() + String.valueOf(r).substring(1);
    }

最后是复制文件的一个方法，这里也是写的一个静态方法是直接给复制文件方法写的一个静态方法，也是直接调用传值

就可以搞定。

 /**
     * 复制文件
     *
     * @param resource
     * @param target
     */
    public static void copyFile(File resource, File target) throws Exception {
        // 输入流 --> 从一个目标读取数据
        // 输出流 --> 向一个目标写入数据

        long start = System.currentTimeMillis();

        // 文件输入流并进行缓冲
        FileInputStream inputStream = new FileInputStream(resource);
        BufferedInputStream bufferedInputStream = new BufferedInputStream(inputStream);

        // 文件输出流并进行缓冲
        FileOutputStream outputStream = new FileOutputStream(target);
        BufferedOutputStream bufferedOutputStream = new BufferedOutputStream(outputStream);

        // 缓冲数组
        // 大文件 可将 1024 * 2 改大一些，但是 并不是越大就越快
        byte[] bytes = new byte[1024 * 2];
        int len = 0;
        while ((len = inputStream.read(bytes)) != -1) {
            bufferedOutputStream.write(bytes, 0, len);
        }
        // 刷新输出缓冲流
        bufferedOutputStream.flush();
        //关闭流
        bufferedInputStream.close();
        bufferedOutputStream.close();
        inputStream.close();
        outputStream.close();

        long end = System.currentTimeMillis();

        System.out.println("耗时：" + (end - start) / 1000 + " s");

    }

接下来是html部分

这里是@change方法调用的

移动到：
	        <select name="movetid" style="padding:5px 15px; border:1px solid #ddd;" @change="changecate()" v-model="cid">
	            <option value="0">请选择分类</option>
	            <option v-for="cate in category" :value="cate.cid">{{cate.cname}}</option>
		 	</select>
            <select name="movetid" style="padding:5px 15px; border:1px solid #ddd;" @change="changecopy()" v-model="c_id">
	            <option value="0">请选择复制</option>
	            <option v-for="cate in category" :value="cate.cid">{{cate.cname}}</option>
		 	</select>

这里是vue的方法

  var vm = new Vue({
    el:"#app",
    data:{
      newss:[],
      title:"",
      checked:"",
      nids:[],
      category:[],
      cid:0,
      c_id:0,
      all: 10, //总页数
      cur: 1,//当前页码
      totalPage: 0,//当前条数
    },
    mounted(){
      //this.dataListFn(1);
      this.showCategory();
    },//mounted
    methods:{
 	  changecate:function(){
 		  //alert(JSON.stringify(vm.cid));
 		  $.post("/news/findByNidEdit",{nids:JSON.stringify(vm.nids),cid:vm.cid},function(data){
 			  if(data.status == 1){
 				  alert(data.success);
 			  }
 		  });
 	  },//changecate
 	 changecopy:function(){
 		 $.post("/news/newsCopy",{nids:JSON.stringify(vm.nids),cid:vm.c_id},function(data){
			  if(data.status == 1){
				  alert(data.success);
			  }
		  });
 	 },//changecope
      showCategory:function(){
    	//  alert(1);
    	$.post("/category/findAll",{},function(data){
    		//alert(JSON.stringify(data));
    		var len = data.length;
    		for(var i=0;i<len;i++){
    			vm.category.push(data[i]);
    		}
    		//alert(JSON.stringify(vm.category));
    	});
      },//showCategory
      
      downloadfile:function(){
        window.location.href="/UserExcelDownloads";
      },
      checkedAll: function() {
        var _this = this;
        //遍历数组列表
          this.newss.forEach(function(ns, index) {
           if(_this.nids.indexOf(ns.nid)==-1){//判断某元素是否存在于数组中
             //默认选中的数组
             _this.nids.push(ns.nid);
           }else{//存在则移除
             var nkey = _this.nids.indexOf(ns.nid);
             _this.nids.splice(nkey,1);
           }
          });
      },
     
      //分页
      btnClick: function(data){//页码点击事件
        if(data != this.cur){
          this.cur = data
        }
        //根据点击页数请求数据
        this.dataListFn(this.cur.toString());
      },//btnClick
      pageClick: function(){
        //根据点击页数请求数据
        this.dataListFn(this.cur.toString());
      },//pageClick
    },//methods
    watch: {
      'nids': {
        handler: function(val, oldVal) {
          if (val.length === this.newss.length) {
            this.checked = true;
          } else {
            this.checked = false;
          }
        },
        deep: true
      }
    },
   

  });

最后放一下实体类的克隆方法

实体需要继承一个接口

package com.msfh.news.eneity;

import javax.persistence.*;
import java.sql.Timestamp;

@Entity(name = "news")
@Table(name = "news")
public class News  implements Cloneable{
    public News(){

    }
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Integer nid;
    private String title;
    private String content;
    private java.sql.Timestamp addtime;
    private String author;
    private Integer u_id;
    private Integer c_id;
    private String images;
    public String getImages() {
		return images;
	}

	public void setImages(String images) {
		this.images = images;
	}

	public Integer getNid() {
        return nid;
    }

    public void setNid(Integer nid) {
        this.nid = nid;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public Timestamp getAddtime() {
        return addtime;
    }

    public void setAddtime(Timestamp addtime) {
        this.addtime = addtime;
    }

    public String getAuthor() {
        return author;
    }

    public void setAuthor(String author) {
        this.author = author;
    }

    public Integer getU_id() {
        return u_id;
    }

    public void setU_id(Integer u_id) {
        this.u_id = u_id;
    }

    public Integer getC_id() {
        return c_id;
    }

    public void setC_id(Integer c_id) {
        this.c_id = c_id;
    }
    
    @Override
    public Object clone() throws CloneNotSupportedException {
	// TODO Auto-generated method stub
	return super.clone();
    }

}

 

满世繁华
关注
  • 8
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot + MultipartFile 实现文件上传以及文件转移的功能以及配置全局捕获上传文件过大异常
十_Java从入门到精通
03-15 913
2019-03-15 话不多说直接上代码 application.yml：因为Linux环境与Windows环境路径不一致，暂时用Windows环境测试 server: port: 8891 #文件上传Windows upload: path: #临时目录 temporary: E:/upload/temporary/ #正式目录 formal: E:/u...
SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下（指定文件夹下）
weixin_44340573的博客
09-01 2662
SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下（指定文件夹下） 最终效果： 前端浏览本地文件，点击上传至本地resources/static/images/imgWall下 主要分为一下几个步骤： 构造前端页面的表单，需要注意的是< form >标签的属性设置enctype=“multipart/form-data”，以及提交方式设置为post <form action="#" th:action="@{/admin/upload}" method="post"
Springboot vue导出功能实现代码
08-19
主要介绍了Springboot vue导出功能实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
liunx 解压多个zip，并递归提取文件夹及子文件夹内文件移动到目标文件夹下
qq_37946291的博客
12-31 382
解压文件 for z in *.zip; do unzip $z; done 提取文件并移动 find ./ -type f -exec mv {} ./ \; find 查找 ./ 当前目录 -type f 文件 mv 移动 {} 所有找到的文件 ./ 待移动到的目标位置 \ 结束 ...
SpringBoot-项目复制
最新发布
踏雨歌青春，诗酒趁年华
01-17 1668
项目复制是指通过复制现有的Spring Boot项目来创建一个新的项目，以便快速搭建基于相似功能或结构的应用程序。本文介绍如何通过项目复制快速搭建一个新的SpringBoot项目。
Springboot项目上传图片文件并存入指定目录
qq_40950903的博客
07-08 6551
一 .上传图片到指定目录 /** * 测试文件上传 */ @RequestMapping("/testFileUpload") public R testFileUpload(@RequestParam MultipartFile upload, HttpServletRequest request) throws Exception{ //上传文件的位置,默认会在项目根目录找static文件夹,需手动创建,不然找到是临时路径。 Strin
vue+SpringBoot实现：修改部分字段内容并复制该条数据
weixin_53815644的博客
02-28 1693
一、需求描述： 选中一条数据，可实现修改部分字段，并新增一条数据，新增的该条数据除修改的字段外，均与原数据相同。 二、思路： 1.前端添加按钮，并在dialog中放入需要修改的字段 2.在method中，调用新接口，该接口可在后台用projectId（id）查询到该条数据的其他字段值，并在下面进行赋值，然后调用add方法（参数保存在新的form表单中进行传参） 三、前端代码 1.api： export const getProjectIdById = (id) => { retur
springboot项目图片的上传和下载
qq_44750631的博客
10-18 1020
初学springboot项目图片的上传和下载遇到的问题
介绍如何使用Spring Boot集成华为云OBS，实现文件的复制操作？
网络技术联盟站
07-08 301
华为云OBS提供了文件复制的功能，可以在同一个存储桶内或不同的存储桶之间复制文件。指定源文件的存储桶名称和文件路径。指定目标文件的存储桶名称和文件路径。调用OBS的复制文件接口进行文件复制操作。文件复制操作可以在不同存储桶之间进行，也可以在同一个存储桶内进行，实现了文件的灵活复制和管理。
SpringBoot整合MyBatis实现数据库数据的增删改查
arckcck的博客
12-20 3161
SpringBoot整合MyBatis实现数据库数据的增删改查
springboot文件上传路径保存数据库并且可以复制路径网页访问图片
12-14
里面是完整的案例 自己项目里面摘出来的 项目亲测有效
springboot分页查询功能实现讲解
04-14
学习了SpringBoot分页查询的两种写法，一种是手动实现，另一种是使用框架实现。现在我将具体的实现流程分享一下。
springBoot登录注册功能的实现
04-12
springBoot的登录、注册功能的实现，适用于新手小白，Tomcat端口号为8088
SpringBoot实现验证码功能
01-24
https://phoenix.blog.csdn.net/article/details/128756931
springboot整合JasperReport实现报表功能
05-26
springboot整合JasperReport实现报表功能文章所需的全部资源
SpringBoot的配置文件
热门推荐
坚持去坚持。
02-14 2万+
SpringBoot配置文件类型 SpringBoot配置文件类型和作用 SpringBoot是基于约定的，所以很多配置都有默认值，但如果想使用自己的配置替换默认配置的话，就可以使用application.properties或者application.yml（application.yaml）进行配置。 SpringBoot默认会从Resources目录下加载application.pro...
SpringBoot+MyBatis 整合导出数据 选择导出 不选择默认全部导出
坚持去坚持。
12-05 7643
选择导出其实没什么特别的 首先我们需要在实体类中添加注解 你想让它在Excel中位于第几列得弄出来所以说我们需要写第几列order=1就是第一列 如果我们想要表连接查询导出我们需要在实体类中写它表连接导出的属性 在dao.xml中也需要写新的声明， 同时需要在sql语句代码中给名字重写（as）要和在实体类中写的属性的名称一样 @ExcelResources(title="成绩编...
利用 ajax 上传图片 删除图片 (Spring Boot)
坚持去坚持。
11-12 6776
效果如下： 1.启动类中加入 SpringBoot重写addResourceHandlers映射文件路径 @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/imctemp-rainy...
SpringBoot 项目中Controller接收两个实体
坚持去坚持。
01-22 5916
SpringBoot 项目中Controller接收两个实体 之前在测试时，直接在控制器部门接收两个实体，然后报了错，这边就不进行演示了。 1.解决方法 1.实体二合一 首先我们去准备两个实体，一个合一的实体类。如下： user： public class User { private Long id; private String userName; } book: public class Book { private Long id; private String
springboot用户注册功能实现
04-23
关于springboot用户注册功能的实现，在此分享一种简单的思路： 1. 创建用户实体类，包含用户名、密码等基本信息； 2. 创建用户Dao层，实现用户信息的持久化操作； 3. 创建用户Service层，实现业务逻辑，如用户注册...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值