nbcio-boot移植到若依ruoyi-nbcio平台里一formdesigner部分(三)

      因为这个版本的若依plus不支持本地文件上传,所以需要增加这些本地上传文件的后端代码

和前端代码修改。

  1、后端部分

  先配置跳过测试吧,平时编译也不需要这个

<!--添加配置跳过测试--><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-surefire-plugin</artifactId><version>2.22.2</version><configuration><skipTests>true</skipTests></configuration></plugin><!--添加配置跳过测试-->

增加一个公共上传接口

package com.ruoyi.web.controller.common;import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import java.util.HashMap;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import com.ruoyi.common.config.RuoYiConfig;
import com.ruoyi.common.constant.Constants;
import com.ruoyi.common.core.domain.R;
import com.ruoyi.common.utils.StringUtils;
import com.ruoyi.common.utils.file.FileUploadUtils;
import com.ruoyi.common.utils.file.FileUtils;
import com.ruoyi.framework.config.ServerConfig;/*** 通用请求处理* * @author ruoyi*/
@RestController
@RequestMapping("/common")
public class CommonController
{private static final Logger log = LoggerFactory.getLogger(CommonController.class);@Autowiredprivate ServerConfig serverConfig;private static final String FILE_DELIMETER = ",";/*** 通用下载请求* * @param fileName 文件名称* @param delete 是否删除*/@GetMapping("/download")public void fileDownload(String fileName, Boolean delete, HttpServletResponse response, HttpServletRequest request){try{if (!FileUtils.checkAllowDownload(fileName)){throw new Exception(StringUtils.format("文件名称({})非法,不允许下载。 ", fileName));}String realFileName = System.currentTimeMillis() + fileName.substring(fileName.indexOf("_") + 1);String filePath = RuoYiConfig.getDownloadPath() + fileName;response.setContentType(MediaType.APPLICATION_OCTET_STREAM_VALUE);FileUtils.setAttachmentResponseHeader(response, realFileName);FileUtils.writeBytes(filePath, response.getOutputStream());if (delete){FileUtils.deleteFile(filePath);}}catch (Exception e){log.error("下载文件失败", e);}}/*** 通用上传请求(单个)*/@PostMapping("/upload")@ResponseBodypublic R<Map<String, String>> uploadFile(MultipartFile file) throws Exception{try{// 上传文件路径String filePath = RuoYiConfig.getUploadPath();// 上传并返回新文件名称String fileName = FileUploadUtils.upload(filePath, file);String url = serverConfig.getUrl() + fileName;Map<String, String> map = new HashMap<>(2);map.put("url", url);map.put("fileName", fileName);map.put("newFileName", FileUtils.getName(fileName));map.put("originalFilename", file.getOriginalFilename());return R.ok(map);}catch (Exception e){return R.fail(e.getMessage());}}/*** 通用上传请求(多个)*/@PostMapping("/uploads")@ResponseBodypublic R<Map<String, String>>  uploadFiles(List<MultipartFile> files) throws Exception{try{// 上传文件路径String filePath = RuoYiConfig.getUploadPath();List<String> urls = new ArrayList<String>();List<String> fileNames = new ArrayList<String>();List<String> newFileNames = new ArrayList<String>();List<String> originalFilenames = new ArrayList<String>();for (MultipartFile file : files){// 上传并返回新文件名称String fileName = FileUploadUtils.upload(filePath, file);String url = serverConfig.getUrl() + fileName;urls.add(url);fileNames.add(fileName);newFileNames.add(FileUtils.getName(fileName));originalFilenames.add(file.getOriginalFilename());}Map<String, String> map = new HashMap<>(2);map.put("urls", StringUtils.join(urls, FILE_DELIMETER));map.put("fileNames", StringUtils.join(fileNames, FILE_DELIMETER));map.put("newFileNames", StringUtils.join(newFileNames, FILE_DELIMETER));map.put("originalFilenames", StringUtils.join(originalFilenames, FILE_DELIMETER));return R.ok(map);}catch (Exception e){return R.fail(e.getMessage());}}/*** 本地资源通用下载*/@GetMapping("/download/resource")public void resourceDownload(String resource, HttpServletRequest request, HttpServletResponse response)throws Exception{try{if (!FileUtils.checkAllowDownload(resource)){throw new Exception(StringUtils.format("资源文件({})非法,不允许下载。 ", resource));}// 本地资源路径String localPath = RuoYiConfig.getProfile();// 数据库资源地址String downloadPath = localPath + StringUtils.substringAfter(resource, Constants.RESOURCE_PREFIX);// 下载名称String downloadName = StringUtils.substringAfterLast(downloadPath, "/");response.setContentType(MediaType.APPLICATION_OCTET_STREAM_VALUE);FileUtils.setAttachmentResponseHeader(response, downloadName);FileUtils.writeBytes(downloadPath, response.getOutputStream());}catch (Exception e){log.error("下载文件失败", e);}}
}

增加上传的全局参数

  # 本地:local\Minio:minio\阿里云:aliossuploadtype: local#文件上传根目录 设置profile: /home/nbcio

增加文件工具类

package com.ruoyi.common.utils.file;import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;
import java.nio.charset.StandardCharsets;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.io.IOUtils;
import org.apache.commons.lang3.ArrayUtils;
import com.ruoyi.common.config.RuoYiConfig;
import com.ruoyi.common.utils.DateUtils;
import com.ruoyi.common.utils.StringUtils;
import com.ruoyi.common.utils.uuid.IdUtils;
import org.apache.commons.io.FilenameUtils;/*** 文件处理工具类* * @author ruoyi*/
public class FileUtils
{public static String FILENAME_PATTERN = "[a-zA-Z0-9_\\-\\|\\.\\u4e00-\\u9fa5]+";/*** 输出指定文件的byte数组* * @param filePath 文件路径* @param os 输出流* @return*/public static void writeBytes(String filePath, OutputStream os) throws IOException{FileInputStream fis = null;try{File file = new File(filePath);if (!file.exists()){throw new FileNotFoundException(filePath);}fis = new FileInputStream(file);byte[] b = new byte[1024];int length;while ((length = fis.read(b)) > 0){os.write(b, 0, length);}}catch (IOException e){throw e;}finally{IOUtils.close(os);IOUtils.close(fis);}}/*** 写数据到文件中** @param data 数据* @return 目标文件* @throws IOException IO异常*/public static String writeImportBytes(byte[] data) throws IOException{return writeBytes(data, RuoYiConfig.getImportPath());}/*** 写数据到文件中** @param data 数据* @param uploadDir 目标文件* @return 目标文件* @throws IOException IO异常*/public static String writeBytes(byte[] data, String uploadDir) throws IOException{FileOutputStream fos = null;String pathName = "";try{String extension = getFileExtendName(data);pathName = DateUtils.datePath() + "/" + IdUtils.fastUUID() + "." + extension;File file = FileUploadUtils.getAbsoluteFile(uploadDir, pathName);fos = new FileOutputStream(file);fos.write(data);}finally{IOUtils.close(fos);}return FileUploadUtils.getPathFileName(uploadDir, pathName);}/*** 删除文件* * @param filePath 文件* @return*/public static boolean deleteFile(String filePath){boolean flag = false;File file = new File(filePath);// 路径为文件且不为空则进行删除if (file.isFile() && file.exists()){flag = file.delete();}return flag;}/*** 文件名称验证* * @param filename 文件名称* @return true 正常 false 非法*/public static boolean isValidFilename(String filename){return filename.matches(FILENAME_PATTERN);}/*** 检查文件是否可下载* * @param resource 需要下载的文件* @return true 正常 false 非法*/public static boolean checkAllowDownload(String resource){// 禁止目录上跳级别if (StringUtils.contains(resource, "..")){return false;}// 检查允许下载的文件规则if (ArrayUtils.contains(MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION, FileTypeUtils.getFileType(resource))){return true;}// 不在允许下载的文件规则return false;}/*** 下载文件名重新编码* * @param request 请求对象* @param fileName 文件名* @return 编码后的文件名*/public static String setFileDownloadHeader(HttpServletRequest request, String fileName) throws UnsupportedEncodingException{final String agent = request.getHeader("USER-AGENT");String filename = fileName;if (agent.contains("MSIE")){// IE浏览器filename = URLEncoder.encode(filename, "utf-8");filename = filename.replace("+", " ");}else if (agent.contains("Firefox")){// 火狐浏览器filename = new String(fileName.getBytes(), "ISO8859-1");}else if (agent.contains("Chrome")){// google浏览器filename = URLEncoder.encode(filename, "utf-8");}else{// 其它浏览器filename = URLEncoder.encode(filename, "utf-8");}return filename;}/*** 下载文件名重新编码** @param response 响应对象* @param realFileName 真实文件名*/public static void setAttachmentResponseHeader(HttpServletResponse response, String realFileName) throws UnsupportedEncodingException{String percentEncodedFileName = percentEncode(realFileName);StringBuilder contentDispositionValue = new StringBuilder();contentDispositionValue.append("attachment; filename=").append(percentEncodedFileName).append(";").append("filename*=").append("utf-8''").append(percentEncodedFileName);response.addHeader("Access-Control-Expose-Headers", "Content-Disposition,download-filename");response.setHeader("Content-disposition", contentDispositionValue.toString());response.setHeader("download-filename", percentEncodedFileName);}/*** 百分号编码工具方法** @param s 需要百分号编码的字符串* @return 百分号编码后的字符串*/public static String percentEncode(String s) throws UnsupportedEncodingException{String encode = URLEncoder.encode(s, StandardCharsets.UTF_8.toString());return encode.replaceAll("\\+", "%20");}/*** 获取图像后缀* * @param photoByte 图像数据* @return 后缀名*/public static String getFileExtendName(byte[] photoByte){String strFileExtendName = "jpg";if ((photoByte[0] == 71) && (photoByte[1] == 73) && (photoByte[2] == 70) && (photoByte[3] == 56)&& ((photoByte[4] == 55) || (photoByte[4] == 57)) && (photoByte[5] == 97)){strFileExtendName = "gif";}else if ((photoByte[6] == 74) && (photoByte[7] == 70) && (photoByte[8] == 73) && (photoByte[9] == 70)){strFileExtendName = "jpg";}else if ((photoByte[0] == 66) && (photoByte[1] == 77)){strFileExtendName = "bmp";}else if ((photoByte[1] == 80) && (photoByte[2] == 78) && (photoByte[3] == 71)){strFileExtendName = "png";}return strFileExtendName;}/*** 获取文件名称 /profile/upload/2022/04/16/ruoyi.png -- ruoyi.png* * @param fileName 路径名称* @return 没有文件路径的名称*/public static String getName(String fileName){if (fileName == null){return null;}int lastUnixPos = fileName.lastIndexOf('/');int lastWindowsPos = fileName.lastIndexOf('\\');int index = Math.max(lastUnixPos, lastWindowsPos);return fileName.substring(index + 1);}/*** 获取不带后缀文件名称 /profile/upload/2022/04/16/ruoyi.png -- ruoyi* * @param fileName 路径名称* @return 没有文件路径和后缀的名称*/public static String getNameNotSuffix(String fileName){if (fileName == null){return null;}String baseName = FilenameUtils.getBaseName(fileName);return baseName;}
}

2、前端方面

previewRender.js修改如下:

import { isAttr,jsonClone } from '../utils';
import childrenItem from './slot/index';
import {remoteData} from './mixin';
import { getToken } from "@/utils/auth";//先修改在这里,后续需要优化
function vModel(self, dataObject) {dataObject.props.value = self.value;dataObject.on.input = val => {self.$emit('input', val)}//判断是否为上传组件if(self.conf.compType === 'upload'){//for token add by nbacheng 2022-09-07//dataObject.attrs['headers'] = {"Authorization":"Bearer " + getToken()};/*** 此处增加自定义的token,如果不能满足要求,可以重写此处代码*/const token = getToken();dataObject.attrs['headers'] = {"Authorization":"Bearer " + token};console.log("dataObject.props.value",dataObject.props.value)if(dataObject.props.value!==undefined && dataObject.props.value !==''){const filevalue = JSON.parse(dataObject.props.value);dataObject.props['file-list'] = filevalue;}dataObject.attrs['before-upload'] = file=>{//非限定后缀不允许上传console.log("before-upload file",file);const fileName = file.name;console.log("before-upload fileName",fileName);const suffixName = fileName.split('.').pop();if(!self.conf.accept.includes(suffixName)){self.$message.error('该后缀文件不允许上传');return false;}const fileSize = file.size;if(fileSize>dataObject.props.fileSize*1024*1024){self.$message.error('文件大小超出限制,请检查!');return false;}}//for get return file url add by nbacheng 2022-09-07dataObject.attrs['on-success'] = file=>{console.log("on-success file",file);var filename=file.data.fileName.substring(file.data.fileName.lastIndexOf('/')+1)  //获取文件名称let fileObj = {name: filename, url: file.data.fileName}console.log("dataObject=",dataObject);console.log("self.conf=",self.conf);let oldValue = [];if(dataObject.props.value) {oldValue = JSON.parse(dataObject.props.value);}else {oldValue = [];}if (oldValue) {oldValue.push(fileObj)} else {oldValue = [fileObj]}self.$emit('input',JSON.stringify(oldValue));console.log("on-success value",oldValue);}dataObject.attrs['on-remove'] = (file, fileList) => {console.log("on-remove file,fileList",file,fileList);let oldValue = JSON.parse(dataObject.props.value);console.log("on-remove oldValue",oldValue);//file 删除的文件//过滤掉删除的文件let newValue = oldValue.filter(item => item.name !== file.name)self.$emit('input',JSON.stringify(newValue));console.log("on-remove newValue",newValue);}dataObject.attrs['on-error'] = (file) => {console.log("on-error file",file);}dataObject.attrs['on-preview'] = (file) => {console.log("on-preview file",file);//download(file);}//for get return file url add by nbacheng 2022-09-07}
}export default {render(h) {let dataObject = {attrs: {},props: {},on: {},style: {}}//远程获取数据this.getRemoteData();const confClone = jsonClone(this.conf);const children = childrenItem(h,confClone);Object.keys(confClone).forEach(key => {const val = confClone[key]if (dataObject[key]) {dataObject[key] = val} else if(key ==='width'){dataObject.style= 'width:'+val;} else if (!isAttr(key)) {dataObject.props[key] = val}else {if (key == 'classStyle' && val.length > 0){let style =""val.forEach(item =>{console.log(item)style+=item +" "})dataObject.attrs['class'] = style}else if (key == 'cssStyle'){dataObject.attrs['style'] = val}else if(key !== 'value'){dataObject.attrs[key] = val}}})/*调整赋值模式,规避cascader组件赋值props会出现覆盖预制参数的bug */vModel(this, dataObject);return h(confClone.ele, dataObject, children)},props: ['conf','value'],mixins:[remoteData]
}

3、效果图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/83721.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python常用库(六):科学计算库-Numpy[上篇]:创建、访问、赋值

1.Numpy 1.1 介绍 NumPy是Python中非常流行且重要的科学计算库&#xff0c;提供了一个强大的多维数组对象(ndarray)和许多数学操作&#xff0c;包括矩阵运算、线性代数、微积分等等。 numpy是Python中一个非常有用的工具&#xff0c;特别是在需要进行数值计算、线性代数计算、…

淘宝分布式文件存储系统( 三 ) -TFS

淘宝分布式文件存储系统( 三 ) ->>TFS 目录 : 文件重新映射的接口介绍文件映射 mmap_file.cpp的实现进行测试 文件重新映射 (增加 或者 减少 文件映射区域的大小) mremap() 函数的原型如下 #include <sys/mman.h> void *mremap( void * old_address , size_…

阿里测开面试大全(一)附答案完整版

万字长文&#xff0c;建议收藏 1 什么是POM&#xff0c;为什么要使用它&#xff1f; POM是Page Object Model的简称&#xff0c;它是一种设计思想&#xff0c;而不是框架。大概的意思是&#xff0c;把一个一个页面&#xff0c;当做一个对象&#xff0c;页面的元素和元素之间操…

【数据库系统概论】关系数据库中的关系操作

前言基本的关系操作关系操作的特点关系数据库语言的分类感谢 &#x1f496; 前言 按照数据模型的三大要素&#xff0c;关系模型由关系数据结构、关系操作集合和关系完整性约束三部分组成。本篇文章将介绍这三部分内容中的第二部分即关系操作。上一篇文章介绍了第一部分即关系数…

JS Ajax 封装

ajax 封装 一、 什么是Ajax&#xff1f;二、 Ajax的优缺点&#xff1f;2.1 优点2.2 缺点 三、 Ajax的使用3.1 状态码3.2 xhr的基本使用3.3 ajax原生封装&#xff1a;3.3.1 触发GET请求&#xff1a;3.3.2 调用POST请求&#xff1a; 四、Ajax的约束 一、 什么是Ajax&#xff1f; …

手搓CAS原理实现/ 模拟mutex的lock和unlock

通过cas去实现自旋锁 flag的0表示现在没上锁,1表示已经上锁了 static int flag{0}; //0表示没有锁,1表示锁了int cas(int *ptr,int newp) {int old=*ptr;*ptr=newp;return old; }void lock() {while(cas(&flag,1)==0){// cout<<"lock"<<endl;// c…

SQL plus简单使用

查看Oracle数据库全部数据库 数据库名称 SELECT name FROM v$database;这将返回所有数据库的名称。 视图 通过SQL查询dba_registry视图&#xff1a; 另一个查看数据库的方法是查询dba_registry视图&#xff0c;该视图包含了数据库中安装的所有组件的信息。以下是示例SQL查询…

【新版】系统架构设计师 - 案例分析 - 数据库设计

个人总结&#xff0c;仅供参考&#xff0c;欢迎加好友一起讨论 文章目录 架构 - 案例分析 - 数据库设计数据库基础数据库设计概述E-R模型概念结构设计逻辑结构设计规范化&#xff08;范式&#xff09;反规范化技术数据库事务并发控制索引视图物化视图存储过程触发器数据库性能优…

【Spring Cloud系列】Feign详解与实战

Feign详解与实战 文章目录 Feign详解与实战一、概述二、什么是Feign三、Feign特性四、Feign简单使用3.1 Feign使用步骤3.2 Feign具体使用1. 引入依赖2. 启动类上添加注解3.编写FeignClient接口 五、使用Feign发起http请求5.1 Maven导入Feign配置&#xff0c;并集成Jackson5.2 F…

list 用法与模拟

list 用法 list list 模拟 #pragma once #include <assert.h> namespace sjy {//链表节点template <typename T>struct __list_node{__list_node(const T& val T()):_prev(nullptr),_next(nullptr),_val(val){}/*成员变量*/__list_node<T>* _prev;__…

基于matlab实现的光折射反射(不同界面)程序

完整程序: %平面电磁波在不同介质界面上入射、反射、折射仿真 %ReadMe!!!在下述说明的用户输入区内输入入射角和两介质折射率&#xff0c; %输出反射折射示意图与反射折射系数随入射角变化的曲线 %—————————————————————————————————————…

百度SEO优化TDK介绍(分析下降原因并总结百度优化SEO策略)

TDK是SEO优化中很重要的部分&#xff0c;包括标题&#xff08;Title&#xff09;、描述&#xff08;Description&#xff09;和关键词&#xff08;Keyword&#xff09;&#xff0c;为百度提供网页内容信息。其中标题是最重要的&#xff0c;应尽量突出关键词&#xff0c;同时描述…

9.20 QT作业

widget.h #include <QPainter> //画家 #include <QTimerEvent> #include <QTime> #include<QTimer> //定时器类QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACEclass Widget : public QWidget {Q_OBJECTpublic:Widge…

c#扩展包-Stateless

准备 Stateless是一个有限状态机扩展包。在c#项目中可以直接通过NuGet安装。 使用他需要先用枚举写好你所有可能的状态和子状态。 例如移动&#xff0c;下蹲&#xff0c;空闲&#xff0c;跳跃&#xff0c;游泳&#xff0c;奔跑&#xff0c;走路。 其中&#xff0c;奔跑和走路…

性能测试之使用Jemeter对HTTP接口压测

我们不应该仅仅局限于某一种工具&#xff0c;性能测试能使用的工具非常多&#xff0c;选择适合的就是最好的。笔者已经使用Loadrunner进行多年的项目性能测试实战经验&#xff0c;也算略有小成&#xff0c;任何性能测试&#xff08;如压力测试、负载测试、疲劳强度测试等&#…

SAP DN已发货但是需求还挂在MD04上的异常处理(SE38执行程序:ATP_VBBE_CONSISTENCY OR SDRQCR21)

背景&#xff1a;DN 80074061已经发完货&#xff0c;但是在MD04上还挂着它的需求 处理方法&#xff1a; HANA S4 版本&#xff0c; SE38 执行程序 ATP_VBBE_CONSISTENCY HANA之前的版本执行程序 SDRQCR21 以 ATP_VBBE_CONSISTENCY 为例&#xff0c;先选择模拟模式 执行&…

ChatGPT:解释Java中 ‘HttpResponse‘ 使用 ‘try-with-resources‘ 的警告和处理 ‘Throwable‘ 打印警告

ChatGPT&#xff1a;解释Java中 ‘HttpResponse’ 使用 ‘try-with-resources’ 的警告和处理 ‘Throwable’ 打印警告 我在IDEA中对一个函数的警告点击了ignore&#xff0c;怎么撤回这个呢 ChatGPT&#xff1a; 要撤回在IDEA中对一个函数的警告的忽略&#xff0c;您可以按照以…

VUE_history模式下页面404错误

uniapp 的history 把#去掉了&#xff0c;但是当刷新页面的时候出现404错误 解决方案&#xff1a;需要服务端支持 如果 URL 匹配不到任何静态资源&#xff0c;则应该返回同一个 index.html 页面 Apache <IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRu…

【计算机网络】 拥塞控制

文章目录 背景TCP的四种拥塞控制算法慢开始与拥塞避免&#xff1a;快重传&#xff1a;快恢复&#xff1a; 流量控制和拥塞控制本质上的 区别 背景 网络中的链路容量和交换节点中的缓存和处理机都有着工作的极限&#xff0c;当网络的需求超过他们的工作极限时&#xff0c;就出现…

Unity——对象池

对象池是一种朴素的优化思想。在遇到需要大量创建和销毁同类物体的情景时&#xff0c;可以考虑使用对象池技术优化游戏性能。 一、为什么要使用对象池 在很多类型的游戏中都会创建和销毁大量同样类型的物体。例如&#xff0c;飞行射击游戏中有大量子弹&#xff0c;某些动作游戏…