Recentemente, eu estava aprendendo a primavera. Aprender uma estrutura nada mais é do que usá -la para fazer o que eu fiz antes. Os dois são diferentes. Deixe -me dizer o que experimentei usando.
Vamos falar sobre a bota da primavera primeiro, Microframework. O desenvolvimento rápido é equivalente à configuração zero. Do ponto de vista de um mestre: a bota da primavera é equivalente a uma estrutura da estrutura, o que é muitas integrações. Basta adicionar quais dependências a qual é suficiente. Dessa forma, você não verá a configuração. Para os desenvolvedores que estão acostumados a usar configurações, eles ainda podem estar um pouco familiarizados com os desenvolvedores que acabaram de usar a Spring Boot. Eles não precisam combinar nada. Eles não vêem a configuração. Sinto -me um pouco familiar com a arquitetura geral do projeto. Além disso, usando timeslefos na bota da primavera. Vamos dar o exemplo mais simples para ilustrar que o JSP mostra Helloworld, Thymeleaf mostra Helloworld. Os dois são diferentes da configuração das dependências e arquivos de atributo Introdução ao arquivo POM. Quando você usa o JSP, não apresente as dependências do tymeleaf. Obviamente, não introduz dependências JSP ao usar o timyleaf. Pode causar conflitos. O Spring Boot Officer recomenda o uso de timias. Pessoalmente, sinto que é bom, vamos começar o projeto!
1. Primeiro construa um projeto Meaven e veja a estrutura geral do projeto construído
Crie uma estrutura de projeto e use o pom.xml. Esta demonstração usa apenas timyleaf. Não há dependências de banco de dados e poucas dependências são necessárias.
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>Springboot_bootstrap</groupId> <artifactId>Springboot_bootstrap</artifactId> <version>0.0.1-SNAPSHOT</version> <parent> <GrupidId> org.springframework.boot </frugiD> <TRAFACTID> Spring-Boot-Starter-Parent </ArtifactId> <Versão> 1.4.7.release </sipers> <RelityPath/> <!-Lookup Parent from Repositor <Project.build.sourceEncoding> utf-8 </project.build.sourceEncoding> <ject.reporting.outputencoding> utf-8 </project.reporting.outputEncoding> <nava.version> 1.8 </java.version> </prophers> <PuerpId> org.springframework.boot </frupiid> <TRAFACTID> Spring-Boot-Starter </starfactId> </dependency> <pendence> <puperid> org.springframework.boot </groupid> <Tarfactid> Spring-Boot-StartyM-WEB </stifactId> </groupid> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> <build> <plugins> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </bilt> </ject>
Criar Arquivo de Application.Properties no SRC /Main /Recurso
server.port = 8080 server.session.timeout = 10 server.tomcat.uri-coding = utf-8 spring.thymeleaf.prefix = classPath:/ Views/ spring.thymeleaf.Suffix = .html spring.thymeleaf.mode = html5 spring.TheMeaf.Encoding = utf spring.thymeleaf.content-type = text/html spring.thymeleaf.cache = false
Escreva Programa de Porta
pacote com.zanghan.youyu; importar org.springframework.boot.springApplication; importar org.springframework.boot.autoconfigure.springbootApplication; @SpringbooTApplication public Class youyuApplication {public static void main (string [] args) {springapplication.run (youyuApplication.class, args); }} Interface de bootstrap de salto do controlador
pacote com.zanghan.youyu.controller; importar org.springframework.tereotype.controller; importar org.springframework.web.bind.annotation.requestmapping; @Controller public class Logincontroller {@RequestMapping ("/") public String Index () {return "/index"; }}Onde introduzir o bootstrap js css? Coloque -o na pasta estática, a página é colocada nas visualizações
A interface index.html é armazenada na pasta Views em SRC/Main/Resource. Por que não é tepmates? Como o conteúdo no arquivo de configuração da propriedade é escrito com visualizações, o prefixo e o sufixo do tymeleaf podem ser alterados.
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml" xmlns: th = "http://www.thymeleaf.org" xmlns: sec = "http://www.thymeleaf.org/thymeleaf-exstras-springsecurity3"> <head> <meta charset = "utf-8"/> <meta http-equiv = "x-ua-compatible" "=" ie = borda = <> escala inicial = 1 "/> <title> MES Platform </ititle> <!-bootstrap-> <link th: href ="@{bootstrap/bootstrap/css/bootstrap.min.css} "rel =" sheet "/> <!-font awesome-> <link th: href = "@{bootstrap/font-awome/css/font-awesome.min.css}" rel = "stylesheet"/> <!-[se ie 7]> <link href = "/content/font-awome/css/font-aweome-ie7.min.min.minss" th: href = "@{bootstrap/sidebar-menu/latebar-menu.css}" rel = "stylesheet"/> <link th: href = "@{bootstrap/ace/css/ace-rtl.min.css}" reln = "estillesheet"/> th: href = "@{bootstrap/ACE/css/ace-skins.min.css}" rel = "stylesheet"/> <script th: src = "@{bootstrap/jQuery-1.9.1.min.js}"> </script> <script th: src = "@{bootstrap/bootstrap/js/bootstrap.min.js}"> </script> <script th: src = "@{bootstrap/sidebar-menu/sidebar-menu.js}"> </cript> <cript> th: src = "@{bootstrap/bootstrap/js/bootstrap-tab.js}"> </script> <!-[se lt ie 9]> <script src = "/scripts/html5shiv.js"> </script> <cript sc = "/script <style type = "text/css"> body {font-size: 12px; } .nav> li> a {preenchimento: 5px 10px; } .tab-content {tapdding-top: 3px; } </style> </ad Head> <body> <div id = "NavBar"> <ul> <a id = "menu-toggler" href = "#"> <i style = "font-size: 20px; margin-left: -18px; margin-top: 8px; display: flex; </a> </ul> <div role="navigation"> <ul> <li style="height:50px;"> <a data-toggle="dropdown" href="#"> <img src="Content/ace/avatars/avatar2.png" /> <span> <small>Welcome,</small> 1310177 </span> <i></i> </a> <ul> <li> <a href = "#"> <i> </i> Configurações </a> </li> <li> <a href = "#"> <i> </i> perfil </a> </li> <li> </li> <li> <a href = "/log/log" <i> </ </div> </div> <div id = "main-container"> <div> <div id = "barra lateral"> <div id = "barra lateral"> <div id = "lateral-colapso" style = "display: none; id = "menu"> </ul> </div> <div> <div> <div> <div> <div> <div style = "preenchimento-left: 5px;"> <ul role = "tablista"> <li> <a href = "#index" role "tabe" "toggle =" "> Role = "TabPanel" id = "índice" style = "altura: 100%"> <H2> Bem-vindo ao sistema de gerenciamento de back-end </h2> </div> </div> </div> </div> </div> </div> </div> <script type = "text/javasscript"> //toast.options.positclassclottclott = 'toT-BriTt) $(function () { $('#menu').sidebarMenu({ data: [{ id: '1', text: 'system settings', icon: 'icon-cog', url: '', menus: [{ id: '2', text: 'Coding management 1', icon: 'icon-glass', url: '', menus: [{ id: '3', text: 'Coding management 2', icon: 'icon-glass', url: '', menus: [{ id: '2', text: 'Coding Management 1', icon: 'icon-glass', url: '', }, { id: '3', text: 'Coding Management 2', icon: 'icon-glass', url: '', },{ id: '4', text: 'Coding Management 3', icon: 'icon-Glass', url: '',}]}]}]}]}]}); $ (crianças) .RemoveClass ("icon-duplo-ângulo-esquerda"). Addclass ("ícone-duplo-ângulo-right"); $ ("#barra lateral"). Att ("classe", "barra lateral"); </script> <script th: src = "@{bootstrap/ACE/js/ace-extra.min.js}"> </script> <script th: src = "@{bootstrap/ace/js/ace.min.js}"> </script> </bodyl>Faça isso, execute o aplicativo e entre no Host: 8080
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.