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

項目打包部署

安裝MySQL鏡像

注意:若是使用docker鏡像安裝MySQL,也須要在前端部署主機安裝MySQL,由於備份還原功能是使用MySQL的本地命令進行操做的。前端

下載鏡像

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

docker pull mysql:latest

 鏡像下載完成以後,經過如下命令查看下載的鏡像。git

docker images |grep mysql

啓動容器

執行如下命令,啓動一個容器。web

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

進入容器

執行如下命令,進入啓動容器。spring

docker exec -it  5430daed2289  /bin/bash

登陸測試

進入容器以後,執行MySQL登陸命令,並根據提示輸入密碼。sql

mysql -uroot -p

查看數據庫docker

外部訪問測試

上面在服務器本地測試已經安裝成功了,如今從外部環境鏈接測試一下。數據庫

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

新建數據庫

建立 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/ 版權全部,歡迎轉載,轉載請註明原文做者及出處。

相關文章
相關標籤/搜索