JavaWeb--02.项目搭建

23 篇文章 0 订阅

JavaWeb–02


前言

21世纪,走进了信息时代,各种各样的软件层出不穷,但是总离不开程序开发,离不开程序开发语言,Java语言作为人们所熟知的一门语言,对于其有必要进行系统的学习。


项目搭建

创建第一个JavaWeb项目(IDEA)

(1).下载Tomcat

在配置前,需要确定,是否满足2中的四点的第一和第四点,其
中tomcat服务器需要下载并解压到磁盘中,在其bin目录下有s
tartup.bat文件,打开后可以测试端口号是否被占用,默认端
口为8080

在这里插入图片描述 出现提示服务器启动,即启动成功,在浏览器输入localhost:8080即可进入如下页面
在这里插入图片描述如果启动时提示CATALINA_HOME不正确,则需要在系统环境变量中添加其变量,其变量值为tomcat目录
在这里插入图片描述如果出现命令行窗口一闪而过,则为端口号被占用了,可以修改端口号,或者将占用的软件停用(如orcacle数据库)

①修改端口号

在tomcat解压目录下进入conf目录,其中server.xml为Tomcat配置信息,在其中找到以下代码,将其中port修改为未被占用的端口号即可

<Connector port="8080" protocol="HTTP/1.1"
       connectionTimeout="20000"
       redirectPort="8443" />

②关闭占用端口号的软件

打开cmd命令提示符,输入netstat -ano|findstr "8080"即可查找到使用8080端口号的软件,然后打开任务管理器/详细信息,找到pid为端口占用的,结束其任务即可;
在这里插入图片描述在这里插入图片描述

(2).创建Web项目

方式一

在IDEA中新建项目,选择Java Enterprise,点击next

在这里插入图片描述选择Web Profile,点击next
在这里插入图片描述Name即项目名称,Location即项目路径,点击finish创建项目

在这里插入图片描述其创建好后,目录结构如下:
在这里插入图片描述

方式二

新建一个Java项目,右击项目,选择Add Framework Support
在这里插入图片描述选择Web Application,点击ok即可
在这里插入图片描述其项目结构如下:在这里插入图片描述
其项目结构略有不同,方式一的后端java代码放在main/java下,前端页面以及静态资源放置在main/webapp下;方式二的后盾java代码放在src下,前端页面以及静态资源放置在web下;

(3).在IDEA中配置Tomcat

在工具栏点击Add Configuration
在这里插入图片描述点击左边加号,选择Tomcat Server/Local
在这里插入图片描述点击Configure选择tomcat路径,并切换项目默认运行浏览器
在这里插入图片描述切换到Deployment页面,点击右侧加号,选择Aritifact
在这里插入图片描述选择war exploded,点击OK
在这里插入图片描述其下侧会显示Application context,如:/JavaWebDemo_war_exploded,将其全部删掉或者只保留项目名称,返回Server界面,将其On update action与on frame deactivation修改为Update classes and resources,点击OK即可

在这里插入图片描述

(4).新建初始化页面

在webapp目录下新建index.html,其内容如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
Hello World!
</body>
</html>

在webapp/WEB-INF目录下,打开web.xml,其中添加

<welcome-file-list>
    <welcome-file>index.html</welcome-file>
</welcome-file-list>

(5).运行项目

点击绿色箭头即可开始运行项目
在这里插入图片描述运行成功后会默认打开之前选择的浏览器,并打开index页面

在这里插入图片描述第一个Hello World完成!

笔记如有错误,遗漏之处,欢迎指正!

微信扫码订阅
UP更新不错过~
关注
  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

佳城123

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值