JSP快速入门教程Word下载.docx
《JSP快速入门教程Word下载.docx》由会员分享，可在线阅读，更多相关《JSP快速入门教程Word下载.docx（19页珍藏版）》请在冰豆网上搜索。
服务器：
我们用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>
升级会员 