JSP快速入门教程.docx

《JSP快速入门教程.docx》由会员分享，可在线阅读，更多相关《JSP快速入门教程.docx（19页珍藏版）》请在冰豆网上搜索。

JSP快速入门教程

JSP快速入门教程

JSP和Java的关系

  一般Java指的标注版JavaSE， 另外两个版本：

JavaEE和JavaME，  JSP属于JavaEE的一部分。

  JavaEE：

    组件：

Web层组件（JSP＋Servlet）＋业务层组件（EJB）

    服务：

JNDIJDBCRMIJAASJavaMail等等

  JavaEE包括2个体系：

标准（上面介绍的）＋流行（Struts＋Hibernate＋Spring）

  两套体系都是JSP＋Servlet为基础。

JSP会涉及哪些内容

JSP语法基础（Java＋HTML）：

 对于Java，需要掌握Java的基本语法（类定义对象定义和使用常用类库java.lang.*,java.util.*）

 对于HTML，主要表单元素（输入）＋表格（显示信息）＋基本HTML

JSTL，标准标签库，用于输出和控制

  Servlet，几乎所有介绍JSP的书和课程都包含Servlet，因为JSP实际上指的是JavaWeb开发。

用Servlet主要是控制器。

JSP的运行环境

  服务器：

我们用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文件基本上都会有-->

    

    Hello,晚上好！

  先启动服务器：

  访问程序：

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代码，浏览器解析这个代码生成页面。

表格的语法

 开始标志：

  结束标志：

  中间是行，每行是一个  

  每行之间是列，每一列对应

  之间的内容就是每个表格中的信息

Form表单

  应用范围：

只要是涉及向服务器提交信息，都应该使用form。

1、 基本语法结构：

    各种表单元素

  action属性决定的目标文件来对用户提交的信息进行处理。

2、常用的表单元素

1）单行文本框

应用：

用于输入少量的信息。

  基本语法格式：

  type="text"就说明这是单行文本框；

  name指出文本框的名字，最好不要用汉字，最好使用有意义的名字；

  value指出默认值，如果没有默认值，可以不要value属性，value属性经常在修改的时候使用。

  注意：

如果有格式要求，要明确的告诉用户。

2）密码框

应用：

用于输入密码。

  基本的语法格式：

  注意：

设置密码的时候，应该使用确认密码，应该有两个密码框。

3）提交按钮

应用：

当点击它的时候，会把输入的信息提交给服务器。

  基本语法格式：

  type应该为submit，value是显示在按钮上面的信息。

4）复位按钮

应用：

当点击它的时候，会把各个表单元素的值恢复到默认值。

  基本语法格式：

5）普通按钮

应用：

也可以完成提交，还可以完成方法的调用。

  基本语法格式：

6）单选按钮

应用：

通用用于在多个选项中选择一个。

  基本语法格式：

  这个表示一个单选按钮，并且仅仅是一个按钮。

  实例，选择性别：

  男

  女

  如果希望在多个选项中选择一个（有互斥性），必须让他们的名字一致。

7） 复选框：

应用：

用于多选。

  基本的语法格式：

  显示给用户的信息与提交给服务器的信息没有关系。

  如果希望多个选项是一组，应该使用相同的名字。

8）下拉列表

应用：

用于选择，可以单选，也可以多选。

  基本语法格式：

    1

    2

    ...

  每个选项使用一个option，使用value属性指出该选项的值，在和之间是显示给用户的值。

9）文本域

应用：

用于输入大量的信息。

  基本语法格式：

    默认值

  要为这个文本域赋默认值，需要把值放在开始标志和结束标志之间，而不是使用value属性。

3、完成输入的时候应该注意的问题

a）对格式的要求必须明确，包括长度、数字、日期、email、电话、必添。

b）能够从系统中获取的信息不要让用户提供，例如当前时间。

c）能够选择的信息不要让用户输入。

d）按照信息的重要程度安排表单元素在界面中的位置。

4、对用户输入信息进行验证（js部分补充）

a）要用JavaScript，使用下面的标记：

    //JavaScript代码

b）要写方法

  functioncheck（）{

  }

 注：

 方法可以不用定义返回值，但是可以有返回值

c）获取用户输入的值：

  document.form1.username.value

  document表示当前文档，form1表示表单的名字，username表示该表单中表单元素的名字，value表示得到值

  注：

把表单提交与方法关联：

可以使用表单的onSubmit事件。

d）实例：

  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（）;

include指令

  作用：

把多个文件中需要共享的代码放在单独的文件中，然后在需要的时候使用该指令引入这个文件。

典型的应用，把网站的头部和版权信息放在单独的文件中，在其他文件中包含这两部分。

  基本的语法格式：

      <%@includefile="目标文件"%>

  file属性指出目标文件。

  实例：

把index.jsp和register.jsp中的共同部分做成单独的文件header.jsp（后缀名不一定是.jsp），然后在index.jsp和register.jsp中调用。

  header.jsp中的内容如下：

<%@pagecontentType="text/html;charset=gb2312"%>

电子书店