当前位置: 首页 > news >正文

【IDEA】如何在Tomcat上创建部署第一个Web项目?

在这里插入图片描述

看了网上很多教程,发现或多或都缺失了一些关键步骤信息,对于新手小白很不友好,那么今天就教大家如何在Tomcat服务器(本地)上部署我们的第一个Web项目:

共分为三个部分:

1. IDEA创建Web项目;

2. 在IDEA上配置Tomcat服务器;

3. 写一个JSP文件,运行;

如果还没有下载 Tomcat 的,可以跳过服务器部分,
也可以移步至Tomcat的安装以及部分问题解决方案下载使用

1. IDEA创建Web项目

  • 可以从主页面创建

在这里插入图片描述

  • 也可以从某个项目中创建新项目

在这里插入图片描述

  • 然后编写名称,点击创建

在这里插入图片描述

  • 进去以后 右键项目名称,选择 添加框架支持

在这里插入图片描述

  • 选择 Web应用程序 ,然后确定

在这里插入图片描述

  • 然后就会新增如下图所示的文件目录

在这里插入图片描述

  • 最后是修改项目结构,点击文件后选择项目结构

在这里插入图片描述
可设置编译输出路径
在这里插入图片描述
接下来点击依赖,添加(点击加号),选择JAR或目录
在这里插入图片描述

选择Tomcat解压后的 lib 目录(里面有Jar包,如果缺失这一步,会导致在JSP文件里无法写Java代码,会报错)

在这里插入图片描述

点击确定后,在打上勾,确定,这样我们的IDEA网页项目就创建好了
在这里插入图片描述

接下来是Tomcat服务器(本地)的配置,因为我们的目的是要部署在Tomcat服务器上:

 

2. IDEA上配置Tomcat服务器

  • 在IDEA顶头的导航栏里面找到当前文件,然后选择编辑配置

在这里插入图片描述

  • 添加Tomcat本地服务器

在这里插入图片描述

  • 配置服务器:
    在这里插入图片描述

  • 选择部署,然后添加
    在这里插入图片描述

  • 出现如下图所示之后,点击确定,这样我们的Tomcat就部署好了,当然这里还没有启动服务器,别急,下面就会说到
    在这里插入图片描述

3. 运行JSP文件,展示页面

  • 可以随意创建一个 .jsp 文件,然后随意写
    这里我就用内嵌 Java 代码来说明,想了解更多可以去自学JSP

在这里插入图片描述

  • 然后启动我们的Tomcat

在这里插入图片描述
在这里插入图片描述

  • 就得到我们的JSP页面了:
    在这里插入图片描述
  • 如果要修改JSP文件,别忘了修改之后重新更新一下服务器:

在这里插入图片描述
更新资源 或者 重启 都可以

http://www.lryc.cn/news/31107.html

相关文章:

  • 程序员画流程图的工具Draw.io
  • CAPL脚本DBLookup函数动态访问CAN 报文的属性
  • 2022年显卡性能跑分排名表
  • mx-font
  • 基于S32K148快速调试TJA1101
  • 万字长文详解webpack知识图谱
  • 模板测试(Stencil Test)
  • 【Go语言学习】安装与配置
  • HCIP-5OSPF区域类型学习笔记
  • C语言再学习第三章
  • 【aiy篇】小目标检测综述
  • 常用Linux命令的基本使用
  • 对跳表的深入理解
  • C++017-C++冒泡排序与插入排序
  • 数据结构基础之链表
  • css 的渲染层合成是什么,浏览器如何创建新的渲染层
  • nacos-sdk-rust binding to NodeJs
  • MySQL下载安装以及环境配置教程
  • 概率论 1.3 古典概型与几何概型
  • HTML DOM
  • Vue组件-$refs、$nextTick和name属性的使用
  • 【Spark】Spark的DataFrame向Impala写入数据异常及源码解析
  • 学习笔记-架构的演进之限流-3月day03
  • 动态规划 背包问题
  • C++ Primer Plus 学习笔记(四)—— 内存模型和名称空间
  • 详解基于 Celestia、Eclipse 构建的首个Layer3 链 Nautilus Chain
  • 列表与数组的转化
  • docker 运行花生壳实现内外网穿透
  • 操作系统——16.时间片轮转、优先级、多级反馈队列算法
  • Python3.8.8-Django3.2-Redis-连接池-数据类型-字符串-list-hashmap-命令行操作