2021年7月

IDEA用Spring Initializr创建一个新的工程

创建如下目录和文件：

test.css

.my-style {color: #409EFF}

test.js

function sayHello() {
    alert('显示该弹窗因为引入了test.js')
}

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    主页
</body>
</html>

test.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <link rel="stylesheet" href="/css/test.css" type="text/css">
</head>
<body>
    <p class="my-style">这段文字颜色因引入test.css而改变</p>
    <p><button onclick="sayHello()">点击按钮</button></p>
    <p><img src="/image/win95.jpg" width="300px"></p>
    <script src="/js/test.js"></script>
</body>
</html>

运行项目，访问127.0.0.1:8080

访问127.0.0.1:8080/test.html

点击按钮

以后项目中，如果前端是webpack打包，直接把打包资源放public文件夹即可

  • Oracle JDK8u201：直接官网下载，并配置环境变量
  • Maven 3.6.3：直接官网下载，并配置环境变量
  • IDEA 2019.3.5 Ultimate：直接官网下载安装。不推荐IDEA 2019.1.2版本，跟Maven 3.6.3配合使用会报错

  • Maven配置1：在settings.xml里的profiles节点添加：

    <profile>
<id>jdk-1.8</id>
<activation>
  <activeByDefault>true</activeByDefault>
  <jdk>1.8</jdk>
</activation>
<properties>
  <maven.compiler.source>1.8</maven.compiler.source>
  <maven.compiler.target>1.8</maven.compiler.target>
  <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
</properties>
</profile>

  • Maven配置2：在settings.xml里的mirrors节点添加：

    <mirror>
<id>nexus-aliyun</id>
<mirrorOf>central</mirrorOf>
<name>Nexus aliyun</name>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>
  • IDEA配置如图：

强烈建议用自己的Maven而不是IDEA自带的。昨天在开发Mybatis-Plus时，引用资源jar一直下载不下载，改用自己的Maven配合阿里云镜像就可以了

  1. 1
  2. 2