Servlet 2—— FirstWebApp

为了更好地理解JavaWeb开发，先用Tomcat做了一个小的web界面。项目很简单。

 welcome.html

<html>
    <head>
        <title>welcome page</title>
    </head>
    <body>
        <h1 align="center"><font color="red">welcome page!</font></h1>
        <hr>
        <!--超链接方式-->
        <a href="http://localhost:8080/FirstWebApp/login.html">login page</a>
        <br>
        <!--为了更加的通用，URL路径中的IP地址，端口号可以省略-->
        <!--以下网络资源路径还是一个绝对路径，目前必须以"/"开始-->
        <a href="/FirstWebApp/login.html">login page2</a>

    </body>
</html>

login.html

<html>
    <head>
        <title>login page</title>
    </head>
    <body>
        <form action="">
            username<input type="text" name="username" /><br>
            password<input type="password" name="password" /><br>
            <input type="submit" value="login" />
        </form>
    </body>
</html>

FirstWebApp的开发步骤

1、在CATALINA_HOME/webapps/ 目录下新建文件夹，起名FirstWebApp，这个目录的名字就是webapp的名字。C:\apache-tomcat-6.0.32路径是Tomcat服务器的根目录，C:\apache-tomcat-6.0.32\webapps\FirstWebApp是webapp的根目录。

2、在webapp的根目录下新建一个html文件login.html，简单编写该HTML页面。

3、启动Tomcat服务器，打开浏览器在浏览器地址栏上输入URL访问该资源：

  • http://127.0.0.1:8080/（对应C:\apache-tomcat-6.0.32）
  • http://127.0.0.1:8080/FirstWebApp（对应C:\apache-tomcat-6.0.32\webapps\FirstWebApp）
  • http://127.0.0.1:8080/FirstWebApp/login.html（访问login.html页面）
  • http:// 通信协议，是W3C制定的，包括请求协议和响应协议，这个协议就是一套数据格式。
  • 127.0.0.1  IP地址，是计算机在网络中的身份证号，独一无二的。
  • 8080 PORT端口号，Tomcat默认端口8080，端口是这台计算机上服务的唯一标志，常用端口：1521（Oracle）、3306（mysql）、21（FTP服务器默认端口）、80（WEB的默认端口）
  • /FirstWebApp/login.html 资源的路径，FirstWebApp是webapp的根，login.html是根下的一个文件，要求这个文件必须在FirstWebApp文件夹下。

3、向服务器发送请求除了在浏览器地址栏上直接输入URL的方式之外，还可以使用超链接的方式向服务器发送请求，所以在web app的根下在新建一个first.html，在该文件中编写超链接，当用户点击超链接的时候向web服务器发送请求，超链接如下所示：

4、在webapp的根目录下新建html文件夹，在该文件夹中编写second.html文件，如果想访问该资源，需要编写以下的URL：

5、站在用户的角度如何访问web服务器中的资源：当服务器启动之后，只能打开浏览器，在浏览器中输入URL或者点击超链接向web服务器发送请求进行资源的访问，用户没有权利直接打开“服务器”上的某个html文件，因为浏览器和服务器在不同的地理位置上。

6、在向web服务器发送请求的时候请求路径中的IP地址和port端口号可以省略，如下所示：

  • <a href="/FirstWebApp/login.html">跳转到登录页面</a>
  • <a href="/FirstWebApp/html/second.html">跳转到HTML目录中的页面</a>
  • 以上路径使用的是绝对路径，必须以“/”开始，第一个“/”代表Tomcat服务器的根。路径前面的IP地址和port端口会自动添加。

 

posted @ 2021-01-30 19:57  我等着你  阅读(91)  评论(0)  编辑  收藏  举报