admin 管理员组

文章数量: 1184232

【VScode】vscode中用community server connecttor配置并部署基于Tomcat的Javaweb项目

目录

一、安装JAVA

二、安装MAVEN

三、安装Tomcat

四、VScode环境配置

五、开始部署

一. 安装JAVA

下载OpenJDK

  1. 从Oracle官网中下载Windows版本的OpenJDK 17或以上（17是最新的java LTS版本，即长期维护版本）
  2. 将压缩包解压至合适的位置，比如 C:\Program Files\Java

配置环境变量

  1. 打开编辑系统环境变量，参考编辑系统环境变量 - Windows_NSJim的博客
  2. 在下方的系统变量(S)中新建JAVA_HOME变量，变量值为JDK路径，如C:\Program Files\Java\openjdk\jdk-17
  3. 在上方用户变量(U)中的Path变量内，新建值%JAVA_HOME%\bin
  4. 一路点击确定

测试安装

  1. 打开命令行，即cmd
  2. 输入命令

java -version

  1. 如果能正确显示版本号，证明环境配置成功；反之，则证明配置失败。某个OpenJDK18版本的显示为
C:\Users\MSI-NB>java -version
openjdk version "18.0.2.1" 2022-08-18
OpenJDK Runtime Environment (build 18.0.2.1+1-1)
OpenJDK 64-Bit Server VM (build 18.0.2.1+1-1, mixed mode, sharing)

二. 安装MAVEN

下载MAVEN

  1. 从Apache Maven官网中下载Windows版本的MAVEN 3.8.2压缩包，即apache-maven-3.8.2-bin.zip
  2. 将压缩包解压至合适的位置，比如C:\Program Files\Maven

配置环境变量

  1. 打开编辑系统环境变量
  2. 在下方的系统变量(S)中新建MAVEN_HOME变量，变量值为MAVEN路径，如 F:\apache-maven-3.8.6-bin\apache-maven-3.8.6
  3. 在上方用户变量(U)中的Path变量内，新建值%MAVEN_HOME%\bin
  4. 一路点击确定

测试安装

  1. 打开命令行，即cmd
  2. 输入命令

mvn -version

  1. 如果能正确显示版本号，证明环境配置成功；反之，则证明配置失败。某个MAVEN的3.8.6版本的显示为
C:\Users\MSI-NB>mvn -version
Apache Maven 3.8.6 (84538c9988a25aec085021c365c560670ad80f63)
Maven home: F:\apache-maven-3.8.6-bin\apache-maven-3.8.6
Java version: 18.0.2.1, vendor: Oracle Corporation, runtime: C:\Program Files\Java\openjdk\jdk-18.0.2.1
Default locale: zh_CN, platform encoding: UTF-8
OS name: "windows 10", version: "10.0", arch: "amd64", family: "windows"

三. 安装Tomcat

下载MAVEN

  1. 从Apache Tomcat官网中下载Tomcat Core 32 bit或者64 bit的zip压缩包，比如随便找9.0.69版本的download链接，下载apache-tomcat-9.0.69.zip
  2. 将压缩包解压至合适的位置，比如F:\Tomcat

四. VScode环境配置

安装拓展(Extensions)

  • Extension Pack for Java(里面包含了6个包)
    • 📦 Language Support for Java™ by Red Hat
    • 📦 Debugger for Java
    • 📦 Test Runner for Java
    • 📦 Maven for Java
    • 📦 Project Manager for Java
    • 📦 Visual Studio IntelliCode
  • Community Server Connectors

配置JAVA设置

  • 选择自己的Java安装路径即可

配置MAVEN设置

  1. 左上角打开设置(文件 -> 偏好 -> 设置/ File -> Preferences ->Settings)
  2. 搜索maven
  3. 调整可执行路径Executeable Path，比如调整为F:\apache-maven-3.8.6-bin\apache-maven-3.8.6\bin\mvn
  4. 调整全局设置Global Settings，比如调整为F:\apache-maven-3.8.6-bin\apache-maven-3.8.6\conf\setting.xml

五. 开始部署

初始化项目

新建Project

  1. ctrl+shift+P，输入maven，从Maven原型创建新项目
  2. 选择maven-archetype-webapp
  3. 选择1.4
  4. Group Id直接Enter
  5. artifact Id直接Enter
  6. 选择一个无用的文件夹即可
  7. 然后下方命令行需要Enter两次
  8. 显示绿色的BUILD SUCCESS就创建完毕了，可以点击右下角蓝色按钮打开project

修改pom.xml

  1. 1.7修改成1.8
  <properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><mavenpiler.source>1.8</mavenpiler.source><mavenpiler.target>1.8</mavenpiler.target></properties>
  1. ctrl+shift+P，输入maven，点击添加依赖，输入servlet然后enter，选择一个javax.servlet即可，比如
<dependencies><dependency><groupId>javax.servlet</groupId><artifactId>servlet-api</artifactId><version>3.0-alpha-1</version></dependency>...</dependencies>
  1. 重新编译项目，此时保存文件右下角会有提示，点击蓝色按钮即可；或者可以手动操作，ctrl+shift+P，输入maven，点击执行命令，选择compile，等待命令行出现build success即可

配置Tomcat Server

  1. 在左下角有一些折叠栏，找到SERVERS一栏
  2. 展开后可以看到有个Community Server Connector(stopped)
  3. 右键点击，选择弹出的唯一新选项，开始RSP Provider，变为Community Server Connector(started)
  4. 再次右键店家，选择创建新服务器
  5. 选择“不，从磁盘中选择服务器”，选择Tomcat的路径，比如F:\Tomcat\apache-tomcat-9.0.64
  6. 直接拉到最下面点击Finish，就会初选一个Tomcat服务器，比如`Tomcat 9.x

测试Tomcat

  1. 右键Tomcat 9.x(stopped)(unknown)，选择开始服务器
  2. 等待输出加载命令，变为Tomcat 9.x(started)(unknown)
  3. 加载完成后，访问Tomcat页面

编写和配置一个servlet类及其网页

新建java文件夹

  • 此时src/main下有两个文件夹
    • java
    • webapp

创建HelloServlet类

package com.example;import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class HelloServlet extends HttpServlet{@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {resp.setContentType("text/html;charaset=UTF-8");PrintWriter writer = resp.getWriter();writer.print("<h1>");writer.print("Hello CSDN, I'm byr from VScode.");writer.print("<br>");writer.print("你好CSDN，我是用VScode的北邮人。");writer.print("</h1>");req.setAttribute("HelloServlet", writer);}
}

修改web.xml文件

  • 在路径src\main\webapp\WEB-INF\web.xml
  • 修改为
<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"".dtd" >
<web-app><display-name>Archetype Created Web Application</display-name><servlet><servlet-name>HelloServlet</servlet-name><servlet-class>com.example.HelloServlet</servlet-class></servlet><servlet-mapping><servlet-name>HelloServlet</servlet-name><url-pattern>/HelloServlet</url-pattern></servlet-mapping>
</web-app>

修改index.jsp

  • 在路径src\main\webapp\index.jsp中
  • 修改为
<html>
<body>
<h2>Hello World!</h2>
<a href="HelloServlet">Hello Servlet</a>
</body>
</html>

部署新的类到Tomcat中

打包项目

  • ctrl+shift+P，输入maven，点击执行命令，选择package

添加项目到Tomcat服务器中

  1. 右键点击Tomcat 9.x(started)(unknown)，选择Add Deployment添加部署，选择target\demo.war
  2. 选择No（不修改参数）
  3. 右键点击Tomcat 9.x(started)(unknown)，选择Publish Server(Full)

在浏览器中访问

  • 现在尝试访问demo页面吧

本文标签： VScodevscode中用community server connecttor配置并部署基于Tomcat的Javaweb项目

版权声明：本文标题：【VScode】vscode中用community server connecttor配置并部署基于Tomcat的Javaweb项目 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/b/1693755500a240947.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。