老王的spring-boot

时间  2019-11-17
标签 老王 spring boot 栏目 Spring 繁體版
原文   原文链接

Spring Boot的Web开发javascript

  • Spring Boot的Web开发支持 Spring Boot提供了spring-boot-starter-web为Web开发予以支持.它为咱们提供了嵌入的Tomcat以及Spring MVC的依赖.css

  • Thymeleaf模板引擎 Spring Boot 推荐使用Thymeleaf做为模板引擎.由于其提供了完整的Spring MVC支持. 由于使用嵌入的Servlet容器来运行JSP的话有一些小问题,内嵌Tomcat,Jetty不支持以jar的形式运行JSP,并且Undertow不支持JSP.html

    • Thymeleaf基础知识 Thymeleaf是一个java类库,它是一个xml/xhtml/html5的模板引擎,能够做为MVC的Web应用的View层. Thymeleaf基础知识html5

    • 补充: 在javascript中访问modeljava

      <script th:inline="javascript">
	var single=[[${singlePerson}]];
	console.log(single.name + "/" + single.age);
	</script>

  • Spring Boot的Thymeleaf支持 Spring Boot经过自动配置功能对Thymeleaf进行了自动配置,所以能够直接使用.jquery

    <!DOCTYPE html>
	<html xmlns:th="http://www.thymeleaf.org" lang="en">
	<head>
	    <meta charset="UTF-8"/>
	    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1"/>
	    <title>Thymeleaf</title>
	    <link th:src="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
	    <link th:src="@{bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>
	    <script th:src="@{js/jquery-2.2.3.js}" type="text/javascript"/>
	    <script th:src="@{bootstrap/js/bootstrap.min.js}"/>
	    <script>
	        $(function () {
	            console.log(123);
	        });
	    </script>
	</head>
	<body>
	<div class="panel panel-primary">
	    <div class="panel-heading">
	        <h3 class="panel-title"> 访问model</h3>
	    </div>
	    <div class="panel-body">
	        <span th:text="${singlePerson.name}"></span>
	    </div>
	</div>

	<div th:if="${not #lists.isEmpty(people)}">
	    <div class="panel panel-primary">
	        <div class="panel-heading">
	            <h3 class="panel-title">列表</h3>
	        </div>
	        <div class="panel-body">
	            <ul class="list-group">
	                <li class="list-group-item" th:each="person:${people}">
	                    <span th:text="${person.name}"></span>
	                    <span th:text="${person.age}"></span>
	                    <button class="btn" th:onclick="'getName(\''+${person.name}+'\');'">得到名字
	                    </button>
	                </li>
	            </ul>
	        </div>
	    </div>
	</div>
	<script th:inline="javascript">
	    var single = [[${singlePerson}]];
	    console.log(single.name + "/" + single.age);
	    function getName(name) {
	        console.log(name);
	    }
	</script>
	</body>
	</html>
    package person.learn.thymeleaf;

	import org.springframework.stereotype.Controller;
	import org.springframework.ui.Model;
	import org.springframework.web.bind.annotation.RequestMapping;

	import java.util.ArrayList;
	import java.util.List;

	/**
	 * 1.使用Thymeleaf做为模板引擎,要在application.yml里设置spring.thymeleaf.caching设置为false
	 * 2.用了模板引擎以后,原先对于jsp的设置无效
	 * 3.(idea编辑器须要手动点击CTRL+F9,手动编译,由于IDEA文件不须要手动保存)修改Thymeleaf模板的内容后,要不重启项目就生效的话,须要make一下,
	 * 或者使用热部署:http://mamicode.com/info-detail-1346413.html
	 * 4.要使用Thymeleaf模板 请将pom.xml中相应的jar依赖注释去掉
	 * Created by barton on 16-5-19.
	 */
	@Controller
	public class ThymeleafController {

	    @RequestMapping("/thymeleaf")
	    public String index(Model model) {
	        Person single = new Person("aa", 11);

	        List<Person> people = new ArrayList<>();

	        Person p1 = new Person("xx", 11);
	        Person p2 = new Person("yy", 22);
	        Person p3 = new Person("zz", 33);

	        people.add(p1);
	        people.add(p2);
	        people.add(p3);

	        model.addAttribute("singlePerson", single);
	        model.addAttribute("people", people);

	        return "thymeleaf/thymeleaf";
	    }
	}
    package person.learn.thymeleaf;

	/**
	 * Created by barton on 16-5-19.
	 */
	public class Person {

	    public Person(String name, Integer age) {
	        this.name = name;
	        this.age = age;
	    }

	    private String name;
	    private Integer age;

	    public String getName() {
	        return name;
	    }

	    public void setName(String name) {
	        this.name = name;
	    }

	    public Integer getAge() {
	        return age;
	    }

	    public void setAge(Integer age) {
	        this.age = age;
	    }
	}

  • Spring Boot自动配置的静态资源web

    • 类路径文件 把类路径下的/static,/public,/resources和/META-INF/resources文件夹下的静态文件直接映射为/**,能够经过http://localhost:8080/**来访问.
    • webjar webjar就是将咱们经常使用的脚本框架封装在jar包中的jar包. 把webjar的/META-INF/resources/webjars/下的静态文件映射为/webjar/,能够经过http://localhost:8080/webjar/ 来访问

  • Spring Boot 对静态首页的支持spring

    • classpath:/META-INF/resources/index.html
    • classpath:/resources/index.html
    • classpath:/static/index.html
    • classpath:/public/index.html

  • 将Tomcat替换为Jettybootstrap

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <exclusions>
            <exclusion>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-tomcat</artifactId>
            </exclusion>
        </exclusions>
    </dependency>

    <!-- 使用jetty替代tomcat,若是是使用jsp做为模板，则不能使用内嵌的jetty容器。 -->
    <!-- 内嵌的jetty容器不支持jsp模板 -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-jetty</artifactId>
    </dependency>

  • 将Tomcat替换为Undertowtomcat

    <dependency>
	         <groupId>org.springframework.boot</groupId>
	         <artifactId>spring-boot-starter-web</artifactId>
	         <exclusions>
	             <exclusion>
	                 <groupId>org.springframework.boot</groupId>
	                 <artifactId>spring-boot-starter-tomcat</artifactId>
	             </exclusion>
	         </exclusions>
	     </dependency>
	<dependency>
	         <groupId>org.springframework.boot</groupId>
	         <artifactId>spring-boot-starter-undertow</artifactId>
</dependency>

  • 设置Favicon 只需将本身的favicon.ico 防止在类路径根目录,类路径META-INF/resources/下,类路径resources/下,类路径static/下或者类路径public/下.

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程