layui+idea

在idea上运行layui代码，显示效果和正确的显示效果差别巨大（第一个是正确效果，未配置tomcat服务器）

img

img

img


img

tomcat 重启试一下，看是不是有缓存

  • 这篇博客: [idea]解决tomcat在idea控制台中文乱码的问题中的 解决tomcat在idea控制台中文乱码的问题 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • 在idea的安装目录下的bin/idea.vmoptions文件(mac)添加-Dfile.encoding=UTF-8
    这里写图片描述

    右上角 Edit Configurations的 VM options处添加-Dfileencoding=UTF-8
    这里写图片描述

    并在运行/调试 配置对话框 Startup/Connection中，勾选Pass environment variables
    并添加一个environment variables
    Name填写JAVA_TOOL_OPTIONS Value填写-Dfile.encoding=UTF-8
    这里写图片描述

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

根据提供的截图来看，可能是因为静态文件路径不正确导致的。需要在Layui的配置文件中指定静态文件路径。可以按照以下步骤操作：

  1. 在项目的src/main/resources目录下创建一个名为config.properties的配置文件，并添加以下内容：
# 静态文件路径
static.path=/static/
  1. 在Layui的config.js文件中添加以下代码：
// 获取静态文件路径
var staticPath = "";
$.ajax({
    url: "/config.properties",
    async: false,
    dataType: "text",
    success: function(data) {
        var lines = data.split("\n");
        for (var i = 0; i < lines.length; i++) {
            var line = lines[i];
            if (line.indexOf("static.path=") == 0) {
                staticPath = line.substring(12).trim();
                break;
            }
        }
    }
});

// 配置静态文件路径
layui.config({
    base: staticPath + "layui/"
}).extend({
    index: 'lib/index'
});
  1. 将Layui的静态文件放在项目的static目录下，然后访问http://localhost:8080/static/layui/layui.js来验证是否配置成功。

注意：如果使用的是Spring Boot，则需要在application.properties文件中添加以下配置，以允许访问静态文件：

# 静态文件配置
spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/