網頁設計banner代碼：banner代碼編寫

專車介紹

該趟專車是開往 SpringBoot 自定義 banner 的實戰專車，主要講解制定自定義 banner 的過程

專車問題

第一個問題：如何製作 banner

第二個問題：如何替換掉 SpringBoot 默認的 banner

第三個問題：如何在 banner 中顯示項目相關信息，如項目名稱、項目版本號

專車實戰

首先在父模塊下面創建一個名為 boot-example-banner 的子模塊，打開如下網站：
https://www.bootschool.net/ascii

選擇相應的字體，輸入對應的文字，點擊生成按鈕，拷貝生成的結果

在 boot-example-banner 模塊中創建 resources 目錄，在 resources 目錄下創建 banner.txt 文件，將剛才生成的結果貼入 banner.txt 文件中，啟動項目，可以看到如下結果

如果覺得如上的 banner 不好看，可以自己搜索想要的 banner，比如如下：

////////////////////////////////////////////////////////////////////
 //                          _ooOoo_                               //
 //                         o8888888o                              //
 //                         88" . "88                              //
 //                         (| ^_^ |)                              //
 //                         O  =  /O                              //
 //                      ____/`---'____                           //
 //                    .'  \|     |//  `.                         //
 //                   /  \|||  :  |||//                          //
 //                  /  _||||| -:- |||||-                         //
 //                  |   | \  -  /// |   |                       //
 //                  | _|  ''---/''  |   |                       //
 //                    .-__  `-`  ___/-. /                       //
 //                ___`. .'  /--.--  `. . ___                     //
 //              ."" '<  `.____<|>_/___.'  >'"".                  //
 //            | | :  `- `.;` _ /`;.`/ - ` : | |                 //
 //               `-.   _ __ /__ _/   .-` /  /                 //
 //      ========`-.____`-.________/___.-`____.-'========         //
 //                           `=---='                              //
 //      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
 //            佛祖保佑       永不宕機     永無BUG                  //
 ////////////////////////////////////////////////////////////////////

自從修改了如上的 banner，線上的 bug 也變少了，建議大家選擇並替換

接下來我們要實現如何在 banner 中展示項目的名稱、項目的版本號

第一步：在 pom 文件中添加資源配置

<build>
    <resources>
        <resource>
            <directory>src/main/resources</directory>
            <filtering>true</filtering>
        </resource>
    </resources>
</build>

第二步：在 resources 目錄下面創建 application.yml 文件

project:
  build:
    artifactId: '@project.artifactId@'
    version: '@project.version@'

第三步：在 banner 中指定項目配置

////////////////////////////////////////////////////////////////////
 //                          _ooOoo_                               //
 //                         o8888888o                              //
 //                         88" . "88                              //
 //                         (| ^_^ |)                              //
 //                         O  =  /O                              //
 //                      ____/`---'____                           //
 //                    .'  \|     |//  `.                         //
 //                   /  \|||  :  |||//                          //
 //                  /  _||||| -:- |||||-                         //
 //                  |   | \  -  /// |   |                       //
 //                  | _|  ''---/''  |   |                       //
 //                    .-__  `-`  ___/-. /                       //
 //                ___`. .'  /--.--  `. . ___                     //
 //              ."" '<  `.____<|>_/___.'  >'"".                  //
 //            | | :  `- `.;` _ /`;.`/ - ` : | |                 //
 //               `-.   _ __ /__ _/   .-` /  /                 //
 //      ========`-.____`-.________/___.-`____.-'========         //
 //                           `=---='                              //
 //      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
 //            佛祖保佑       永不宕機     永無BUG                  //
 ////////////////////////////////////////////////////////////////////
 :: Spring Boot      ::   ${spring-boot.formatted-version}
 :: Project Version  ::   ${project.build.version}
 :: Project Name     ::   ${project.build.artifactId}

第四步：啟動項目

////////////////////////////////////////////////////////////////////
 //                          _ooOoo_                               //
 //                         o8888888o                              //
 //                         88" . "88                              //
 //                         (| ^_^ |)                              //
 //                         O  =  /O                              //
 //                      ____/`---'____                           //
 //                    .'  \|     |//  `.                         //
 //                   /  \|||  :  |||//                          //
 //                  /  _||||| -:- |||||-                         //
 //                  |   | \  -  /// |   |                       //
 //                  | _|  ''---/''  |   |                       //
 //                    .-__  `-`  ___/-. /                       //
 //                ___`. .'  /--.--  `. . ___                     //
 //              ."" '<  `.____<|>_/___.'  >'"".                  //
 //            | | :  `- `.;` _ /`;.`/ - ` : | |                 //
 //               `-.   _ __ /__ _/   .-` /  /                 //
 //      ========`-.____`-.________/___.-`____.-'========         //
 //                           `=---='                              //
 //      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
 //            佛祖保佑       永不宕機     永無BUG                  //
 ////////////////////////////////////////////////////////////////////
 :: Spring Boot      ::    (v2.1.6.RELEASE)
 :: Project Version  ::   1.0-SNAPSHOT
 :: Project Name     ::   boot-example-banner

通過如上配置，使得我們可以清楚的知道項目的一些相關配置信息，比如項目使用的 SpringBoot 版本號，項目名稱，項目本身的版本號

小提示：我們可以在 banner.txt 中通過{AnsiColor.BRIGHT_RED}來指定背景色、前景色

完整的 banner 配置如下：

${AnsiColor.BRIGHT_RED}
////////////////////////////////////////////////////////////////////
 //                          _ooOoo_                               //
 //                         o8888888o                              //
 //                         88" . "88                              //
 //                         (| ^_^ |)                              //
 //                         O  =  /O                              //
 //                      ____/`---'____                           //
 //                    .'  \|     |//  `.                         //
 //                   /  \|||  :  |||//                          //
 //                  /  _||||| -:- |||||-                         //
 //                  |   | \  -  /// |   |                       //
 //                  | _|  ''---/''  |   |                       //
 //                    .-__  `-`  ___/-. /                       //
 //                ___`. .'  /--.--  `. . ___                     //
 //              ."" '<  `.____<|>_/___.'  >'"".                  //
 //            | | :  `- `.;` _ /`;.`/ - ` : | |                 //
 //               `-.   _ __ /__ _/   .-` /  /                 //
 //      ========`-.____`-.________/___.-`____.-'========         //
 //                           `=---='                              //
 //      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
 //            佛祖保佑       永不宕機     永無BUG                  //
 ////////////////////////////////////////////////////////////////////
 :: Spring Boot      ::   ${spring-boot.formatted-version}
 :: Project Version  ::   ${project.build.version}
 :: Project Name     ::   ${project.build.artifactId}