Spring Boot + Spring Cloud 實現權限管理系統 后端篇(十四):項目打包部署


項目打包部署

安裝MySQL鏡像

注意:如果使用docker鏡像安裝MySQL,也需要在前端部署主機安裝MySQL,因為備份還原功能是使用MySQL的本地命令進行操作的。

下載鏡像

 執行以下命令,拉取MySQL鏡像。

docker pull mysql:latest

 鏡像下載完成之后,通過以下命令查看下載的鏡像。

docker images |grep mysql

啟動容器

執行以下命令,啟動一個容器。

docker run -p 3306:3306 --name mysql -e MYSQL_ROOT_PASSWORD=123456 -d mysql:latest

進入容器

執行以下命令,進入啟動容器。

docker exec -it  5430daed2289  /bin/bash

登錄測試

進入容器之后,執行MySQL登錄命令,並根據提示輸入密碼。

mysql -uroot -p

查看數據庫

外部訪問測試

上面在服務器本地測試已經安裝成功了,現在從外部環境連接測試一下。

使用MySQL客戶端工具連接服務端MySQL,連接成功就說明沒問題了。

新建數據庫

創建 kitty 數據庫,使用 utf-8 編碼。

導入我們的數據庫初始化SQL文件。

導入結果

安裝Tomcat鏡像

下載鏡像

 執行以下命令,拉取Tomcat鏡像。

docker pull tomcat:latest

 鏡像下載完成之后,通過以下命令查看下載的鏡像。

docker images |grep tomcat

啟動容器

先再 /usr 目錄下新建一個 /tomcat/webapps 目錄用於掛載項目目錄。並把Tomcat原有的webapps下的項目文件拷貝到其中。

這樣 tomcat 使用的 webapps 目錄就是主機 /usr/tomcat/webapps 目錄了,不會因為容器的刪除而丟失,多個tomcat可共享。

執行以下命令,啟動一個容器。

docker run --name tomcat -p 8080:8080 -v /usr/soft/tomcat/webapps:/usr/local/tomcat/webapps -d tomcat:latest
說明:
-v /usr/soft/tomcat/webapps:/usr/local/tomcat/webapps 表示把主機目錄掛載到容器目錄(主機目錄:容器目錄),這樣多個容器之間就可以共享主機webapps目錄了。

訪問測試

外部訪問 服務器IP:端口號,訪問Tomcat,如果看到如下頁面就啟動成功了。

 

服務端項目打包

Spring Boot 默認是打包成jar,我們這里把項目打包成war包,統一部署到tomcat服務器。

下面以kitty-backup為例,把項目打包成war包。其他獨立部署項目亦同。

1.添加打包依賴

在pom.xml文件中添加下面的依賴。

    <!--TOMCAT配置-->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-tomcat</artifactId>
        <scope>provided</scope>
    </dependency>

2.修改打包方式

將pom.xml文件首部的jar改成war。

3.修改啟動類

修改啟動類,讓啟動類繼承 SpringBootServletInitializer,並覆寫 configure 方法。

package com.louis.kitty.backup;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;

@SpringBootApplication(scanBasePackages={"com.louis.kitty"})
public class KittyBackupApplication extends SpringBootServletInitializer {

    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        return builder.sources(KittyBackupApplication.class);
    }
    
    public static void main(String[] args) {
        SpringApplication.run(KittyBackupApplication.class, args);
    }
}

前端項目打包

執行以下命令打包,打包之后把dist目錄的內容復制到服務器即可。

npm run build

打包之后,生成 dist 目錄。

 

打包成功之后,顯示的時候可能會出現不能正常顯示 font awesome 的問題。

那是因為打包樣式路徑的問題,需要修改一下樣式相關打包配置。

build/utils.js

項目部署

打包完成之后,把前端內容放置在kitty目錄,上傳到tomcat目錄。

注意修改一下相關配置:

kitty-boot: application.yml     // 數據庫配置

kitty-bakcup: application.yml     // 數據庫配置

kitty: utils/global.js   // 后台接口和備份接口地址

測試效果

訪問 http://139.196.87.48:9002/kitty ,轉到登錄頁面。

登錄主頁

用戶管理

菜單管理

 

源碼下載

后端:https://gitee.com/liuge1988/kitty

前端:https://gitee.com/liuge1988/kitty-ui.git


作者:朝雨憶輕塵
出處:https://www.cnblogs.com/xifengxiaoma/ 
版權所有,歡迎轉載,轉載請注明原文作者及出處。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM