第一个Jsp程序,Hello World

avatar 2017年05月03日21:29:09 1 3124 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此
1、安装Tomcat服务器,具体参考这里

2、打开Tomcat安装目录,打开webapps目录,在里面新建一个项目文件夹,比如myHome,然后在myHome里新建一个index.jspWEB-INF文件夹

3、在index.jsp添加如下代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>this is my first jsp page</title>
  6. </head>
  7. <body>
  8.     <h1>Hello World</h1>
  9. </body>
  10. </html>

4、在WEB-INF里新建两个文件夹,分别命名为classes和lib,分别作为存放编译文件和jar包文件。这里新建两个空的文件夹就可以啦

5、新建web.xml文件,添加如下代码。具体代码可以直接在webapps的example里复制,删除多余的代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <web-app xmlns="http://java.sun.com/xml/ns/javaee"
  3.   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  5.                       http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  6.   version="3.0"
  7.   metadata-complete="true">
  8. </web-app>

6、在开启Tomcat的情况下,默认访问http://localhost:8080/myHome,是访问myHome目录下的index.jsp,如果想访问的是haha.jsp,可以在web.xml里(</web-app>之前)加如下代码
  1. <welcome-file-list>
  2.   <welcome-file>
  3.     haha.jsp
  4.   </welcome-file>
  5. </welcome-file-list>

7、使用Eclipse新建项目,依次点击【file】-->【new】-->【Project...】-->【Web】-->【Dynamic Web Project】

输入Project name(项目名):myJavaWebApp

然后点击 NewRuntime...,选择我们要运行的Tomcat7,点【next】,选择我们Tomcat的安装目录,然后依次点【next】和【finish】

8、右键点击项目myJavaWebApp,【new】-->【jsp file】,新建一个jsp文件,将默认生成的代码里的三处 ISO-8859-1 改成utf-8 ,随便填写点内容,然后【run as】-->【run on server】,然后我们就能看到Eclipse自带的浏览器的内容啦。

具体index.jsp代码如下
  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2.     pageEncoding="utf-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <title>my first jsp page</title>
  8. </head>
  9. <body>
  10.     Hello World
  11. </body>
  12. </html>

9、使用Eclipse运行的时候,不要用Tomcat安装目录下的bin内的startup.bat开启,因为无法同时开启两个



本文地址:https://liuyanzhao.com/3964.html

转载请注明

  • 微信
  • 交流学习,资料分享
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0