Recientemente, estaba aprendiendo Boot de primavera. Aprender un marco no es más que usarlo para hacer lo que hice antes. Los dos son diferentes. Déjame decirte lo que he experimentado usando.
Hablemos primero sobre Spring Boot, microframework. El desarrollo rápido es equivalente a la configuración cero. Desde la perspectiva de un maestro: Spring Boot es equivalente a un marco del marco, que es muchas integraciones. Simplemente agregue qué dependencias es suficiente. De esta manera, no verá la configuración usted mismo. Para los desarrolladores que están acostumbrados a usar configuraciones, pueden ser un poco no familiarizados con los desarrolladores que acaban de usar Spring Boot. No necesitan igualar nada. No ven la configuración. Me siento un poco desconocido con la arquitectura general del proyecto. Además, usando Thymeleaf en el arranque de primavera. Tomemos el ejemplo más simple para ilustrar que JSP muestra a Helloworld, Thymeleaf muestra Helloworld. Los dos son diferentes de la configuración de las dependencias de introducción del archivo POM y los archivos de atributos. Cuando usa JSP, no introduzca dependencias de Thymeleaf. Por supuesto, no introduzca dependencias de JSP cuando se use Thymeleaf. Puede causar conflictos. Spring Boot Oficial recomienda usar Thymeleaf. Personalmente siento que es bueno, ¡comencemos el proyecto!
1. Primero construya un proyecto Meaven y vea la estructura general del proyecto construido
Construya una estructura de proyecto y use pom.xml. Esta demostración solo usa thymeleaf. No hay dependencias de bases de datos y se requieren pocas dependencias.
<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.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0. http://maven.apache.org/xsd/maven-4.0.0.xsd "> <modelVersion> 4.0.0 </modelversion> <MoupRupid> springboot_bootstrap </groupid> <artifactID> springboot_bootstrap </artifactId> <PROPESIDAD> 0.0.1-SNAPSHOT </Versión> <SartifactId> springBoot_bootstrap </artifactId> <PROPESSONDE> 0.0.1-SNAPSHOT </Versión> <MoupRoD> org.springframework.boot </groupid> <artifactid> spring-boot-starter-parent </artifactid> <versión> 1.4.7.release </versión> <relativePath/> <! <Project.Build.SourceEncoding> UTF-8 </project.build.SourceEncoding> <Project.Reporting.outputEncoding> Utf-8 </project.Reporting.outputEncoding> <Java.version> 1.8 </Java.Version> </propiences> <pendences> <Spendences> <MoupRid> org.springframework.boot </groupid> <artifactid> spring-boot-starter </artifactid> </pendency> <pepertency> <uproupid> org.springframework.boot </groupId> <artifactid> spring-boot-sharter-web </artifactid> </pendency> < <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> </build> </proyecto>
Crear archivo Application.Properties en SRC /Main /Resource
server.port = 8080 server.session.timeout = 10 server.tomcat.uri-ending = utf-8 spring.thymeleaf.prefix = classpath:/ views/ spring.thymeleaf.suffix = .html spring.thymeleaf.mode = html5 spring.thymeleaf.encoding = utf-8 spring.thymeleaf.Content-type = text/html spring.thymeleaf.cache = falso
Programa de puerto de escritura
paquete com.zanghan.youyu; importar org.springframework.boot.springapplication; importar org.springframework.boot.autoconfigure.springbootapplication; @SpringBootApplication Clase pública YoyuApplication {public static void main (string [] args) {springapplication.run (yoyUapplication.class, args); }} Interfaz de arranque de salto del controlador
paquete com.zanghan.youyu.controller; importar org.springframework.stereotype.controller; importar org.springframework.web.bind.annotation.requestMapping; @Controller public class logincontroller {@RequestMapping ("/") public String index () {return "/index"; }}¿Dónde introducir bootstrap JS CSS? Póngalo en la carpeta estática, la página se coloca en las vistas
La interfaz index.html se almacena en la carpeta Vistas en SRC/Main/Resource. ¿Por qué no es compañero de té? Debido a que el contenido en el archivo de configuración de la propiedad está escrito con vistas, se puede cambiar el prefijo y el sufijo de thymeleaf.
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml" xmlns: th = "http://www.thymeleaf.org" xmlns: sec = "http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"> <head> <meta charset = "utf-8"/> <meta http-equiv = "x-ua" contenido = "ie = edge"/> <meta name = "viewport =" width, width, width, width, width, width, width, width, width, width, width, width, width, width, width, width, "width," width, "width," width, "width," width, ",". escala inicial = 1 "/> <title> plataforma MES </title> <!-bootstrap-> <link th: href ="@{bootstrap/bootstrap/css/bootstrap.min.css} "rel =" Stylesheet "/> <!-Font Awesome-> <Link <Link-<Link th: href = "@{bootstrap/font-awesome/css/font-awesome.min.css}" rel = "stylesheet"/> <!-[if IE 7]> <link href = "/content/font-awesome/css/font-awesome-ie7.min.css" rel = "Stylesheet" <Enlace th: href = "@{bootstrap/Sidebar-Menu/Sidebar-Menu.css}" rel = "Stylesheet"/> <link th: href = "@{bootstrap/ace/css/ace-rtl.min.css}" rel = "Stylesheet"/> <linkin th: href = "@{bootstrap/ace/css/ape-skins.min.css}" rel = "stylesheet"/> <script th: src = "@{bootstrap/jQuery-1.9.1.min.js}"> </script> <script> <Script> </script> </script> </script> th: src = "@{bootstrap/bootstrap/js/bootstrap.min.js}"> </script> <script th: src = "@{bootstrap/sidebar-Menu/Sidebar-Menu.js}"> </script> <script> < th: src = "@{bootstrap/bootstrap/js/bootstrap-tab.js}"> </script> <!-[if Lt Ie 9]>> <script src = "/scripts/html5shiv.js"> </script> <script src = "/scripts/respond.min.js"> </script> <! type = "text/css"> cuerpo {font-size: 12px; } .nav> li> a {relleno: 5px 10px; } .tab-contento {padding-top: 3px; } </style> </head> <body> <div id = "navbar"> <ul> <a id = "menú-toggler" href = "#"> <i style = "font-size: 20px; margin-left: -18px; margin-top: 8px; visual </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> Configuración </a> </li> <li> <a href = "#"> <i> </i> perfil </a> </li> <li> </li> <li> <a href = "/home/logrout"> <i> </i> exit </a> </li> </li> </li> </li> </li> </li> </iv> </iv> <div id = "Main-Container"> <div> <div id = "SideBar"> <div id = "SideBar"> <div id = "SideBar-Collapse" style = "Display: Ninguno;"> <i data-icon1 = "icon-double-angangle-left" data-icon2 = "icon-dousle-right-right" </i> <ul div> <shin> Diver id = "menú"> </ul> </div> <div> <iv> <iv> <div> <div> <div> <div style = "padding-left: 5px;"> <ul roly = "tablist"> <li> <a href = "#index" role = "tab" toggle = "tab"> la casa de inicio del sistema </a> </li> </ul> <div style = "altura: 1000px> role = "tabpanel" id = "index" style = "altura: 100%"> <h2> Bienvenido al sistema de gestión de backend </h2> </div> </div> </div> </div> </div> </div> </div> <script type = "text/javascript"> //toastr.options.positionclasssson. $ (function () {$ ('#menú'). 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', 2 ', Coding Management', Coding ', Code icon: 'icon-glass', url: '', menus: [{id: '2', Text: 'Coding Management 1', icon: 'icon-glass', url: '',}, {id: '3', text: 'gestión de codificación 2', icon: 'icon-glass', url: '',}, {id: '4', ',' Coding ganagem 'icon-glass', url: '',}]}]}]}]}]}); $ (Children) .RemoVeclass ("Icon-Double-Angle-Left"). AddClass ("Icon-Double-Angle-Right"); $ ("#barra lateral"). attr ("clase", "pantalla lateral"); </script> <script th: src = "@{bootstrap/Ace/js/Ace-Extra.min.js}"> </script> <script th: src = "@{bootstrap/ace/js/ace.min.js}"> </script> </body> </html>Hágalo, ejecute la aplicación e ingrese localhost: 8080
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.