Недавно я изучал Spring Boot. Изучение структуры - это не что иное, как использовать ее, чтобы делать то, что я делал раньше. Два разные. Позвольте мне рассказать вам, что я испытал.
Давайте сначала поговорим о Spring Boot, MicroFramework. Быстрая разработка эквивалентна нулевой конфигурации. С точки зрения мастера: Spring Boot эквивалентен структуре структуры, которая является большой интеграцией. Просто добавьте, какие зависимости, для которых достаточно. Таким образом, вы не увидите конфигурацию самостоятельно. Для разработчиков, которые привыкли использовать конфигурации, они все еще могут быть немного незнакомы с разработчиками, которые только что использовали Spring Boot. Им не нужно ничего соответствовать. Они не видят конфигурации. Я чувствую себя немного незнакомы с общей архитектурой проекта. Кроме того, используя Thymeleaf в Spring Boot. Давайте возьмем самый простой пример, чтобы проиллюстрировать, что JSP показывает Helloworld, Thymeleaf показывает Helloworld. Они отличаются от конфигурации зависимостей ввода файла POM и файлов атрибутов. Когда вы используете JSP, не вводите зависимости Thymeleaf. Конечно, не вводите зависимости JSP при использовании Thymeleaf. Это может вызвать конфликты. Spring Boot Official рекомендует использовать Thymeleaf. Я лично чувствую, что это хорошо, давайте начнем проект!
1. Сначала создайте проект Meaven и посмотрите общую структуру встроенного проекта
Создайте структуру проекта и используйте pom.xml. Эта демонстрация использует только тимелиф. Нет никаких зависимостей базы данных, и требуется мало зависимостей.
<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 "> <dolidyversion> 4.0.0 </modelversion> <groupboot> springboot_bootstrap </GroupId> <ratfactid> springboot_bootstrap </artifactid> <verise> 0.0.1-snapshot <ment> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <parian> <groupId> org.springframework.boot </GroupId> <StrifactId> Spring-Boot-Starter-parent </artifactid> <sersive> 1.4.7.Release </version> <venuvativePath/> <!-Поиск родителя от репозитория-> </parent> <properties> <project.build.sourceencoding> utf-8 </project.build.sourceencoding> <project.reporting.outputencoding> utf-8 </project.Report.OutputEncoding> <java.version> 1.8 </java.version> </properties> <зависимости> <зависимости>. <groupId> org.springframework.boot </GroupId> <artifactId> Spring-boot-starter </artifactid> </depertive> <Depectident> <groupd> org.springframework.boot </GroupId> <ratifactid> Spring-boot-starter-web </artifactid> </зависимость> <! <groupId> org.springframework.boot </GroupID> <ArtifactId> Spring-Boot-Starter-ThymeLeaf </artifactid> </depervice> </depertive> <buld> <blicins> <groupid> org.springframe. </build> </project>
Создать файл Application.properties в SRC /Main /Resource
Server.port = 8080 server.session.timeout = 10 server.tomcat.uri-encoding = utf-8 spring.thymeleaf.prefix = classpath:/ view/ spring.thymeleaf.suffix = .html spring.tymeleaf.mode = html5 spring.themeleaf.coding = utf-8 Spring.ThyMeleaf.content
Написать порт программы
пакет com.zanghan.youyu; Импорт org.springframework.boot.springapplication; Импорт org.springframework.boot.autoconfigure.springbootapplication; @Springbootapplication public class youyuapplication {public static void main (string [] args) {springapplication.run (youyuapplication.class, args); }} Контроллер прыжковой интерфейс начальной загрузки
пакет com.zanghan.youyu.controller; Import org.springframework.sterotype.controller; Импорт org.springframework.web.bind.annotation.requestmapping; @Controller public class logincontroller {@requestmapping ("/") public String index () {return "/index"; }}Где ввести Bootstrap JS CSS? Поместите его в статическую папку, страница помещается в представления
Интерфейс index.html хранится в папке представлений в рамках SRC/Main/Resource. Почему это не Tepmates? Поскольку контент в файле конфигурации свойства записывается с представлениями, префикс и суффикс 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-совместимо Начальная масштаба = 1 "/> <Title> MES Platform </title> <!-Bootstrap-> <link Th: href ="@{bootstrap/bootstrap/css/bootstrap.min.css} "rel =" stylesheet "/> <!-Font Awesom TH: href = "@{bootstrap/font-awesome/css/font-awesome.min.css}" rel = "stylesheet"/> <!-[если IE 7]> <link href = "/content/font-awesome/css/font-ave-ie7.min.csss" rel = "relshese/css/font-ave-ie7.min.css"/endishest "/> th: href = "@{bootstrap/sidebar-menu/sidebar-menu.css}" rel = "stylesheet"/> <link th: href = "@{bootstrap/ace/css/ace-rtl.min.css}" rel = "stylesheet"/> <link 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}"> </script> <script Th: src = "@{bootstrap/bootstrap/js/bootstrap-tab.js}"> </script> <!-[если I, ie 9]> <script src = "/scripts/html5shiv.js"> </script> <script src = "/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts/scripts. type = "text/css"> body {font-size: 12px; } .nav> li> a {padding: 5px 10px; } .tab-content {padding-top: 3px; } </style> </head> <body> <div id = "Navbar"> <ul> <a id = "menu-toggler" href = "#"> <i style = "font-size: 20px; margin-left: -18px; margin-top: 8px; отображение: flex;" </i> </a> <a href = "##"####"###"##" </a> </ul> <div rol = "navigation"> <ul> <li style = "height: 50px;"> <a data-toggle = "выпадающий" href = "#"> <img src = "Содержание/Ace/avatars/avatar2.png"/> <span> <slm>, </small> 1310177 </span> <i> </> </> </> </> </> </> <Span> </small>, </small> 1310177 <//> </> </> <Span> <slam <a href = "#"> <i> </i> Настройки </a> </li> <li> <a href = "#"> <i> </i> Profile </a> </li> <li> </li> <li> <a href = "/home/logout"> <i> </i> exit </a> </li> </li> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </i> </div> </div> <div id="main-container"> <div> <div id="sidebar"> <div id="sidebar"> <div id="sidebar-collapse" style="display:none;"> <i data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i> </div> <ul id = "menu"> </ul> </div> <div> <div> <div> <div> <div> <div style = "wadding-left: 5px;"> <ul role = "tableist"> <li> <a href = "#index" role = "tab" data-toggle = "tab"> Система homepage </a> </li> </ul> <dist style = "dives =" dives = "dives =" dives = "dives =" dives = "dives =" dives = "dives =" dives = "dive =" dives = "dives =" dives = "dives =" dive-style: rol = "tabpanel" id = "index" style = "height: 100%"> <h2> Добро пожаловать в систему управления бэкэнд </h2> </div> </div> </div> </div> </div> </div> </div> <script type = "text/javascript"> //toastr.options.positionclass = 'toast-bott-right'; $ (function () {$ ('#menu'). Sidebarmen Значок: «Значок-стекло», url: '', меню: [{id: '2', текст: 'Management 1', Icon: 'Icon-Glass', url: '',}, {id: '3', текст: 'Кодирование 2', Icon: 'Icon-Glass', url: '',}, {id: '4', 'icon-glass', url: '',}, {id: ',', 'text:' icon: icing: 'Icon: 'Icon-Glass', url: '',}]}]}]}]}]}); $ (дети) .Removeclass ("икона-дубль-угла"). addClass ("икона-дублий $ ("#боковая панель"). ATTR ("Class", "Display"); </script> <script th: src = "@{bootstrap/ace/js/ace-extra.min.js}"> </script> <script th: src = "@{bootstrap/ace/js/ace.min.js}"> </script> </body> </html>Получите это, запустите приложение и введите Localhost: 8080
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.