下載及安裝Tomcat

進(jìn)入tomcat官網(wǎng)，Tomcat官網(wǎng)選擇需要下載的版本，點擊下載
下載路徑一定要記住，并且路徑中盡量不要有中文

下載后是壓縮包 .zip，解壓后

tomcat系統(tǒng)各個文件夾目錄是什么意義：
bin：放置的是Tomcat一些相關(guān)的命令，啟動的命令（startup）和關(guān)閉的命令（shutdown）等等
conf：（configure）配置文件
lib：（library）庫，依賴的 jar包
logs：Tomcat 的日志文件
temp：Tomcat的臨時文件夾
webapps：可執(zhí)行的項目。默認(rèn)作為存放開發(fā)項目的目錄
work：存放由 jsp翻譯成的 .java源文件以及編譯的 .class字節(jié)碼文件(jsp -->java -->class)

啟動Tomcat

在安裝 tomcat 之前必須安裝 java環(huán)境，否則不好使

測試Tomcat

雙擊打開后找到 bin目錄下的 【startup.bat】 ，雙擊啟動Tomcat
如果是Linux系統(tǒng)點【startup.sh】

之后打開瀏覽器，在地址欄輸入：【http://localhost:8080】或者【http://127.0.0.1:8080】
如果看到Tomcat自帶的一個JSP頁面，則表示安裝成功
8080是默認(rèn)端口號，如果和其他軟件沖突，去配置文件中server.xml中修改端口號即可

前端項目vue打包：

執(zhí)行命令：npm run bulid

后端項目springboot打包：

入口類繼承SpringBootServletInitializer重寫configure方法:

package cn.ljy;

import org.mybatis.spring.annotation.MapperScan;
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
@MapperScan("cn.ljy.*.mapper")
public class App extends SpringBootServletInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(App.class);
    }


    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}

配置pom.xml文件:

1.先讓IDEA知道你這次要配war包:

<packaging>war</packaging>

2.需要排除一下內(nèi)置tomcat的jar包，防止打包之后與外面Tomcat jar 包沖突，導(dǎo)致項目啟動失敗，配置如下

<!--排除內(nèi)置tomcat jar包-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>

3.修改生成文件的文件名稱，可以設(shè)置build下的finalName屬性，代碼如下

<build>
    <finalName>hncj-data-visualization</finalName>
</build> 

IDEA生成war包:

1.構(gòu)建下面的構(gòu)建工件

2.選擇war和構(gòu)建

文件中出現(xiàn)下面文件說明打包成功：

把打包完成的項目文件放置tomcat文件的webapps文件下，然后啟動tomcat

前端打包好的項目文件是dist文件放置webapps文件下的ROOT文件下，前后端文件都放置好了以后tomcat重新啟動，重新啟動先關(guān)閉tomcat在啟動tomcat。

登入tomcat的前端管理界面，點擊以后要輸入賬號密碼，這邊去配置文件tomcat-users.xml文件進(jìn)行配置。在tomcat-users.xml文件最后面添加

<role rolename="manager-gui"/>
    <user username="admin" password= "123456" roles="manager-gui"/>

這兩行代碼添加用戶

然后把賬號密碼輸入上去進(jìn)行登入，登入成功是下面的界面

到此這篇關(guān)于vue+springboot項目上傳部署tomcat的方法實現(xiàn)的文章就介紹到這了,更多相關(guān)vue springboot上傳部署tomcat內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論