JSP快速入门教程.docx
- 文档编号:3804404
- 上传时间:2022-11-25
- 格式:DOCX
- 页数:53
- 大小:38.79KB
JSP快速入门教程.docx
《JSP快速入门教程.docx》由会员分享,可在线阅读,更多相关《JSP快速入门教程.docx(53页珍藏版)》请在冰豆网上搜索。
JSP快速入门教程
JSP快速入门教程---全十讲---转载
第一讲(参考《JavaWeb程序设计基础教程》第1章)
1JSP和Java的关系
一般Java指的标注版JavaSE
另外两个版本:
JavaEE和JavaME
JSP属于JavaEE的一部分。
JavaEE:
组件:
Web层组件(JSP+Servlet)+业务层组件(EJB)
服务:
JNDIJDBCRMIJAASJavaMail等等
JavaEE包括2个体系:
标准(上面介绍的)+流行(Struts+Hibernate+Spring)
两套体系都是JSP+Servlet为基础。
2JSP会涉及哪些内容
JSP语法基础(Java+HTML):
对于Java,需要掌握Java的基本语法(类定义对象定义和使用常用类库java.lang.*,java.util.*)
对于HTML,主要表单元素(输入)+表格(显示信息)+基本HTML
JSTL,标准标签库,用于输出和控制
EL,通常与JSTL一起使用,主要用于输出
Servlet,几乎所有介绍JSP的书和课程都包含Servlet,因为JSP实际上指的是JavaWeb开发。
用Servlet主要是控制器。
JDBC,对数据库的访问。
JavaBean(Java类)
3JSP的运行环境
JDK
服务器:
我们用Tomcat。
其它的服务器:
IBMWebsphere+BEAWebLogic+JBoss(免费的)+GlassFish(新出的JavaEE5服务器)
4JSP的开发环境
页面:
DreamWeaver开发页面
代码:
本文编辑器EclipseNetBeansJBuilder
注:
我们采用记事本。
5Tomcat文件夹
webapps主要各个应用,编写的每个应用(网站)都可以放在这个位置
bin这个是启动服务器的相关文件,tomcat6用于命令行方式的启动,tomcat6w用于windows方式的启动
conf用于配置,常用的是server.xml另外一个是web.xml
work存放临时文件
logs系统运行时候的日志信息
6实例:
hello.jsp
创建一个应用,实际上需要在webapps中创建文件夹,bookstore,相当于应用的名字
文件夹中要创建一个子文件夹WEB-INF,这个每个应用web应用都需要的。
在WEB-INF中需要web.xml,是web应用的配置文件,还应该有classes和lib子文件夹(存放类文件)
JSP文件和HTML文件直接放在bookstore下面。
hello.jsp文件内容如下:
<%@pagecontentType="text/html;charset=gb2312"%>
--上面的代码声明文档类型和编码方式,每个JSP文件基本上都会有-->
Hello,晚上好!
先启动服务器:
访问程序:
http:
//127.0.0.1:
8080/bookstore/hello.jsp
http表示协议
127.0.0.1表示主机IP地址,也可以写主机名字
8080表示服务的端口,上网的时候不用输入端口,因为采用了默认的端口,默认端口80。
bookstore表示应用,是应用的名字
hello.jsp就是资源
7JSP的运行原理
过程:
首先启动服务器,并且要保证应用在服务器上(把应用放在webapps下面,会自动加载)
在客户端通过浏览器发送请求(在地址栏中输入地址)
服务器接收到请求之后,查找有没有这个文件对应的Java文件的对象。
如果没有这个对象,需要创建(先把JSP文件转换成Java文件,
编译成.class文件,加载类并创建对象),然后调用对象的相应方法,方法完成对用户的响应,通常是输出的html代码)
客户端接收到的是html代码,浏览器解析这个代码生成页面。
8表格的语法
开始标志:
中间是行,每行是一个
每行之间是列,每一列对应
第二讲(参考《JavaWeb程序设计基础教程》第2章)
1、form
只要是涉及向服务器提交信息,都应该使用form。
基本语法结构:
各种表单元素
action属性决定的目标文件来对用户提交的信息进行处理。
2、常用的表单元素
单行文本框:
用于输入少量的信息。
基本语法格式:
type="text"就说明这是单行文本框;
name指出文本框的名字,最好不要用汉字,最好使用有意义的名字;
value指出默认值,如果没有默认值,可以不要value属性,value属性经常在修改的时候使用。
注意:
如果有格式要求,要明确的告诉用户。
密码框:
用于输入密码。
基本的语法格式:
注意:
设置密码的时候,应该使用确认密码,应该有两个密码框。
提交按钮:
当点击它的时候,会把输入的信息提交给服务器。
基本语法格式:
type应该为submit,value是显示在按钮上面的信息。
复位按钮:
当点击它的时候,会把各个表单元素的值恢复到默认值。
基本语法格式:
普通按钮:
也可以完成提交,还可以完成方法的调用。
基本语法格式:
单选按钮:
通用用于在多个选项中选择一个。
基本语法格式:
这个表示一个单选按钮,并且仅仅是一个按钮。
例,选择性别:
如果希望在多个选项中选择一个(有互斥性),必须让他们的名字一致。
复选框:
用于多选。
基本的语法格式:
显示给用户的信息与提交给服务器的信息没有关系。
如果希望多个选项是一组,应该使用相同的名字。
下拉列表:
用于选择,可以单选,也可以多选。
基本语法格式:
...
每个选项使用一个option,使用value属性指出该选项的值,在之间是显示给用户的值。
文本域:
用于输入大量的信息。
基本语法格式:
默认值
要为这个文本域赋默认值,需要把值放在开始标志和结束标志之间,而不是使用value属性。
3、完成输入的时候应该注意的问题
对格式的要求必须明确,包括长度、数字、日期、email、电话、必添。
能够从系统中获取的信息不要让用户提供,例如当前时间。
能够选择的信息不要让用户输入。
按照信息的重要程度安排表单元素在界面中的位置。
4、对用户输入信息进行验证
要用JavaScript,使用下面的标记:
//JavaScript代码
要写方法
functioncheck(){
}
方法可以不用定义返回值,但是可以有返回值
获取用户输入的值:
document.form1.username.value
document表示当前文档,form1表示表单的名字,username表示该表单中表单元素的名字,value表示得到值
把表单提交与方法关联:
可以使用表单的onSubmit事件。
onSubmit="returncheck();"
例:
functioncheck(){
username=document.form1.username.value;
if(username.length<6||username.length>8){
alert("用户名长度不合适!
");
returnfalse;
}else{
returntrue;
}
}
使用button的onClick事件进行验证:
首先要把提交按钮修改成普通按钮;
在普通按钮上增加事件:
onClick="javascript:
check()"
在验证成功的时候,提交表单:
document.form1.submit();
第三讲(参考《JavaWeb程序设计基础教程》第3.4章)
1、include指令
作用:
把多个文件中需要共享的代码放在单独的文件中,然后在需要的时候使用该指令引入这个文件。
典型的应用,把网站的头部和版权信息放在单独的文件中,在其他文件中包含这两部分。
基本的语法格式:
<%@includefile="目标文件"%>
file属性指出目标文件。
例:
把index.jsp和register.jsp中的共同部分做成单独的文件header.jsp(后缀名不一定是.jsp),然后在index.jsp和register.jsp中调用。
header.jsp中的内容如下:
<%@pagecontentType="text/html;charset=gb2312"%>
电子书店
--超链接的基本格式-->
最新图书最畅销图书查询图书修改密码查询订单购物车
在index.jsp中引入header.jsp的代码:
<%@pagecontentType="text/html;charset=gb2312"%>
<%@includefile="header.jsp"%>
--登录界面代码--> --主要是涉及提交信息,就要用到form,action决定了提交给哪个文件处理--> 用户名: 口令: | 欢迎光临我们的书店! |
运行过程:
在转换的时候,当遇到include指令的时候会把include指令指向的目标文件的内容拷贝到当前位置,替换include指令,这样最后形成一个文件。
然后才编译形成class文件,然后运行。
2、 forward>标签 我们使用登录功能的模拟来介绍。 首先,使用Java代码完成判断,使用 forward>完成跳转,代码: <%@pagecontentType="text/html;charset=gb2312"%> <% //先获取用户输入的用户名和口令,然后判断是否合法 Stringusername=request.getParameter("username"); Stringuserpass=request.getParameter("userpass"); if(username.equals("zhangsan")&&userpass.equals("zhangsan")) { %> forwardpage="success.jsp"/> <% }else{ %> forwardpage="index.jsp"/> <% } %> 注意: 不管跳转到success.jsp还是index.jsp,地址栏都是处理文件的名字。 forward>的语法格式: forwardpage="目标文件"/> page属性指出转向的目标文件。 最后的结束符为“/>”,斜杠不能省略。 另外一个可以完成跳转的方式是采用response.sendRedirect()。 response和request一样,都是内容对象,可以直接访问。 修改上面的文件: <%@pagecontentType="text/html;charset=gb2312"%> <% //先获取用户输入的用户名和口令,然后判断是否合法 Stringusername=request.getParameter("username"); Stringuserpass=request.getParameter("userpass"); if(username.equals("zhangsan")&&userpass.equals("zhangsan")) { response.sendRedirect("success.jsp"); }else{ response.sendRedirect("index.jsp"); } %> forward>和response.sendRedirect的运行效果相同(针对上面的这个例子)。 相同点: 都是转向目标文件。 不同点: 地址栏中显示的内容是不相同的,如果使用 forward>,地址栏显示当前文件的名字,如果使用response,地址栏显示的是转向后的文件的名字。 执行过程不同: 使用 forward>相当于一次请求,使用response相当于两次请求。 使用 forward>的情况: index.jsp中输入用户名和口令,提交给login_process.jsp,服务器保存用户的输入信息,使用 forward>转向success.jsp之后,success.jsp还可以访问用户输入的信息,因为输入同一次请求。 使用response的请求: index.jsp中输入用户名和口令,提交给login_process.jsp,服务器保存用户的输入信息,使用response的sendRedirect方法相当于重新向服务器发送一次请求,这样上次的请求内容(用户名和口令)就不能共享了。 3、 include>标签 把index.jsp中<%@include="header.jsp"%>替换成 includepage="header.jsp"/> 从运行效果上相同。 不同点: 1、两个文件,目标文件是单独运行的,当前文件运行到 include>标签的时候,转向执行标签所指向的目标文件,执行之后返回继续标签之后的内容。 2、<%@include%>指令是在编译(转换)的时候使用, include>在运行的时候起作用。 程序中如何选用: 要导入的内容是不是每次都执行,如果每次都执行的话,应该使用<%@include%>,如果是在特定的条件下,应该使用 include>。 例如,登录之后要么转向success.jsp要么转向index.jsp,如果在程序中使用导入,应该用 include>。 4、 include>和 forward>区别 把login_process.jsp中的 forward>替换成 include>: <%@pagecontentType="text/html;charset=gb2312"%> <% //先获取用户输入的用户名和口令,然后判断是否合法 Stringusername=request.getParameter("username"); Stringuserpass=request.getParameter("userpass"); if(username.equals("zhangsan")&&userpass.equals("zhangsan")) { %> includepage="success.jsp"/> <% }else{ %> includepage="index.jsp"/> <% } %> 运行效果是相同的。 但是有不同点,修改代码如下: <%@pagecontentType="text/html;charset=gb2312"%> 处理文件的前半部分 <% //先获取用户输入的用户名和口令,然后判断是否合法 Stringusername=request.getParameter("username"); Stringuserpass=request.getParameter("userpass"); if(username.equals("zhangsan")&&userpass.equals("zhangsan")) { %> includepage="success.jsp"/> <% }else{ %> includepage="index.jsp"/> <% } %> 两次运行结果不相同。 分析原因: forward>: 先执行标签之前的内容,遇到标签的时候转向执行目标文件,执行完不返回,显示的内容为目标文件的内容,标签之前的内容执行,但是不显示。 标签之后的内容不会执行,当然更不会显示。 include>: 先执行标签之前的内容,遇到标签转向执行目标文件,执行完返回,继续执行标签之后的内容,显示的内容为: 标签之前的内容+目标文件的内容+标签之后的内容,标签的前后都执行,都显示。 5、使用标准标签库(JSTL)完成登录的判断过程 如何使用标签标签库: (1)得到标签库的实现文件,jstl.jar和standard.jar,放在WEB-INF下面的lib子文件夹。 (2)在JSP文件中要声明标签库,通过tablib指令进行声明: <%@taglibprefix="c"uri="(3)使用标签: iftest=""> if> 要完成判断,可以使用标签标签库中的c: if标签。 标签的基本格式: iftest="">条件成功要执行的内容 if> test表示测试条件,测试条件可以写常量,可以是表达式语言(EL,主要用于输出),主要使用表达式语言。 例如: 要判断用户提交的用户名和口令是否是zhangsan。 iftest="${param.username==\"zhangsan\"&¶m.userpass==\"zhangsan\"}"> forwardpage="success.jsp"/> if> 注意: 添加完标准标签库之后,需要重新启动服务器。 6、使用session保存登录后的信息 在网站中设置了applicationsessionrequestpageContext对象保存内存中的信息。 application是网站所有用户共享的存储变量的位置。 session是网站为每个访问网站的人创建的,每个用户对应一个session,也是存放变量的位置。 request是为每个用户的每次请求设置的存储信息的位置,每次访问会有一个request。 pageContext是每次访问的每个页面对应一个。 常用的session和request。 多次访问之间要共享信息可以使用session,如果在某次访问的多个页面之间共享信息使用request(例如,使用jsp: forwrad转向的文件和当前文件就属于同一次请求)。 登录后的用户信息应该放在session中。 要在这些范围中保存信息,可以使用标准标签库中的 set>标签完成。 set>的基本语法格式: setvar="变量的名字"scope="范围"value="值"/> 要把用户名放到session中: setvar="username"scope="session"value="${param.username}"/> 第四讲(参考《JavaWeb程序设计基础教程》第6章) 1、对Servlet的理解 Servlet是一种Java类。 Servlet能够完成与JSP相同的功能。 能够接收用户的请求,能够调用功能类的方法,可以对用户进行响应。 Servlet和JSP同属于JavaEE中Web层组件。 2、如何编写一个Servlet 假设: 该Servlet的功能为显示欢迎信息。 Java文件的编写过程: (1)声明包 (2)引入用到的其他的类(3)类的编写 对于类: (1)类头——修饰符class关键字类名继承父类实现接口 (2)类体——成员变量构造方法对属性进行操作的方法功能类方法 对于成员变量: 修饰符类型变量名(对象名) 对于方法(不包括构造方法): 修饰符返回值类型方法名参数列表异常列表方法体 对于方法体: 变量的声明各种运算调用其他的方法返回结果 (1)声明包,假设包名为servlet packageservlet; (2)引入用到的类,javax.servl
处理文件的后半部分
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JSP 快速 入门教程