JSP快速入门教程Word下载.docx
《JSP快速入门教程Word下载.docx》由会员分享,可在线阅读,更多相关《JSP快速入门教程Word下载.docx(19页珍藏版)》请在冰豆网上搜索。
![JSP快速入门教程Word下载.docx](https://file1.bdocx.com/fileroot1/2022-10/9/847094d6-11aa-4351-8d6c-4cdb59edd518/847094d6-11aa-4351-8d6c-4cdb59edd5181.gif)
服务器:
我们用Tomcat。
其它的服务器:
IBMWebsphere+BEAWebLogic
+JBoss(免费的)+GlassFish(新出的JavaEE5服务器)
JSP的开发环境
页面:
DreamWeaver开发页面
代码:
本文编辑器EclipseNetBeansJBuilder
Tomcat文件夹
webapps
主要各个应用,编写的每个应用(网站)都可以放在这个位置
bin
这个是启动服务器的相关文件,tomcat6用于命令行方式的启动,tomcat6w用于windows方式的启动
conf
用于配置,常用的是server.xml另外一个是web.xml
work存放临时文件
logs
系统运行时候的日志信息
实例:
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文件基本上都会有-->
html>
<
head>
title>
第一个JSP程序<
/title>
<
/head>
body>
Hello,晚上好!
/body>
/html>
先启动服务器:
访问程序:
http:
//127.0.0.1:
8080/bookstore/hello.jsp
http表示协议
127.0.0.1表示主机IP地址,也可以写主机名字
8080表示服务的端口,上网的时候不用输入端口,因为采用了默认的端口,默认端口80。
bookstore表示应用,是应用的名字
hello.jsp就是资源
JSP的运行原理
过程:
首先启动服务器,并且要保证应用在服务器上(把应用放在webapps下面,会自动加载)
在客户端通过浏览器发送请求(在地址栏中输入地址)
服务器接收到请求之后,查找有没有这个文件对应的Java文件的对象。
如果没有这个对象,需要创建(先把JSP文件转换成Java文件,
编译成.class文件,加载类并创建对象),然后调用对象的相应方法,方法完成对用户的响应,通常是输出的html代码)
客户端接收到的是html代码,浏览器解析这个代码生成页面。
表格的语法
开始标志:
table>
结束标志:
/table>
中间是行,每行是一个<
tr>
/tr>
每行之间是列,每一列对应<
td>
/td>
之间的内容就是每个表格中的信息
Form表单
应用范围:
只要是涉及向服务器提交信息,都应该使用form。
1、
基本语法结构:
formaction="
目标文件"
method="
get|post"
>
各种表单元素
/form>
action属性决定的目标文件来对用户提交的信息进行处理。
2、常用的表单元素
1)单行文本框
应用:
用于输入少量的信息。
基本语法格式:
<
inputtype="
text"
name="
名字"
value="
值"
type="
就说明这是单行文本框;
name指出文本框的名字,最好不要用汉字,最好使用有意义的名字;
value指出默认值,如果没有默认值,可以不要value属性,value属性经常在修改的时候使用。
注意:
如果有格式要求,要明确的告诉用户。
2)密码框
用于输入密码。
基本的语法格式:
password"
设置密码的时候,应该使用确认密码,应该有两个密码框。
3)提交按钮
当点击它的时候,会把输入的信息提交给服务器。
submit"
type应该为submit,value是显示在按钮上面的信息。
4)复位按钮
当点击它的时候,会把各个表单元素的值恢复到默认值。
基本语法格式:
reset"
5)普通按钮
也可以完成提交,还可以完成方法的调用。
button"
6)单选按钮
应用:
通用用于在多个选项中选择一个。
基本语法格式:
radio"
这个表示一个单选按钮,并且仅仅是一个按钮。
实例,选择性别:
sex"
1"
checked>
男
0"
女
如果希望在多个选项中选择一个(有互斥性),必须让他们的名字一致。
7)
复选框:
用于多选。
checkbox"
显示给用户的信息与提交给服务器的信息没有关系。
如果希望多个选项是一组,应该使用相同的名字。
8)下拉列表
用于选择,可以单选,也可以多选。
selectname="
optionvalue="
selected>
1<
/option>
2"
2<
...
/select>
每个选项使用一个option,使用value属性指出该选项的值,在<
option>
和<
之间是显示给用户的值。
9)文本域
用于输入大量的信息。
textareaname="
cols="
列数"
rows="
行数"
默认值
/textarea>
要为这个文本域赋默认值,需要把值放在开始标志和结束标志之间,而不是使用value属性。
3、完成输入的时候应该注意的问题
a)对格式的要求必须明确,包括长度、数字、日期、email、电话、必添。
b)能够从系统中获取的信息不要让用户提供,例如当前时间。
c)能够选择的信息不要让用户输入。
d)按照信息的重要程度安排表单元素在界面中的位置。
4、对用户输入信息进行验证(js部分补充)
a)要用JavaScript,使用下面的标记:
scriptlanguage="
javascript"
//JavaScript代码
/script>
b)要写方法
functioncheck(){
}
注:
方法可以不用定义返回值,但是可以有返回值
c)获取用户输入的值:
document.form1.username.value
document表示当前文档,form1表示表单的名字,username表示该表单中表单元素的名字,value表示得到值
注:
把表单提交与方法关联:
可以使用表单的onSubmit事件。
d)实例:
username=document.form1.username.value;
if(username.length<
6||username.length>
8){
alert("
用户名长度不合适!
"
);
returnfalse;
}else{
returntrue;
注释:
使用button的onClick事件进行验证:
首先要把提交按钮修改成普通按钮;
在普通按钮上增加事件:
onClick="
javascript:
check()"
在验证成功的时候,提交表单:
document.form1.submit();
include指令
作用:
把多个文件中需要共享的代码放在单独的文件中,然后在需要的时候使用该指令引入这个文件。
典型的应用,把网站的头部和版权信息放在单独的文件中,在其他文件中包含这两部分。
%@includefile="
file属性指出目标文件。
把index.jsp和register.jsp中的共同部分做成单独的文件header.jsp(后缀名不一定是.jsp),然后在index.jsp和register.jsp中调用。
header.jsp中的内容如下:
table
align="
center"
width=780>
trheight="
100"
tdalign="
h1>
电子书店<
/h1>