第一个JSP程序
2016-03-12 01:18
633 查看
本文我们首先介绍一下JSP的运行原理,然后建立第一个JSP程序,对JSP开发有个感性的认识。真正上手进行一个实例开发,会对进一步深入学习提供很大的帮助。
由上面的介绍以及第一篇JSP简介及Tomcat安装(一)我们可以明显地看出JSP和java的关系,首先,JSP是以一定的方式在HTML中插入java代码片段;其次,JSP的执行过程首先还是要生成对应的java代码,然后编译成class字节码文件交由虚拟机执行。由此我们说JSP本质上就是java是不过分的。因此它也继承了java的一切优点。同时对java比较熟悉的话,学习起来是没有大的障碍的。
进入该目录,用Notepad++创建一个html文件,写入以下代码,文件名保存为
这是一段十分简单的html代码,程序8~16行创建一个表单,有一个输入框来输入你的名字,有一个性别选择按钮。
我们把姓名输入框参数的名字定为”NAME”,性别选择参数名为”SEX”,分别对应8、9行中的name=”NAME”以及name=”SEX”,下面的JSP程序中参数的获取就是通过这两个名字来获取的。
会得到以下结果:
图1
这就是我们刚才写的HTML文件生成的页面。
第1行是JSP的
第10~13行是典型的Java代码片段。在JSP页面脚本语言中,使用
这就是我们的第一个JSP程序,后面会继续深入学习JSP。
JSP运行原理
JSP程序的执行是由Web浏览器端的页面请求来驱动的。当Web浏览器发送一个页面请求时,Web服务器会首先判断该请求是否为JSP页面请求,如果只是一般的HTML/XML请求,服务器会直接把HTML/XML**页面代码**传送给Web浏览器端。如果请求为JSP页面请求,JSP引擎首先会去检查该JSP页面是否是第一次被请求。如果是,则JSP引擎会生成该JSP页面对应的Java代码,然后调用服务器端的Java编译器对生成的Java代码进行编译,生成对应的class文件,之后交付Java虚拟机执行,最终将结果传送回Web浏览器端。这里要注意,即使某JSP页面不是第一次被请求,但是已被修改,JSP引擎同样会重新生成对应的Java代码,然后再执行上述操作。服务器中的垃圾回收方法会把无用的类文件删除。由上面的介绍以及第一篇JSP简介及Tomcat安装(一)我们可以明显地看出JSP和java的关系,首先,JSP是以一定的方式在HTML中插入java代码片段;其次,JSP的执行过程首先还是要生成对应的java代码,然后编译成class字节码文件交由虚拟机执行。由此我们说JSP本质上就是java是不过分的。因此它也继承了java的一切优点。同时对java比较熟悉的话,学习起来是没有大的障碍的。
第一个JSP程序
第一步
进入Tomcat安装目录下的
webapps文件夹,然后新建一个名为
firstJSP的文件夹。
进入该目录,用Notepad++创建一个html文件,写入以下代码,文件名保存为
htmlInfo.html:
<html> <head> <title>Input Information</title> </head> <body> <h3>Input Your Information<h3> <form name="form1" method="GET" action="JSPhandle.jsp"> NAME:<input type=text name="NAME"><br> SEX: <select name="SEX"> <option value="1" selected>MALE</option> <option value="2">FEMALE</option> </select><br> <input type="submit" name="SUBMIT" value="submit"> <input type="reset" name="RESET" value="reset"> </form> </body> </html>
这是一段十分简单的html代码,程序8~16行创建一个表单,有一个输入框来输入你的名字,有一个性别选择按钮。
我们把姓名输入框参数的名字定为”NAME”,性别选择参数名为”SEX”,分别对应8、9行中的name=”NAME”以及name=”SEX”,下面的JSP程序中参数的获取就是通过这两个名字来获取的。
第二步
接下来运行我们安装好的Tomcat服务器,然后打开浏览器,在地址栏输入localhost:8080/firstJSP/htmlInfo.html
会得到以下结果:
图1
这就是我们刚才写的HTML文件生成的页面。
第三步
我们在刚才的firstJSP目录下,创建一个.jsp文件,命名为
JSPhandle.jsp,在该文件中写入以下代码:
<%@ page contentType="text/html; charset=gb2312" %> <html> <head> <title>Your Information</title> </head> <body> <h3>Data You Posted</h3> <% String name = request.getParameter("NAME"); String sex = request.getParameter("SEX"); %> <table> <tr> <td>Your Name:</td> <td><%= name %></td> </tr> <tr> <td>Your Sex:</td> <td><% if(sex.equals("1")) out.print("MALE"); else out.print("FEMALE"); %></td> </tr> </table> </body> </html>
第1行是JSP的
page指令,用来定义页面属性。contenType用来指定响应的http内容类型,charset指定网页的编码格式,其中gb2312支持中文显示,否则该页面可能会出现中文乱码的情况。
第10~13行是典型的Java代码片段。在JSP页面脚本语言中,使用
第三步
将以上代码保存后就可以在刚才打开的html页面(图1)输入自己的姓名并选择性别第四步
点击submit,就得到我们刚才编写的JSP页面
这就是我们的第一个JSP程序,后面会继续深入学习JSP。
相关文章推荐
- JS中创建函数的三种方式及区别
- 基于HTML5和JSP实现的图片Ajax上传和预览
- JSP继续学习(完成一个最简单的用户登录界面)
- JavaScript中循环遍历Array与Map的方法小结
- Ajax与JSON的一些总结
- Ajax:拥抱JSON,让XML走开
- JSON详解
- js createElement
- JavaScript高级程序设计(第三版)学习笔记8、9、10章
- JS详细教程(下)
- backbone官方Todo示例分解学习
- JS详细入门教程(上)
- 原生Javascript封装的一些常用函数
- 如何通过变量去调用对应的函数
- js模拟点击事件
- JS的两个定时器setTimeout和setInterval
- Js中找任意对象的原型方法及改造原型
- JS构造函数(便于理解,简易)
- javascript 表达式和语句
- lastChild和firstChild的区别