JSP快速入门教程

JSP快速入门教程第一讲（参考《JavaWeb程序设计基础教程》第1章）1JSP和Java的关系一般Java指的标注版JavaSE另外两个版本：JavaEE和JavaMEJSP属于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，主要表单元素（输入）＋表格（显示信息）＋基本HTMLJSTL，标准标签库，用于输出和控制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.xmlwork存放临时文件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文件基本上都会有--htmlheadtitle第一个JSP程序/title/headbodyHello,晚上好！/body/html先启动服务器：访问程序：表示协议127.0.0.1表示主机IP地址，也可以写主机名字8080表示服务的端口，上网的时候不用输入端口，因为采用了默认的端口，默认端口80。bookstore表示应用，是应用的名字hello.jsp就是资源7JSP的运行原理过程：首先启动服务器，并且要保证应用在服务器上（把应用放在webapps下面，会自动加载）在客户端通过浏览器发送请求（在地址栏中输入地址）服务器接收到请求之后，查找有没有这个文件对应的Java文件的对象。如果没有这个对象，需要创建（先把JSP文件转换成Java文件，编译成.class文件，加载类并创建对象），然后调用对象的相应方法，方法完成对用户的响应，通常是输出的html代码）客户端接收到的是html代码，浏览器解析这个代码生成页面。8表格的语法开始标志：table结束标志：/table中间是行，每行是一个tr/tr每行之间是列，每一列对应td/tdtd/td之间的内容就是每个表格中的信息*************************************************第一讲结束第二讲（参考《JavaWeb程序设计基础教程》第2章）1、form只要是涉及向服务器提交信息，都应该使用form。基本语法结构：formaction=目标文件method=get|post各种表单元素/formaction属性决定的目标文件来对用户提交的信息进行处理。2、常用的表单元素单行文本框：用于输入少量的信息。基本语法格式：inputtype=textname=名字value=值type=text就说明这是单行文本框；name指出文本框的名字，最好不要用汉字，最好使用有意义的名字；value指出默认值，如果没有默认值，可以不要value属性，value属性经常在修改的时候使用。注意：如果有格式要求，要明确的告诉用户。密码框：用于输入密码。基本的语法格式：inputtype=passwordname=名字value=值注意：设置密码的时候，应该使用确认密码，应该有两个密码框。提交按钮：当点击它的时候，会把输入的信息提交给服务器。基本语法格式：inputtype=submitvalue=值type应该为submit，value是显示在按钮上面的信息。复位按钮：当点击它的时候，会把各个表单元素的值恢复到默认值。基本语法格式：inputtype=resetvalue=值普通按钮：也可以完成提交，还可以完成方法的调用。基本语法格式：inputtype=buttonvalue=值单选按钮：通用用于在多个选项中选择一个。基本语法格式：inputtype=radioname=名字value=值这个表示一个单选按钮，并且仅仅是一个按钮。例，选择性别：inputtype=radioname=sexvalue=1checked男inputtype=radioname=sexvalue=0女如果希望在多个选项中选择一个（有互斥性），必须让他们的名字一致。复选框：用于多选。基本的语法格式：inputtype=checkboxname=名字value=值显示给用户的信息与提交给服务器的信息没有关系。如果希望多个选项是一组，应该使用相同的名字。下拉列表：用于选择，可以单选，也可以多选。基本语法格式：selectname=名字optionvalue=1selected1/optionoptionvalue=22/option.../select每个选项使用一个option，使用value属性指出该选项的值，在option和/option之间是显示给用户的值。文本域：用于输入大量的信息。基本语法格式：textareaname=名字cols=列数rows=行数默认值/textarea要为这个文本域赋默认值，需要把值放在开始标志和结束标志之间，而不是使用value属性。3、完成输入的时候应该注意的问题对格式的要求必须明确，包括长度、数字、日期、email、电话、必添。能够从系统中获取的信息不要让用户提供，例如当前时间。能够选择的信息不要让用户输入。按照信息的重要程度安排表单元素在界面中的位置。4、对用户输入信息进行验证要用JavaScript，使用下面的标记：scriptlanguage=javascript//JavaScript代码/script要写方法functioncheck(){}方法可以不用定义返回值，但是可以有返回值获取用户输入的值：document.form1.username.valuedocument表示当前文档，form1表示表单的名字，username表示该表单中表单元素的名字，value表示得到值把表单提交与方法关联：可以使用表单的onSubmit事件。例：scriptlanguage=javascriptfunctioncheck(){username=document.form1.username.value;if(username.length6||username.length8){alert(用户名长度不合适！);returnfalse;}else{returntrue;}}/script使用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%tablealign=centerwidth=780trheight=100tdalign=centerh1电子书店/h1/td/trtrtdalign=center!--超链接的基本格式--ahref=register.jsp注册/a最新图书最畅销图书查询图书修改密码查询订单购物车/td/trtrtdhr/td/tr在index.jsp中引入header.jsp的代码：%@pagecontentType=text/html;charset=gb2312%%@includefile=header.jsp%trtdtabletrtd!--登录界面代码--formaction=login_process.jspmethod=post!--主要是涉及提交信息，就要用到form，action决定了提交给哪个文件处理--用户名：inputtype=textname=usernamevalue=aaabr口令：inputtype=passwordname=userpassvalue=brinputtype=submitvalue=登录inputtype=resetvalue=重写/form/tdtd欢迎光临我们的书店！/td/tr/table/td/tr/table运行过程：在转换的时候，当遇到include指令的时候会把include指令指向的目标文件的内容拷贝到当前位置，替换include指令，这样最后形成一个文件。然后才编译形成class文件，然后运行。2、jsp:forward标签我们使用登录功能的模拟来介绍。首先，使用Java代码完成判断，使用jsp:forward完成跳转，代码：%@pagecontentType=text/html;charset=gb2312%%//先获取用户输入的用户名和口令，然后判断是否合法Stringusername=request.getParameter(username);Stringuserpass=request.getParameter(userpass);if(username.equals(zhangsan)&&userpass.equals(zhangsan)){%jsp:forwardpage=success.jsp/%}else{%jsp:forwardpage=i