注意:若是使用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鏡像。
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包。其餘獨立部署項目亦同。
在pom.xml文件中添加下面的依賴。
<!--TOMCAT配置--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope> </dependency>
將pom.xml文件首部的jar改爲war。
修改啓動類,讓啓動類繼承 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/ 版權全部,歡迎轉載,轉載請註明原文做者及出處。