1. 程式人生 > >一步一步實現web程序信息管理系統之二----後臺框架實現跳轉登陸頁面

一步一步實現web程序信息管理系統之二----後臺框架實現跳轉登陸頁面

frame tco 代碼 pom web 放置 異常 boot ase

SpringBoot
springboot的目的是為了簡化spring應用的開發搭建以及開發過程。內部使用了特殊的處理,使得開發人員不需要進行額外繁鎖的xml文件配置的編寫,其內部包含很多模塊的配置只需要添加maven依賴即可使用,這項功能可謂對開發人員提供了大大的好處。使用springboot只需要簡單配置一下就可以完成之前復雜的配置過程。可以到https://start.spring.io/此網站上,下載一個最簡單的springboot應用,然後一步一步實現自已的應用。在這裏插入圖片描述
可以看出當前的穩定版本為2.1.0,點擊Generate Project 按鈕,即可下載一個可用的springboot應用。
在這裏插入圖片描述
這個是我下載下來後,雙擊後出來的。可以看出以工程是一個基於maven的項目。你可以將其解壓到任何一個目錄下,通過eclipse或其他IDE進行導入後運行,eclipse導入流程為File->import->maven->existing maven projects,查找到自己的項目目錄。也可以基於此工程來建立自已的maven項目。
下面以建立自己的maven項目

建立自己的springboot項目
創建工程
在建立項目時,可以創建一個多模塊聚合項目,即在創建項目時選中在這裏插入圖片描述選擇為pom。
創建後的工程結構為
在這裏插入圖片描述
在這裏插入圖片描述

jar包依賴

打開從springboot官網中下載下來的工程目錄,打開pom.xml文件
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.0.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>

<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <java.version>1.8</java.version>
</properties>

將此段代碼復制到 spring-boot-study工程中的pom文件中
將下面的依賴復制到spring-boot-web工程中的pom文件中

<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter</artifactId>
</dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
</dependencies>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>

eclipse自動完成項目工程的配置。完成後項目中所有需要依賴的jar包自動配置完成。

代碼編寫將application.properties文件拷貝到spring-boot-study項目的resources目錄下。文件中的內容暫時先不要管,編寫以下代碼
@SpringBootApplication
br/>將application.properties文件拷貝到spring-boot-study項目的resources目錄下。文件中的內容暫時先不要管,編寫以下代碼
@SpringBootApplication
public class WebApplication {

@RequestMapping("/hello")
public String helloWorld() {
    return "Hello World";
}

public static void main(String[] args) {
    SpringApplication.run(WebApplication.class, args);
}

}
HelloWold就已經完成後。可以在瀏覽器中輸入localhost:8080/hello即可看到效果
在這裏插入圖片描述
springboot默認啟動後的端口為8080,但可以在application.properties文件中進行修改。

server.port=9001
將端口修改為9001,重新啟動項目後,在瀏覽器中輸入入localhost:9001/hello同樣可以看到相同的結果。

整合login界面
現在後臺已經有轉發功能,具備web瀏覽功能。但我們需要訪問URL為“/”時跳轉到登陸界面,即創建好的登陸界面。本人也是在學習過程中,在網上學習好久才發現使用html的話就使用thymeleaf模板就好了。下面就詳細來說說如何使用thymeleaf開發html。
在spring-boot-web項目中的pom文件中加上thymeleaf的依賴。

org.springframework.boot spring-boot-starter-thymeleaf 但在Spring Boot項目中,一般src/main/resources/static目錄用於存放各類靜態資源文件,例如css、js和image等。src/main/resources/templates用於存放頁面文件,例如html,jsp等。所以在spring-boot-web中的resources目錄下創建static目錄與templates目錄,並將相應的資源文件放置在各自的目錄下。 配置thymeleaf #thymeleaf spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.mode=HTML spring.thymeleaf.encoding=UTF-8 spring.thymeleaf.servlet.content-type=text/html spring.thymeleaf.cache=false html文件修改,增加xmlns:th="http://www.thymeleaf.org" 屬性,資源文件的引入要修改。 然後編寫 java代碼 @Controller public class IndexController { @RequestMapping("/") public String index() { return "login"; } } 重新啟動程序,訪問localhost:9001/就可成功跳轉至login.html登陸界面上。 註:thymeleaf對html標簽要求很嚴格,每一個標簽都需要成對出現。 調試過程中遇到下面異常信息 org.thymeleaf.exceptions.TemplateInputException: Error resolving template [login], template might not exist or might not be accessible by any of the configured Template Resolvers at org.thymeleaf.engine.TemplateManager.resolveTemplate(TemplateManager.java:869) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.engine.TemplateManager.parseAndProcess(TemplateManager.java:607) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1098) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1072) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.spring5.view.ThymeleafView.renderFragment(ThymeleafView.java:362) [thymeleaf-spring5-。。。。。。。。。。。 因為錯將templates寫成templatse導致。 至此實現從後端服務訪問到登陸界面的搭建,還沒有具體登陸邏輯實現。 下一篇實現登陸業務邏輯。 附上 本篇文章源代碼 一步一步實現web程序信息管理系統之二----後臺框架實現跳轉登陸頁面 分類: springboot,web,信息系統 標簽: springboot, thymeleaf, maven

一步一步實現web程序信息管理系統之二----後臺框架實現跳轉登陸頁面