IDEA创建thymeleaf模板创建vue模板

原创

刘大猫

发布于 2025-12-06 17:44:01

1780

文章被收录于专栏：JAVA相关JAVA相关

3.创建网页模板

3.1Thymeleaf.html页面模板

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
  <body>
    
  </body>
</html>

3.2 Vue.html页面模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue练习</title>
    <!--引入Vue-->
    <script type="text/javascript" src="../../static/vue/vue.js" ></script>
</head>
<body>
    <div id="app">
        
    </div>

    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {},
            methods: {}
        })
    </script>
</body>
</html>