第4講 .Freemarker和ajax請求 Springboot
阿新 • • 發佈：2018-11-15
一：使用freemarker，頁面請求
1.新增jar包，
開啟eclipse， 開啟專案的pom檔案，Alt+/ 選擇 搜尋 Configuration Processer，和 Freemarker，並勾選，
選擇ok，如圖；或者 新增 如下：
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-configuration-processor</artifactId> <scope>compileOnly</scope> </dependency>
以上新增jar 包完成。
2. 新建一個Controller類， HelloWorldFreemarkerController.java。
3. 添加註解：@Controller 和 @RequestMapping("/freemarker")。
4. 寫方法，加方法的對映 @RequestMapping("/say")。
| package com.cruise.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; @Controller @RequestMapping("/freemarker") public class HelloWorldFreemarkerController { @RequestMapping("/say") public ModelAndView say(){ ModelAndView mav = new ModelAndView(); mav.addObject("message","你好，我叫 free marker"); mav.setViewName("freemarkerhtml"); return mav; } } |
5.新建一個 模板檔案。
在src/main/resources 下，的 templates 下，新建一個 html檔案。修改後綴html 為 ftl
啟動伺服器：localhost:8888/a/freemarker/say
二，使用ajax 請求頁面，
1. 在webapp 下，新建一個頁面html 頁面，
新建一個按鈕button，
引入一個jquery.min.js
寫一個 jquery 方法say()，
寫一個ajax請求，
alert()回撥函式，
如圖：
寫一個Controller 類，HelloWorldAjaxControlelr.java ,
類新增對映：@RestController， @Requstmapping("/ajax")
建立方法 say()，方法上新增對映 @RequestMapping("/hello")
返回json字串，
啟動服務：localhost:8888/a/helloajax.thml
