使用ruoyi框架遇到的问题修改记录

上传后文件名改变

上传时设置单多文件及其他选项

Html

<div class="form-group"><label class="col-sm-3 control-label">附件：</label><div class="col-sm-8"><input type="hidden" name="attachment"><div class="file-loading"><input class="singleFile" name="file" type="file" id="attachment"></div>
<!--                <div class="file-loading">-->
<!--                    <input class="form-control multipleFile" id="attachment" name="files" type="file" multiple>-->
<!--                </div>--></div></div>

Js代码

 // 单图上传$(".singleFile").fileinput({uploadUrl: ctx + 'common/upload',maxFileCount: 1,autoReplace: true}).on('fileuploaded', function (event, data, previewId, index) {var rsp = data.response;log.info("return url：" + rsp.url)log.info("reutrn fileName：" + rsp.fileName)$("input[name='" + event.currentTarget.id + "']").val(rsp.fileName)}).on('fileremoved', function (event, id, index) {$("input[name='" + event.currentTarget.id + "']").val('')})// 多图上传$(".multipleFile").fileinput({uploadUrl: ctx + 'common/uploads',maxFileCount: 1,uploadAsync: false,autoReplace: true}).on('filebatchuploadsuccess', function (event, data, previewId, index) {//var rsp = data.data.name;var fileJson = data.response.data;var urlList = [];for (var i in fileJson) {console.log("return data.url：" + fileJson[i].url)console.log("reutrn data.name：" + fileJson[i].name)urlList.push(fileJson[i].name)urlList.join(",")}$("input[name='" + event.currentTarget.id + "']").val(data.response.data[0].name)}).on('fileremoved', function (event, id, index) {$("input[name='" + event.currentTarget.id + "']").val('')})

附件显示文件名，点击下载

 {field: 'attachment',title: '附件',formatter: function (value, row, index) {var prefix = ctx + row.attachment;// 图片预览（注意：如存储在本地直接获取数据库路径，如有配置context-path需要使用ctx+路径）// 如：/profile/upload/2019/08/08/3b7a839aced67397bac694d77611ce72.pngreturn  $.table.downFile(value, row, index);}},

// 文件下载downFile: function (value, row, index) {const http = value.split('?')[0];const dot = http.lastIndexOf(".");const ext = http.substr(dot + 1);let file = http.split('/');let name = file[file.length - 1];if ($.common.isNotEmpty(value)) {if(isAssetTypeAnImage(ext)) {let imgWtdth=0;let imgHeight=0;let img = new Image();if(img.complete){// 打印imgWtdth=img.width;imgHeight=img.height;}else{// 加载完成执行img.onload = function(){// 打印imgWtdth=img.width;imgHeight=img.height;}}img.src = value;imgWtdth=img.width;imgHeight=img.height;if(browserRedirect()){const w = document.documentElement.scrollWidth || document.body.scrollWidth;const h = document.documentElement.scrollHeight || document.body.scrollHeight;if(imgWtdth>w || imgHeight >h){return $.table.imageView(value,h*0.8,imgWtdth*h/imgHeight*0.8);}else {return $.table.imageView(value);}}else {const w2 = document.body.clientWidth || document.documentElement.clientWidth;const h2=  document.body.clientHeight || document.documentElement.clientHeight;// if(imgWtdth === 0 || imgHeight === 0 ){//     return $.table.imageView(value,h2*0.8,w2*0.8);// }if(imgWtdth>w2 || imgHeight >h2 || imgWtdth === 0 || imgHeight === 0){return $.table.imageView(value,imgHeight*w2/imgWtdth*0.8,w2*0.8);}else {return $.table.imageView(value);}}}else{return $.common.sprintf("<a href='%s' download='%s'>%s</a>",value,name,name);}} else {return $.common.nullToStr(value);}},

//判断文件是否为图片
function isAssetTypeAnImage(ext) {return ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1;
}// 判断设备是移动还是pc
function browserRedirect() {//document.writeln("您的浏览设备为："+getDevice());if(!window.navigator) {//alert("提示","当前设备：移动端APP")return false;}else{if(/Mobile|Android|webOS|iPhone|iPad|Phone/i.test(navigator.userAgent)){//alert("当前设备：移动端H5");return false;}else{// alert("当前设备：PC端");return true;}}
}

附件直接显示图片

表格固定列

查询数据库作为下拉选项值

这自动生成代码，已经做了修改，可以获取 *****all（）；

字典使用

使用自动生成代码，添加使用的字典，手动修改代码或添加，请参考自动生成后代码

加入json递归注解，防止无限递归内存溢出

中文路径访问不到问题

\ruoyi-framework\src\main\java\com\ruoyi\framework\config\ShiroConfig.javaimport org.apache.shiro.web.filter.InvalidRequestFilter;
import org.apache.shiro.web.filter.mgt.DefaultFilter;/**- Shiro过滤器配置
/
@Bean
public ShiroFilterFactoryBean shiroFilterFactoryBean(SecurityManager securityManager)
{......//关闭 中文路径 校验 ckinder 上传和打开中文名字文件InvalidRequestFilter invalidRequestFilter = new InvalidRequestFilter();invalidRequestFilter.setBlockNonAscii(false);shiroFilterFactoryBean.getFilters().put(DefaultFilter.invalidRequest.name(), invalidRequestFilter);......
}

前端传过来的 id 后端接收到后加入了000，不对

解决方法：

在pom.xml 中加入

org.springframework spring-webmvc 5.3.9 compile

然后，在E:\monitor\websit\ltt-websit\ruoyi-common\src\main\java\com\ruoyi\common\config

增加 WebConfiguration.java 文件，内容如下，就是将long转string

package com.ruoyi.common.config;import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.converter.HttpMessageConverter;
import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;import java.util.List;/*** @description: WebConfiguration* @Author: llt* @date: Created in 2021/9/9 17:46*@version: 0.1.0* @modified By:*/
@Configuration
public class WebConfiguration implements WebMvcConfigurer {/*** 序列化json时,将所有的long变成string* 因为js中得数字类型不能包含所有的java long值*/@Overridepublic void configureMessageConverters(List<HttpMessageConverter<?>> converters) {MappingJackson2HttpMessageConverter jackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter();ObjectMapper objectMapper = new ObjectMapper();SimpleModule simpleModule=new SimpleModule();simpleModule.addSerializer(Long.class, ToStringSerializer.instance);simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance);objectMapper.registerModule(simpleModule);jackson2HttpMessageConverter.setObjectMapper(objectMapper);converters.add(0,jackson2HttpMessageConverter);}
}