动态Web开发技术--JSP.

Slides:



Advertisements
Similar presentations
模块五 动态网页技术 任务五 查询记录 任务一 表单设计制作 任务二 简单动态的 ASP 页面制作任务三 页面与数据库的集成任务四 添加记录 任务六 电商系统融入网站.
Advertisements

Java Web 开发 授课人:张鸽. 第三讲 JSP 内置对象  JSP 有以下九种内置对象,包括:  ·request ,请求对象  ·response ,响应对象  ·pageContext ,页面上下文对象  ·session ,会话对象  ·application ,应用程序对象.
LOGO 第 9 章 Java Servlet 和 JSP 编程 孙焘. 重点: servlet 编程原理 1 servlet 的基础类与编程实现 2 JSP 编程原理 3 JSP 的常用语法 4.
1 自然人憑證 結合人事差假管理系統 指導老師:丁德榮 教授 作者:何岳剛、蘇巨鋒、廖偉吏、鄭致瑋、湯媛喬、李封儒 報告人:廖偉吏 彰化師範大學 資訊工程學系 報告日期: 95/11/2.
Web Maple— 云端计 算 数学学院刘海洋 胡婷婷. 需求 什么是 Web Maple ? Maple : “ 数学家的软件 ” 符号和数值计算 动态编程语言 集成编辑环境与图形输出 Web Maple :网页上的数学家 完整的 Maple 功能 云端计算 网页独特的输入输出格式.
欢迎各位 Nice to Meet U.
第14章 表单 在制作动态网页时,要实现信息交互,常常用到表单。 常见的表单有搜索表单、用户登录注册表单、调查表 单、留言簿表单等。本章节将和大家一起探讨在表单 的基本概念和各个元素,以及在Dreamweaver CS4中 如何创建表单,并通过实例掌握表单制作的方法。
第六章 网页设计与制作基础.
IT运维管理解决方案 -轻松管理,自在运维 产品经理 刘曜.
Java 2实用教程(第3版)教学课件 主讲教师:张国平
第3章 电子商务的技术基础 3.1 电子商务与计算机网络技术 3.2 电子商务与Web技术 3.3 电子数据交换(EDI)技术
第一章 JSP概述.
第五章 JSP内置对象 第4章学习了页面组成元素和使用方法。本章学习JSP内置对象的使用。使用JSP内置对象,可以方便操作页面,访问页面环境,实现页面内、页面间、页面与环境之间的通讯。 学习目标 熟悉主要内置对象的概念 理解主要内置对象的作用域和生命期 理解主要内置对象的作用和关系 熟悉主要内置对象的使用方法.
基于JSP搭建Web应用程序.
上节课我们是讲解了request, response, session, application 等内置对象,有了它们,我们就可以编写一个完整的应用程序了。 我们来看ebank这个小应用程序的编写。
第五章:JDBC与数据库 第一讲.
第七章 电子商务系统的运营与维护.
程式語言與設計 授課教師:蔣德威.
第一章 JSP概述 学习目标 JSP技术是目前WEB开发技术中应用最广泛的一种.本章对JSP技术、优点、缺点、应用前景作了简要介绍。
网站如何定制建设???.
Apache PHP MySQL 介紹與安裝設定 NIT 戴琬諭 NIT 林佳保.
網頁技術簡介.
学习目标 掌握电子商务网站体系结构 掌握企业电子商务网站体系结构 掌握PWS的安装与设置
Microsoft Application Center Test
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
Ch03 VB.NET語法建立ASP.NET 網頁程式設計.
网页制作 第五讲 Dreamweaver基础.
Hello World 體驗實作第一個JSP程式.
第四章 網頁表單與資料傳遞.
JSP程式設計 基本概論 歐陽芳泉 Fang-Chuan Ou Yang
数据库操作示例 import java.sql.*; //导入java.sql包 public class JDBCDemo {
专题4:JSP脚本和指令.
Arena System Technology Architecture 系统技术架构 1、Database V2(Lotus Notes)V3(Oracle8i) 2、Application Server SilverStream2.53 (Java as server side programming.
電子商務網站建制技術與實習(II) 助教:江宜政 吳昇洋.
第一章: Java Web 开发技术概述.
進階 WWW 程式設計 -- PHP Regular Expression 靜宜大學資訊管理學系 蔡奇偉副教授 2004
第六讲 JSP中的文件操作(2) 教学目的 本讲继续讲述JSP中使用Java输入、输出流实现文件的读写操作 。 1 文件上传 2 文件下载
ASP动态网页设计实用教程 主讲教师: 开课单位:.
張智星 台大資工系 多媒體檢索實驗室 第九章 小餅乾(Cookies) 張智星 台大資工系 多媒體檢索實驗室.
13.1 用框架劃分工作區,方便演示資訊 13.2 使用連結及鎖定點連接資訊 13.3 使用列表及表單演示資訊
第一讲 J2EE基础 博和利初级培训 —开发技能.
新世代計算機概論第三版 第11章 網際網路.
程序语言的现在和未来 孙志岗.
第11章 Android客户端与服务器交互.
网 站 设 计 与 建 设 Website design and developments
Python联合服务器的使用.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
第一章 JSP概述 study-thinking-action.
架站實做—AppServ
第4章 ASP.NET的HTTP物件、輸出入與Cookie處理
电子商务专业课程 电子商务应用技术 Application of Technology On Electronic Commerce.
封面 (资产管理软件)
HTML 103 互動式網頁.
封面 (Web报表系统)
电子商务 王素凤
第十五章 WWW網頁的製作 計算機概論編輯小組.
Ch09 在網頁之間傳遞資訊 網頁程式設計.
本學期資訊系統開發專案之技術架構.
HTTP 1.1 Method OPTIONS GET HEAD POST PUT DELETE TRACE CONNECT
HTML 103 互動式網頁 助教:黃毓瑩.
网 站 设 计 与 建 设 Website design and developments
第6章 PHP的数据采集.
ASP动态网页设计实用教程 主讲教师:贾海陶.
第 1 章 設計網頁的準備工作.
W3C标准网页制作 主讲教师:张 涛.
项目一 了解网站的概念 项目二 创建个人网站“鸿渐工作室” 项目三 制作“鸿渐工作室”的主页 项目四 HTML语言 项目五 制作“家乡特产”网页 项目六 制作“给我留言”网页 项目七 制作“应用技巧”网页 项目八 模板制作及应用.
项目一 了解网站的概念 项目二 创建个人网站“鸿渐工作室” 项目三 制作“鸿渐工作室”的主页 项目四 HTML语言 项目五 制作“家乡特产”网页 项目六 制作“给我留言”网页 项目七 制作“应用技巧”网页 项目八 模板制作及应用.
第三章 电子商务网站技术.
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
Presentation transcript:

动态Web开发技术--JSP

教学方法 本课程是专业技能课,以实例带动知识点,讲、学、练结合,通过实例引入概念、原理和方法。

课程的任务 掌握Web程序运行的基本原理 掌握服务器端Servlet编程技术 掌握JSP的基本语法及内置对象 Session、Applicaton的灵活运用及会话跟踪技术 灵活使用JSP+JavaBean技术开发Web程序 熟练掌握JSP对数据库的操作 掌握Web开发的常见问题,如乱码、分页、文件上传、国际化 监听器、过滤器的使用 EL和JSTL简化页面编写 MVC框架

实战内容 Servlet实现网上投票系统 JSP实现用户注册、登陆验证 JSP+JavaBean实现计算器功能 JSP+JDBC实现数据库操作 JSP+JavaBean+JDBC实现书店图书管理、图书浏览 JSP技术实现上传图书封面 使用Session实现购物车管理 使用Application实现网上聊天室 使用监听器统计网站在线人数 JSP实现分页技术 EL+JTSL改进页面 MVC模式实现网上商店系统 MVC实现BBS系统

JSP技术资源 Sun官方网站JavaServlet Pages技术首页 Sun官方网站JavaServlet技术首页 http://java.sun.com/products/jsp/index http://forum.java.sun.com/forum.jsp?forum=45 Sun官方网站JavaServlet技术首页 http://java.sun.com/products/servlet/index http://forum.java.sun.com/forum.jsp?forum=33 Sun官方网站JDBC讨论社群 http://forum.java.sum.com/forum.jsp?forum=48 国内技术社区 http://java.csdn.net/ http://www.cjsdn.net http://java.chinaitlab.com/ http://www.cn-java.com/www1/ http://www.chinajavaworld.com/index.jspa http://www.blogjava.net/

相关技术网址 微软Web Develplment/html and css 库 JavaScript 中文简介 http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/execcommand.asp JavaScript 中文简介 http://www.lib.tsinghua.edu.cn/chinese/INTERNET/JavaScript/ JavaScript 指南(英文) http://www.w3schools.com/js/default.asp

T1 JSP入门体验

主要内容 理解 理解桌面程序、C/S、B/S的区别 了解HTTP协议工作原理 掌握 1、jsp页面的执行过程 2、Tomcat的安装和配制

桌面程序、C/S、B/S C/S程序 B/S程序 桌面程序 单机上运行的程序,如word、excel、播放器。。。 客户端/服务器网络程序,客户端需要安装专门的客户端软件 如:QQ、银行取款机上的程序 B/S程序 浏览器/服务器网络程序,客户端不用装专门的软件,而是使用统一的客户端浏览器进行访问 也就是常见的网站

什么是Web开发 什么是Web开发 Web开发需要的技术 Web开发就是开发B/S结构的程序 如网站、BBS、网上商店的常见的网站 还包括企业管理型的系统,如OA、ERP、EIP。。。 Web开发需要的技术 网站的前台布局、美工、动画 后台处理程序 数据库领域技术 系统架构技术 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要概念就是超文本链接,它使得文本不再像一本书一样是固定的线性的。而是可以从一个位置跳到另一个位置,可以从中获取更多的信息。可以转到别的主题上,想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多链接性我们才把它称为Web。

Web应用 Web应用 一个服务器上运行的应用,对此应用,用户可以通过一个通用的瘦客户加以访问,目前最常用的瘦客户是Web流览器,其他瘦客户如掌上电脑,手机等也迅速加到这个行列来 HTTP协议 要实现简单的客户端能够与多种不同的服务器进行交互;而且这些服务器应用也必须具有与多种不同的类型客户端合作的能力,就必须定义客户和服务器通信的方式,这就是HTTP协议的目的

HTTP协议 HTTP请求/响应模型

HTTP请求 请求详解 点击链接、提交表单、地址栏键入Web页面地址就会发出一个请求 请求的服务器及资源由一个HTTP URL来指定 Ref:O’R|28 请求详解 点击链接、提交表单、地址栏键入Web页面地址就会发出一个请求 请求的服务器及资源由一个HTTP URL来指定 协议名 主机名 端口号 资源名 http://www.tsinghua-gd.com:8080/News.asp 浏览器使用URL信息来创建请求消息,并用指定的协议向指定的服务器发送此消息

HTTP请求组成 请求行(request line) 请求首部(request header) 包含服务器用于可能用于处理请求的额外信息 Ref:O’R|28 请求行(request line) 包括请求方法,资源名,浏览器所使用协议的版本,如: GET /index.html HTTP/1.1 请求首部(request header) 包含服务器用于可能用于处理请求的额外信息 请求体(requst body): 仅在某些类型的请求中包含消息体,如POST请求 HTTP请求消息示例:

HTTP请求组成

请求参数 请求参数 除了URL和首部,请求消息还可以包含有形式参数 http://www.weather.com.forecast?city=GuangZhou&province=GuangDong&date=2005-11-20 有两种方式发送参数: 1.以查询串(query string)的形式加在URL上 2.以请求消息体的一部分发送,使用POST请求时使用这种方式发送

请求方法 请求方法 GET方法,获取一个资源,而不需要服务器作任何工作 POST方法,请求在服务器上做某种处理,如:更新数据库或处理一个购买订单 GET使用查询串来传递参数; POST将参数作为请求消息体的一部分发送,也可以同时将某些参数作为查询串发送 在地址栏输入地址、点击<a>元素发出的都是使用GET请求,当使用一个表单向服务器发送用户输入时,可以指定method属性来指定请求方法,如:

动态网站技术 附加的其他技术: 目前能创建动态网站的技术: ASP: Active Server Pages 1996年,Microsoft借鉴PHP思想,在其Web服务器IIS 3.0中引入了ASP技术。ASP使用的脚本语言是我们熟悉的VBScript和JavaScript。借助Microsoft Visual Studio等开发工具在市场上的成功,ASP迅速成为了Windows系统下Web服务端的主流开发技术。 PHP: Personal Home Page 1994年,Rasmus Lerdorf发明了专用于Web服务器端编程的PHP(Personal Home Page Tools)语言。PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面,Web应用的开发者可以用一种简便、快捷的方式实现动态Web功能。 JSP : Java Server Page …… 附加的其他技术: JavaScript, css, xml , database …

JSP的发展 JSP (*.jsp) = HTML文件(*.htm,*.html)+Java程序片断+JSP标记; JSP(JavaServer Pages)是1996年由Sun公司倡导,许多国际大型IT公司(IBM、Borland、Netscape 、Intle、Oracle等 )参与一起建立的一种新动态网页技术标准,类似其他技术的标准,如ASP,PHP等等. JSP是Java家族中与ASP技术一较高下的网页技术。 JSP是结合HTML和Java Servlet的一种服务器端网页技术。 JSP (*.jsp) = HTML文件(*.htm,*.html)+Java程序片断+JSP标记;

JSP的优点 JSP是纯Java平台的技术,它主要用来生成动态网站,包括HTML、DHTML、XHTML和XML。 Write Once,Run Anywhere特性 使商业逻辑和页面显示分开 搭配可重复使用的组件,如JavaBean ,EJB等 采用标签化页面开发 N-tier企业应用框架的支持

JSP的作用

JSP运行环境 开发运行环境 开发工具 J2SDK JSP引擎,用于解析JSP,有Tomcat、Resin Dreamweaver、FrontPage … Eclipse、JBuilder、Netbean …

Tomcat的下载 官方网站下载地址(目前版本6.X) http://jakarta.apache.org/tomcat/index.html

Tomcat的安装 执行jakarta-tomcat-5.0.28.exe安装。 选择tomcat安装路径和使用的jdk,并设定tomcat port 和 Administrator Login等。 tomcat port:设置在IE浏览器中的默认端口号 Administrator Login :设置tomcat管理员名称和密码。 设置环境变量 JAVA_HOME=“C:\j2sdk1.4.1_02” TOMCAT_HOME=“c:\tomcat 5.0”

Tomcat验证安装 Window环境下: Unix/Linux环境下: 双击{tomcat_home}/bin/startup.bat启动。 双击{tomcat_home}/bin/shutdown.bat关闭。 Unix/Linux环境下: 双击{tomcat_home}/bin/startup.sh启动。 双击{tomcat_home}/bin/shutdown.sh关闭。 在IE中输入http://localhost:8080/进行测试,如果页面正常出现,即安装成功。

Tomcat目录结构 Tomcat安装目录介绍 1、bin目录下都是tomcat的命令。 2、conf目录存在server的配置文件。 3、log目录是日志信息。 4、temp目录存在JVM中的临时文件。 5、webapps目录存放web应用项目。 6、work目录存在web项目的临时文件

第一个JSP程序 Hello.jsp,放在webapps\root下 测试 http://Localhost:8080/hello.jsp

login.jsp hello.jsp

Tomcat中项目的发布 1、将xxx.war放到tomcat_home/webapps/目录下,当tomcat启动的时候,会自动解压。

Tomcat中项目的发布 2、在tomcat_home/conf/server.xml中设置站台。 … <Context path=“ /myweb” docBase=“myjsp” debug=“0” reloadable=“true”> </Context> </Host> 说明 path=“/myweb”代表网络域名,http://IP:port/myweb docBase=“myjsp”代表站台的目录位置, {tomcat}/webapps/myjsp Debug是调试等级,0提供的信息最少,9提供的信息最多 Reloadable表示tomcat在执行的时候,当class\web.xml被更新时,是否不需重启tomcat而自动更新加载。 3、启动tomcat,在IE中输入http://localhost:8080/myjsp执行。

JSP执行过程 JSP File Request Resource Response HTML File HTML File

JSP执行过程 浏览器 IE Netscape JSP Page 1 Request 2 jsp parser 产生Servlet 的 .java文件 3 servlet 分析器 4 Response 经编译成Servlet 的.class文件 Web服务器

JSP执行过程 转译时期与请求时期过程程序图 out.write(“Count:”) out.jprint(“count”) 请求时期 <html><body> <% int count = 0; count++; %> Count:<%= count%> </body><html> //在_jspService()中 out.write(“<html><body>”); int count = 0; count++; out.write(“Count:”) out.jprint(“count”) out.write(“</body><html>”) <html> <body> Count : 1 </body> 请求时期 转译时期 Counter.jsp Output.HTML Counter_jsp.java 转译时期与请求时期过程程序图 例子 JSPHello.jsp

实践项目 首先我们编写一个HTML页面,文件名为“index.html” <form action="print.jsp" method="post"> <div align="center"> <p> 请输入你想打印的文字<br> <input type="text" name="text" /> </p> <input type=submit value="提交"> <input type="reset" name="" value="重置" /> </div> </form>

实践项目 通过上面代码,我们可以看出是“post”提交方式,提交处理的页面为“print.jsp”。我们设计print.jsp的作用是将用户在index.html页面的文本框中输入的信息打印到print.jsp页面上。主要代码如下: <body> <% out.println("<p align='center'>"+(String)request.getParameter("text")+"</p>"); %> </body> 提交

体验项目——<乘法口诀表> 本章体验项目实现的功能:编写一个JSP页面,实现在页面中打印乘法口诀表的功能。程序编写完成后,把文件保存为后缀名为.jsp的文件,将文件存放在TomcatwebappsROOTa目录下。启动Tomcat服务器,在浏览器地址栏中输入“http://localhoat:8080/a/myjsp.jsp”后,点击“回车”。查看程序的运行结果,如图所示:

总 结 理解 掌握 1、动态网站基础知识 2、JSP发展和优点 3、jsp页面的执行过程 4、Tomcat的安装和配制

理论课作业 1、描述下tomcat下各个目录的作用? 2、如果想发布一个站点myjsp允许用户在网络上以名字myfirstweb来访问的话,该如何在conf目录下的那个文件中进行怎么的配置?怎么配置? 3、描述一下C/S模式与B/S模式的区别