項目打包部署
安裝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/
版權所有,歡迎轉載,轉載請注明原文作者及出處。