spring boot 怎么 html 嵌套 html？

这几天我在看admin方面的框架，发现很多框架里边的html 都是写在一起的，里边的侧边栏和页面都在一起？

怎么来处理这个问题？

thymeleaf 里边的replace 来处理，但发现不是很好用，thymeleaf里边的语法好复杂。
我看了vue 的语法发现也很麻烦(https://github.com/PanJiaChen/vue-element-admin) 这个排名第一，有时间可以好好学习一下。但边的样式我看了下也不好改动，代码量也不少，侧边栏是写在一个单独的文件夹里边的，改动起来不简单啊。

官网的动态组件是可以实现这个功能，但也不简单。

3. react 的实现：https://reacttraining.com/react-router/web/example/sidebar 比vue简单方便。

还有这个很有价值：

https://github.com/booleanhunter/ReactJS-AdminLTE/blob/master/routes.js

我现在喜欢这个方法，简洁、方便真的不错。

4. https://github.com/dsheiko/html-import html-import 登场了。

如果想编译就用npm吧，我直接用里边的dist 里边的html-import.es5.js 就可以了，而且ie 浏览器也可以支持，但是要求服务器运行后才可以。

写二个文件：a. index.html import-foo.html （来测试一下好不好用）

index.html 内容如下：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html><head><title>HTML Import Demo</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><script src="html-import.es5.js"></script></head><body><div class="container"><h4>Import a single HTML file</h4><link rel="html-import" href="import-foo.html" ></div></body>
</html>

import-foo.html 内容如下:

<div class="alert alert-success" role="alert">Import FOO</div><div class="panel panel-default"><div class="panel-body"><h4>8888888</h4></div>
</div>

b 创建一个文件夹放在 spring booot resource/static 下边

├── static

│ └── pages

│ ├── html-import.es5.js

│ ├── import-foo.html

│ └── index.html

c 在spring boot 的controller 里边写入这个：

    @GetMapping("/")public String greeting2(HttpServletRequest request,ModelMap map) {return "redirect:/pages/index.html";}

d 运行吧: localhost:8080/

成功了！！！

小结： firefox 是可以所见所得的，其它的一定要把服务器运行后才可以正常见结果，同在发现firefox对标准支持的很好，也不用打什么开关之类的，chrome 是要打开个开关的，用这个方法就可以不使用什么太复杂的技术来搭建框架了。

spring boot 怎么 html 嵌套 html？相关推荐

Spring Boot 属性配置和使用
spring Boot 允许通过外部配置让你在不同的环境使用同一应用程序的代码,简单说就是可以通过配置文件来注入属性或者修改默认的配置. Spring Boot 系列 Spring Boot 入门 S ...
spring boot 教程（三）配置详解
在大部分情况下,我们不需要做太多的配置就能够让spring boot正常运行.在一些特殊的情况下,我们需要做修改一些配置,或者需要有自己的配置属性. Spring Boot 支持多种外部配置方式这些 ...
@Validated注解详解，分组校验，嵌套校验，@Valid和@Validated 区别，Spring Boot @Validated
技术栈: spring boot 2.3.3.RELEASE hibernate-validator 文末附项目源代码目录简述项目依赖全局异常处理类基础参数校验实体类控制类测试嵌套参 ...
Spring Boot @ConfigurationProperties使用指导
1.简介 Spring Boot的一个非常有用的功能是外部化配置,并且可以轻松访问属性文件中定义的属性. 我们现在将详细地探索@ConfigurationProperties注释. 2.设置本文使用 ...
Spring Boot 定义接口的方法是否可以声明为 private？
我们在 Controller 中定义接口的时候,一般都是像下面这样: @GetMapping("/01") public String hello(Map<String,Ob ...
Spring Boot 最最最常用的注解梳理
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章来源:blog.csdn.net/zhanglong_4444 一 ...
Spring Boot注解大全，一键收藏了！
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章来源:www.cnblogs.com/tanwei81/p/681 ...
【建议收藏】Spring Boot注解全梳理!
一.注解(annotations)列表 @SpringBootApplication:包含了**@ComponentScan**.「@Configuration」和「@EnableAutoConf ...
Spring Boot 注解大全，一键收藏！回城路上复习！
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源 | www.cnblogs.com/tanwei8 ...

spring boot 怎么 html 嵌套 html？

spring boot 怎么 html 嵌套 html？相关推荐

最新文章

热门文章