码迷,mamicode.com
首页 > Web开发 > 详细

学习 JSP:第二步 创建一个JSP Web Project

时间:2018-03-27 12:39:08      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:new   ref   新建   结构   blog   localhost   多个   dem   --   

接上文 学习 JSP:第一步Eclipse+Tomcat+jre(配置环境)

【创建新工程】(Dynamic Web Project)

1、选择 "File-->New-->Dynamic Web Project",创建 TomcatTest 项目:

技术分享图片

Next→Next

技术分享图片

得到一个这样的工程结构,各个目录解析:

  • deployment descriptor:部署的描述。
  • lib:自己加的包可以放在里面。
  • build:放入编译之后的文件。
  • src:java文件放在里面。
  • WebContent:JSP页面放进里面。

技术分享图片

2、在WebContent文件夹下新建一个FirstJSP.jsp文件。

 技术分享图片

下图根据需要选择,因为本例中我们只试着打印一句Hello!,所以选择最简单的html模板,大家可以各项都试一试:

技术分享图片

3、修改JSP文件,在body标签中用<% %>JSP标签,添加如下代码:

技术分享图片

<%
    out.println("Hello JSP !");
%>

4、程序运行之前,修改浏览器选项:

使用你希望用于测试JSP的浏览器,本例中选择Firefox(PC中安装的浏览器会出现在这里)

技术分享图片

5、在Web Server(Tomcat)上运行JSP。

在JSP文件上右键→Run on Server

技术分享图片

在自动打开的页面中选择希望使用的Web Server(如果有多个Server,都会在这里显示)

技术分享图片

如果希望以后都用这个Web Server运行JSP页面,可以勾选Always use this server when running this project.(推荐勾选)

技术分享图片

 观察Console中的启动信息。

里面标明了使用的Web Server=Apache Tomcat7.0.85,和jre=c:\eclipse/jre,是我们上面配置的一样。

此外,箭头处的端口号是我修改过的,原为:8080和8009,修改端口号是避免多个Web Server端口冲突,修改方法在我的博客中有写,百度也很容易查。

最后一行是成功startup服务器的信息。这与在Tomcat的bin中执行startup.bat的效果是一样的。

技术分享图片

6、Eclipse会自动跳转到指定浏览器,呈现如下页面。

http://localhost:7780/JSPdemo1/FirstJSP.jsp

技术分享图片

7、查看页面源码,理解JSP运行在服务器端。

在页面上右键→ View Page Source

技术分享图片

技术分享图片

还记得这里我们是怎么写的吗?

技术分享图片

说明:JSP=servlet,本质=java。通过Web Server在服务器端解释为html在浏览器页面(客户端)呈现。

所以在浏览器里是看不到JSP的源代码的。

下面,简单介绍Servlet创建。

1、在上面的工程中创建servlet。建议java文件都放在package里。

技术分享图片

创建后可以看到Servlet就是一个java文件:

技术分享图片

Eclipse会自动生成代码如下,语法后面学习。

 技术分享图片

doGet方法中修改代码如下:

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        response.getWriter().write("Hello Servlet !");
    }

技术分享图片

重启Tomcat服务器:

技术分享图片

 2、运行。在FirstServlet.java文件上右键→Run on Server(与JSP文件一样)

浏览器自动打开,可以看到成功运行的结果:

http://localhost:7780/JSPdemo1/FirstServlet

技术分享图片

说明:FirstServlet就是代码中@WebServlet("/FirstServlet")这个标签的内容,而不是类名,实验看看。

@WebServlet标签改为ChangeServletName

技术分享图片

重启Tomcat,运行结果:

http://localhost:7780/JSPdemo1/ChangeServletName

技术分享图片

学习 JSP:第二步 创建一个JSP Web Project

标签:new   ref   新建   结构   blog   localhost   多个   dem   --   

原文地址:https://www.cnblogs.com/dlsunf/p/8656168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!