????????我在gitee（碼云）和知乎上找到的一款既可以免費做工時統計和原型訪問的一個項目，這個項目可以管理項目的周期，人員的工時統計，還可以直接上傳原型文件進行在線訪問。前端是vue+elementUI，后端是java，下面是我的部署手記-超詳細的介紹了這個項目的部署流程到最后運行起來。

項目介紹

九橡項目工時管理系統（oak project） ，是一款輕量級項目工時統計系統，可通過員工工時上報的方式，來記錄項目所花費的工時，幫助企業進行項目工時統計、核算人工成本。系統采用前后端分離開發，前端技術使用Vue。 后端語言為Java，使用maven構建聚合工程。

安裝總述

文檔以工程部署在centOS7部署為例，進行說明。中間件采用docker方式安裝。總體需要安裝：docker、mariaDB、redis5.0、nginx。

環境需要：jdk1.8、node.js、maven。

所需工具：centOS7系統服務器一臺，Xshell軟件， navcat數據庫鏈接工具。

中間件安裝

前提：關閉防火墻

輸入命令：firewall-cmd –state ?查看防火墻狀態

關閉防火墻

輸入命令：service firewalld stop

安裝docker

安裝docker依賴包

命令：yum install -y yum-utils device-mapper-persistent-data lvm2

設置阿里云鏡像源

命令：yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

緩存鏡像源信息以提高搜索安裝速度

命令：yum makecache fast

安裝docker最新版本

命令：yum install docker-ce

啟動docker

命令：systemctl start docker

查看docker版本(驗證是否安裝成功)

命令：docker version

設置docker開機自啟動（可選）

命令：systemctl enable docker

Docker安裝完成。

安裝mariaDB

拉取鏡像

命令：docker pull mariadb

創建容器掛載路徑

命令：mkdir -p /usr/local/jiuxiang/mariadb/data

??? mkdir -p /usr/local/jiuxiang/mariadb/logs

??? mkdir -p /usr/local/jiuxiang/mariadb/conf

啟動容器

命令：docker run -d -p 3306:3306 --name jiuxiang-mariadb \

> -v /usr/local/jiuxiang/mariadb/data:/var/lib/mysql \

> -v /usr/local/jiuxiang/mariadb/logs:/var/log/mysql \

> --privileged=true --restart=always \

> -e MYSQL_ROOT_PASSWORD=jxadmin mariadb

Navcat鏈接數據庫

創建數據庫

下載壓縮包并導入數據庫表信息

碼云下載地址：九橡項目工時管理系統 發行版 - Gitee.com

下載后解壓文件。

執行完后，關閉窗口，在數據庫名稱上右鍵刷新可看見新建的表。

數據庫安裝完成。

安裝redis5.0

拉取鏡像

命令：docker pull redis:5.0.5

創建掛載路徑并授權

命令：

mkdir -p /usr/local/jiuxiang/redis5.0/data

mkdir -p /usr/local/jiuxiang/redis5.0/logs

mkdir -p /usr/local/jiuxiang/redis5.0/conf

chmod -R 777 /usr/local/jiuxiang/redis5.0

編輯配置文件

命令：vi /usr/local/jiuxiang/redis5.0/conf/redis.conf

按i鍵開啟編輯模式，粘貼內容：

# 默認為yes，開啟保護模式，限制為本地訪問

protected-mode no

# 默認為no，改為yes意為以守護進程方式啟動，可后臺運行，除非kill進程，改為yes會使配置文件方式啟動redis失敗

daemonize no

databases 16

# 輸入本地redis數據庫存放文件夾（建議在docker環境中暫時不修改）

dir? ./

# redis持久化（可選）

appendonly yes

# 設置密碼

requirepass p6PYaO46L8XA5oty

按esc鍵再輸入:wq? 回車退出

啟動redis

命令：

docker run --restart=always --name redis-main \

-p 6380:6379 -v /usr/local/jiuxiang/redis5.0/conf/redis.conf:/etc/redis/redis.conf \

-v /usr/local/jiuxiang/redis5.0/data:/data \

-d redis:5.0.5 redis-server /etc/redis/redis.conf

可輸入docker ps 命令驗證啟動是否成功。Redis安裝完成。

安裝nginx

拉取鏡像

命令：docker pull nginx

創建掛在路徑

命令：

mkdir -p /usr/local/nginx/conf

mkdir -p /usr/local/nginx/logs

mkdir -p /usr/local/nginx/www

mkdir -p /usr/local/nginx/conf.d

啟動鏡像? 為了拿到配置文件先啟動一下

命令：docker run --name nginx-test -p 80:80 -d nginx

復制容器中的配置文件到掛載目錄

命令：

docker cp nginx-test:/etc/nginx/nginx.conf /usr/local/nginx/conf

docker cp nginx-test:/etc/nginx/conf.d/default.conf /usr/local/nginx/conf.d

停止并刪除nginx-test

命令：

docker stop nginx-test

docker rm nginx-test

編輯nginx配置文件

命令：vi /usr/local/nginx/conf.d/default.conf

啟動nginx容器

命令：docker run -d -p 80:80 --name nginx-web \

--privileged=true --restart=always \

-v /usr/local/nginx/www:/usr/share/nginx/html \

-v /usr/local/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \

-v /usr/local/nginx/conf.d:/etc/nginx/conf.d \

-v /usr/local/nginx/logs:/var/log/nginx nginx

Nginx安裝完成。

上傳環境文件

上傳java并配置環境變量

略 …

項目部署

上傳java項目

修改腳本文件中的參數

將壓縮文件中得jar包和jx.sh文件上傳到服務器。目錄自定。

修改jx.sh執行權限

命令：chmod +x jx.sh

執行啟動腳本

啟動命令：./jx.sh start

停止命令：./jx.sh stop

驗證運行結果

瀏覽器輸入ip及端口號

????????????????????????

???????????????????????? 后端項目部署完成。

編譯并上傳前端項目

前提：本機已安裝node.js環境。

修改環境配置

編譯打包

命令：

編譯：cnpm install

打包：npm run build:prod

等待編譯完成后，執行打包命令

待打包命令執行完畢后，在前端項目目錄下生成了一個dist文件夾

瀏覽器輸入ip地址，初次部署驗證碼可能要稍等3~5分鐘才會出來，此過程請嘗試刷新。

???????????????????? 默認賬戶：admin?? 密碼：jxadmin123

???????????????????? 前端項目部署完成。

總結

以上是生活随笔為你收集整理的九橡项目工时管理系统部署笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。