day10-Tomcat02

Tomcat02

4.IDEA开发JavaWeb工程

4.1开发javaweb工程&配置Tomcat&启动项目

需求：使用idea开发javaweb工程fishWeb，并将网页部署到fishWeb工程

  1. 点击File-New-Project

    image-20221105212513238

  2. 在弹出的框中点击 Java，点击next

    image-20221105212651235

  3. 写入你的工程名字，选择存储位置

    image-20221105213034949

  4. 点击creat

    image-20221105213132519

  5. 右击项目名称，选择Add FrameworkSupport

    image-20221105213255720

  6. 在弹窗中选择web application，点击ok

    image-20221105213439591

  7. 可以看到在项目中多出来一个web文件目录

    image-20221105213553800

  8. 点击右上角的add configurations

    image-20221105214618698

  9. 在弹窗的左上角点击加号+，在弹出的子窗口中下拉选择Tomcat Server-Local

    image-20221105214830440

  10. 点击完毕可以看到如下页面：

    image-20221105220344267

  11. 其中的Deployment是配置我们网站的发布方式，主要有两种：一种是源码的形式，一种是war包。一般选择war包的形式，如下：点击加号，选择artifact

    image-20221105215256352 image-20221105215355392

    下方的Application context就是你发布的web应用的名称

    之后访问的url就是：http://localhost:8080/web应用名称/资源名

    image-20221105215802617

  12. 点击Server页面的application server的configure按钮，在弹窗的tomcat home选择安装的tomcat目录

    image-20221105220416402 image-20221105220315851

  13. 在接下来的选项中，选择默认浏览器

    image-20221105220649992

  14. 建议在下面的两个选项中都选择update classes and resource

    image-20221105220939508

  15. 下面是tomcat的默认端口，直接默认即可

    image-20221105221220827

  16. 建议修改tomcat的Name，这样做是为了区分不同项目（web应用）之间的tomcat

    image-20221105221330888

  17. 最后点击apply，再点击ok

    image-20221105221530406

  18. 点击tomcat右边的绿色箭头，如果在控制窗口没有报错，就代表运行成功了。

    image-20221105221555838

    image-20221105221948724

  19. 浏览器显示页面

    image-20221105222035424

  20. 在浏览器地址栏输入配置的项目资源地址，即可访问

    image-20221105222246238

4.2注意事项和细节

  1. 热加载选项说明

    image-20221105222535777

    1.1 on update action：选择 update classes and resource时，表示当我们有更新操作时，tomcat会自动更新类和资源

    当jsp/html文件修改时，可以生效，但是如果你修改的是java文件，需要redeploy才会生效）

    1.2 on frame deactivation：表示IDEA失去焦点（比如最小化），也会导致jsp/html发生更新，但是java类还是需要deploy

  2. 端口修改

    image-20221105223804337

    这里修改的端口，只会影响到当前的项目，而不是去修改server.xml

  3. out目录是什么

    image-20221105225021754

    当tomcat启动时，会生成out目录，该目录就是原项目资源的映射，我们浏览器访问的资源是out目录

  4. 当我们从外部拷贝资源到项目（图片，文件，js等），如果出现404不能访问错误时，解决的方式是：rebuild project-->重启tomcat

    本质是将原项目的资源同步到out目录下

    image-20221105225359229
    1. javaweb工程的目录介绍
    image-20221105230438738

5.练习

  1. 手动在tomcat的webapps目录下创建一个可供外界访问的web应用person项目

    练习1

    首先在tomcat的webapps目录下创建一个person文件夹，在person文件夹中存放相关资源cat.html和图片

    打开tomcat的bin目录，点击startup.bat，启动tomcat服务，在浏览器中输入http://localhost:8080/person/cat.html即可访问

    image-20221106161647094

  2. 修改tomcat/conf/server.xml，将tomcat服务器的端口更改为9998，测试使用

    练习2

    打开server.xml文件，在第六十九行修改端口号为9998并保存：

    image-20221106162537922

    重新启动tomcat服务，然后在浏览器地址栏中输入localhost:9998，显示可以访问，测试成功。

    image-20221106162347449

  3. 使用idea完成web项目

    • 创建javaweb项目工程[myWeb01]
    • 配置好tomcat[tomcat的配置名为myWeb01_Tomcat8,端口为8080]
    • 将前面你创建的web应用/文件夹person，部署到Tomcat
    • 在idea启动tomcat，能正常的访问web应用

    练习3

    首先创建一个java工程，在创建好的工程名右键选择add framework support，选择web，点击OK，工程就可以支持web应用了

    然后配置tomcat，接着将上面的person项目文件夹复制到idea新创建工程的web目录下

    image-20221106163802421

    点击启动按钮，显示可以正常访问

    image-20221106163911841

  4. 画图说明浏览器是如何访问到tomcat服务器下的某个javaweb应用下的资源的，比如url=http://www.abc.com/news/index.html

    练习4

posted @ 2022-11-05 23:08  一刀一个小西瓜  阅读(86)  评论(0)  编辑  收藏  举报