新JSP程序设计 教学课件 范立锋 乔世权 程文彬 第02章 JSP辅助知识.ppt

第2章 JSP辅助知识 2.1 JSP中的HTML元素 HTML文本结构 表单元素设置 （1） 表单元素设置 （2） 表单元素设置 （3） 表单元素设置 （4） 表单元素设置 （5） 表单元素设置 （6） 表单元素设置 （7） 其他元素设置（1） 其他元素设置（2） 其他元素设置（3） 2.2 JSP中的JavaScript语言 JavaScript语言概述 网页中的JavaScript 基本语法 （1） 基本语法 （2） 基本语法 （3） 常用语句（1） 常用语句（2） 常用语句（3） 常用语句（4） 常用语句（5） 对象 （1） 对象 （2） 对象 （3） 事件（1） 事件（2） 事件（3） 事件（4） 2.3 Web应用程序体系结构 三层架构（1） 三层架构（2） 三层架构（3） 二层架构 JSP技术支持的架构 2.4 应用服务器 Web服务器 JSP引擎和Servlet引擎 2.5 HTTP协议（1） 2.5 HTTP协议（2） 下拉列表事件 下拉列表是常用的一种HTML元素，通常情况下，利用onChange事件来处理，具体使用格式如下： 例如 ： select name=select onchange=alert(您选择了+select.value) option value=北京北京/option option value=上海上海/option option value=天津天津/option option value=重庆重庆/option /select onChange=函数或处理语句 程序运行结果如图所示 ： 判断输入框是否为空 在进行“注册”或“登录”操作时，需要校验表单中输入框是否为空。这时，可以利用form元素中的onsubmit属性进行设置，该事件用于发生在表单的“提交”按钮被单击（按下并放开）时，可以使用该事件来验证表单的有效性。通过在事件处理程序中返回false值（return false）可以阻止表单提交。例如： function userCheck() { //校验用户名表单是否为空 if (document.form1.username.value == ) { window.alert(“请输入用户名”); return false; } 如果表单中用户名为空， 运行结果如图所示： 返回 2.3.1 三层架构 2.3.2 二层架构 2.3.3 JSP技术支持的架构 返回 按照程序的分工不同，把应用程序分为如下3层： （1）数据显示层：用户数据输入界面和数据显示界面，运行在客户端上。 （2）逻辑计算层：数据计算功能，运行在应用服务器上。 （3）数据处理层：数据库处理功能，运行在数据库服务器上。 应用程序的三层架构结构如图所示： 相互调用 数据显示层 客户端 本地用户使用的计算机，通过客户端软件请求应用服务器提供服务。 逻辑计算层 应用服务器 接受客户请求进行数据计算，并把计算结果返回给客户。JSP页面使用的服务器，该服务器通常由JSP引擎、Servlet引擎和Web服务器构成。 数据处理层 数据库服务器 提供数据处理和事务处理。例如，SQL Server2000、MYSQL、Oracle。 相互调用 B/S架构与C/S架构 根据客户端程序的运行机制不同，三层架构又分为B/S架构与C/S架构。 （1）C/S架构 C/S又称Client/Server或客户/服务器模式。服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统，如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件。对应的优点就是客户端响应速度快。缺点主要有以下几个： 只适用于局域网。 客户端需要安装专用的客户端软件，其维护和升级成本 非常高。 B/S架构与C/S架构 （2）B/S架构 B/S是Brower/Server的缩写，客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装Oracle、MYSQL或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。 B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易，只要能上网，再由系统管理员分配一个用户名和密码，就可以使用了。甚至可以在线申请，通过公司内部的安全认证后，系统可以自动分配给用户一个账号进入系统。