SpringBoot 同時整合thymeleaf html、vue html和jsp-線上助手
問題描述
SpringBoot如何同時訪問html和jsp
SpringBoot訪問html頁面可以,訪問jsp頁面報錯
SpringBoot如何同時整合thymeleaf html、vue html和jsp
java web spring mvc專案如何同時訪問html和jsp
解決辦法:配置多檢視實現的檢視解析器
步驟一、新建一個ViewResolverConfiguration,下面是網站 的具體實現:
/**
* 主要配置多檢視實現的檢視解析器相關bean例項
*
*
*
* 其實關鍵點在於兩個:
* 1、配置order屬性
* 2、配置viewnames屬性
*
* 注意:
* return new ModelAndView("jsps/index");//或者return "jsps/index"
* 對應 /WEB-INF/jsps/index.jsp
* ==========================
* 同理:
* return "thymeleaf/index";//或者return “thymeleaf/index”
* 對應 /WEB-INF/thymeleaf/index.html
*
*
*/
@Configuration
public class ViewResolverConfiguration {
@Configuration//用來定義 DispatcherServlet 應用上下文中的 bean
@EnableWebMvc
@ComponentScan("com.csy.spring")
public class WebConfig extends WebMvcConfigurerAdapter {
@Bean
public ViewResolver viewResolver() {
InternalResourceViewResolver resolver = new InternalResourceViewResolver();
// resolver.setPrefix("/WEB-INF/");
// resolver.setSuffix(".jsp");
// resolver.setViewNames("jsps/*");
resolver.setPrefix("/");
resolver.setSuffix(".jsp");
resolver.setViewNames("*");
resolver.setOrder(2);
return resolver;
}
@Bean
public ITemplateResolver templateResolver() {
SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
templateResolver.setTemplateMode("HTML5");
templateResolver.setPrefix("/templates/");
templateResolver.setSuffix(".html");
templateResolver.setCharacterEncoding("utf-8");
templateResolver.setCacheable(false);
return templateResolver;
}
@Bean
public SpringTemplateEngine templateEngine() {
SpringTemplateEngine templateEngine = new SpringTemplateEngine();
templateEngine.setTemplateResolver(templateResolver());
// templateEngine
return templateEngine;
}
@Bean
public ThymeleafViewResolver viewResolverThymeLeaf() {
ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
viewResolver.setTemplateEngine(templateEngine());
viewResolver.setCharacterEncoding("utf-8");
viewResolver.setOrder(1);
//viewResolver.setViewNames(new String[]{"thyme/*"});
viewResolver.setViewNames(new String[]{"thymeleaf/*","vue/*"});
return viewResolver;
}
@Override
public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
configurer.enable();
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
}
}
}
步驟二、測試類:
@Controller
public class IndexController {
@GetMapping("/testJsp")
public String testJsp(Model model) {
model.addAttribute("message", "this is index jsp page");
return "index";
}
@GetMapping("/testThemleaf")
public String testThemleaf(Model model) {
model.addAttribute("message", "this is index jsp page");
return "thymeleaf/test";
}
@GetMapping("/testVue")
public String testVue(Model model) {
model.addAttribute("message", "this is index jsp page");
return "vue/testVue";
}
}
測試結果:訪問 ,或者輸入以下連結
jsp頁面
thymeleaf模板頁面 blog/web/201805031726vue搭建的頁面 blog/web/Web201805041746
均正常顯示
這樣springboot就可以同時支援訪問jsp頁面和html頁面了。
本文同步釋出在 ,轉載請註明來自 部落格頻道【SpringBoot 同時整合thymeleaf html、vue html和jsp】,原文連結 blog/web/201805041746
SpringBoot如何同時訪問html和jsp
SpringBoot訪問html頁面可以,訪問jsp頁面報錯
SpringBoot如何同時整合thymeleaf html、vue html和jsp
java web spring mvc專案如何同時訪問html和jsp
解決辦法:配置多檢視實現的檢視解析器
步驟一、新建一個ViewResolverConfiguration,下面是網站 的具體實現:
/**
* 主要配置多檢視實現的檢視解析器相關bean例項
*
*
*
* 其實關鍵點在於兩個:
* 1、配置order屬性
* 2、配置viewnames屬性
*
* 注意:
* return new ModelAndView("jsps/index");//或者return "jsps/index"
* 對應 /WEB-INF/jsps/index.jsp
* ==========================
* 同理:
* return "thymeleaf/index";//或者return “thymeleaf/index”
* 對應 /WEB-INF/thymeleaf/index.html
*
*
*/
@Configuration
public class ViewResolverConfiguration {
@Configuration//用來定義 DispatcherServlet 應用上下文中的 bean
@EnableWebMvc
@ComponentScan("com.csy.spring")
public class WebConfig extends WebMvcConfigurerAdapter {
@Bean
public ViewResolver viewResolver() {
InternalResourceViewResolver resolver = new InternalResourceViewResolver();
// resolver.setPrefix("/WEB-INF/");
// resolver.setSuffix(".jsp");
// resolver.setViewNames("jsps/*");
resolver.setPrefix("/");
resolver.setSuffix(".jsp");
resolver.setViewNames("*");
resolver.setOrder(2);
return resolver;
}
@Bean
public ITemplateResolver templateResolver() {
SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
templateResolver.setTemplateMode("HTML5");
templateResolver.setPrefix("/templates/");
templateResolver.setSuffix(".html");
templateResolver.setCharacterEncoding("utf-8");
templateResolver.setCacheable(false);
return templateResolver;
}
@Bean
public SpringTemplateEngine templateEngine() {
SpringTemplateEngine templateEngine = new SpringTemplateEngine();
templateEngine.setTemplateResolver(templateResolver());
// templateEngine
return templateEngine;
}
@Bean
public ThymeleafViewResolver viewResolverThymeLeaf() {
ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
viewResolver.setTemplateEngine(templateEngine());
viewResolver.setCharacterEncoding("utf-8");
viewResolver.setOrder(1);
//viewResolver.setViewNames(new String[]{"thyme/*"});
viewResolver.setViewNames(new String[]{"thymeleaf/*","vue/*"});
return viewResolver;
}
@Override
public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
configurer.enable();
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
}
}
}
步驟二、測試類:
@Controller
public class IndexController {
@GetMapping("/testJsp")
public String testJsp(Model model) {
model.addAttribute("message", "this is index jsp page");
return "index";
}
@GetMapping("/testThemleaf")
public String testThemleaf(Model model) {
model.addAttribute("message", "this is index jsp page");
return "thymeleaf/test";
}
@GetMapping("/testVue")
public String testVue(Model model) {
model.addAttribute("message", "this is index jsp page");
return "vue/testVue";
}
}
測試結果:訪問 ,或者輸入以下連結
jsp頁面
thymeleaf模板頁面 blog/web/201805031726vue搭建的頁面 blog/web/Web201805041746
均正常顯示
這樣springboot就可以同時支援訪問jsp頁面和html頁面了。
本文同步釋出在 ,轉載請註明來自 部落格頻道【SpringBoot 同時整合thymeleaf html、vue html和jsp】,原文連結 blog/web/201805041746
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/28470105/viewspace-2154966/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- springBoot整合thymeleafSpring Boot
- springboot thymeleaf + vueSpring BootVue
- SpringBoot整合Jsp和Thymeleaf (附工程)Spring BootJS
- jsp和html同時存在的個人理解JSHTML
- SpringBoot 實戰 (十二) | 整合 thymeleafSpring Boot
- SpringBoot、MyBatis、Shiro、Thymeleaf整合思路Spring BootMyBatis
- Yii2-助手類(Html)HTML
- SpringBoot系列(六)整合thymeleaf詳解版Spring Boot
- SpringBoot之整合thymeleaf渲染Web頁面Spring BootWeb
- HTML知識整合HTML
- HTML線上編輯器HTML
- Spring Boot中Thymeleaf和htmx助手工具庫Spring Boot
- 【vue】v-htmlVueHTML
- HTML 標籤 和 JQuery線上學習網址HTMLjQuery
- Html 文件線上編輯器HTML
- Vue指令——v-htmlVueHTML
- Thymeleaf利用layout.html檔案生成頁面佈局框架HTML框架
- 不要再學 JSP 了,學 SpringBoot + Thymeleaf + Vue吧JSSpring BootVue
- HTML5線上預覽PDFHTML
- 線上HTML編輯器推薦HTML
- Html5下拉控制元件同時支援文字輸入和下拉程式碼HTML控制元件
- vue.js輸出HTML(v-pre | v-html)Vue.jsHTML
- Vue SpringBoot實現Html和Markdown格式內容(含圖片上傳)儲存到MySQLVueSpring BootHTMLMySql
- HTML和CSSHTMLCSS
- CSS之CSS和html整合方式及優先順序CSSHTML
- html標籤-HTML5精講 課時ID:6.1 【表嚴肅】#HTML教程 #HTML5教程 #html標籤HTML
- Vue學習04-----v-bloak和v-htmlVueHTML
- 基於socket.io的實時線上HTML5遊戲思路HTML遊戲
- Html5和Html4的不同HTML
- 筆記:Html.Partial和Html.Action筆記HTML
- springboot 整合線上天氣預報Spring Boot
- 【深入吧,HTML 5】 效能 & 整合 —— History APIHTMLAPI
- 【深入吧,HTML 5】 效能 & 整合 —— Web WorkersHTMLWeb
- thymeleaf模板實現html5標籤的非嚴格檢查HTML
- HTML5和HTML4的區別HTML
- H5-Jquery和Vue同時使用衝突H5jQueryVue
- springboot中使用thymeleaf模板Spring Boot
- 谷歌開發者工具線上編輯HTML程式碼谷歌HTML