《动态Web开发技术.ppt》由会员分享，可在线阅读，更多相关《动态Web开发技术.ppt（39页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、动态动态WebWeb开发技术开发技术-JSP-JSP教学方法n本课程是专业技能课，以本课程是专业技能课，以实例实例带动带动知识点，讲、学、练结合，通过实知识点，讲、学、练结合，通过实例引入概念、原理和方法。例引入概念、原理和方法。课程的任务n掌握Web程序运行的基本原理n掌握服务器端Servlet编程技术n掌握JSP的基本语法及内置对象nSession、Applicaton的灵活运用及会话跟踪技术n灵活使用JSP+JavaBean技术开发Web程序n熟练掌握JSP对数据库的操作n掌握Web开发的常见问题，如乱码、分页、文件上传、国际化n监听器、过滤器的使用nELEL和和JSTLJSTL简化页面
2、编写简化页面编写nMVC框架实战内容实战内容nServlet实现网上投票系统nJSP实现用户注册、登陆验证nJSP+JavaBean实现计算器功能nJSP+JDBC实现数据库操作nJSP+JavaBean+JDBC实现书店图书管理、图书浏览nJSP技术实现上传图书封面n使用Session实现购物车管理n使用Application实现网上聊天室n使用监听器统计网站在线人数nJSP实现分页技术nEL+JTSL改进页面nMVC模式实现网上商店系统nMVC实现BBS系统JSPJSP技术资源技术资源nSunSun官方网站官方网站JavaServlet PagesJavaServlet Pages技术首页
3、技术首页nSunSun官方网站官方网站JavaServletJavaServlet技术首页技术首页nhttp:/http:/nhttp:/=33http:/=33nSunSun官方网站官方网站JDBCJDBC讨论社群讨论社群nhttp:/=48http:/=48n国内技术社区国内技术社区nhttp:/http:/相关技术网址相关技术网址n微软微软Web Develplment/html and css Web Develplment/html and css 库库nJavaScript JavaScript 中文简介中文简介nJavaScript JavaScript 指南（英文）指南（英文）
4、T1 JSPT1 JSP入门体验入门体验主要内容主要内容n理解理解n理解桌面程序、理解桌面程序、C/SC/S、B/SB/S的区别的区别n了解了解HTTPHTTP协议工作原理协议工作原理n掌握掌握n1 1、jspjsp页面的执行过程页面的执行过程n2 2、TomcatTomcat的安装和配制的安装和配制桌面程序、桌面程序、C/SC/S、B/SB/Sn桌面程序桌面程序n单机上运行的程序，如单机上运行的程序，如wordword、excelexcel、播放器。、播放器。nC/SC/S程序程序n客户端客户端/服务器网络程序，客户端需要安装专门的客户服务器网络程序，客户端需要安装专门的客户端软件端软件n如
5、：如：QQQQ、银行取款机上的程序、银行取款机上的程序nB/SB/S程序程序n浏览器浏览器/服务器网络程序，客户端不用装专门的软件，服务器网络程序，客户端不用装专门的软件，而是使用统一的客户端浏览器进行访问而是使用统一的客户端浏览器进行访问n也就是常见的网站也就是常见的网站什么是Web开发n什么是什么是WebWeb开发开发nWebWeb开发就是开发开发就是开发B/SB/S结构的程序结构的程序n如网站、如网站、BBSBBS、网上商店的常见的网站、网上商店的常见的网站n还包括企业管理型的系统，如还包括企业管理型的系统，如OAOA、ERPERP、EIPEIP。nWebWeb开发需要的技术开发需要的技
6、术n网站的前台布局、美工、动画网站的前台布局、美工、动画n后台处理程序后台处理程序n数据库领域技术数据库领域技术n系统架构技术系统架构技术WebWeb应用应用nWebWeb应用应用一个服务器上运行的应用，对此应用，用户可以通过一个通用的瘦客户加以访问，目前最常用的瘦客户是Web流览器，其他瘦客户如掌上电脑，手机等也迅速加到这个行列来nHTTPHTTP协议协议要实现简单的客户端能够与多种不同的服务器进行交互；而且这些服务器应用也必须具有与多种不同的类型客户端合作的能力，就必须定义客户和服务器通信的方式，这就是HTTP协议的目的HTTPHTTP协议协议nHTTPHTTP请求请求/响应模型响应模型H
7、TTPHTTP请求请求n请求详解请求详解点击链接、提交表单、地址栏键入Web页面地址就会发出一个请求请求的服务器及资源由一个HTTP URL来指定 协议名协议名 主机名主机名 端口号端口号 资源名资源名http:/www.tsinghua-:8080/News.asp 浏览器使用URL信息来创建请求消息，并用指定的协议向指定的服务器发送此消息 Ref:OR|28HTTP请求组成请求组成n请求行请求行(request line)包括请求方法，资源名，浏览器所使用协议的版本，如：GET/index.html HTTP/1.1n请求首部请求首部(request header)(request hea
8、der)包含服务器用于可能用于处理请求的额外信息n请求体请求体(requst body):(requst body):仅在某些类型的请求中包含消息体，如POST请求HTTP请求消息示例：Ref:OR|28HTTP请求组成请求组成请求参数请求参数n请求参数请求参数除了URL和首部，请求消息还可以包含有形式参数 如：URL指定了用于显示天气预报的程序，用户可以通过参数来告诉服务器要查询哪个城市的天气 有两种方式发送参数:1.以查询串(query string)的形式加在URL上2.以请求消息体的一部分发送，使用POST请求时使用这种方式发送请求方法请求方法n请求方法请求方法GET方法，获取一个资源
9、，而不需要服务器作任何工作POST方法，请求在服务器上做某种处理，如：更新数据库或处理一个购买订单 GET使用查询串来传递参数；POST将参数作为请求消息体的一部分发送，也可以同时将某些参数作为查询串发送在地址栏输入地址、点击元素发出的都是使用GET请求，当使用一个表单向服务器发送用户输入时，可以指定method属性来指定请求方法，如：动态网站技术动态网站技术n目前能创建动态网站的技术：目前能创建动态网站的技术：nASP:Active Server Pagesn19961996年，年，MicrosoftMicrosoft借鉴借鉴PHPPHP思想，在其思想，在其WebWeb服务器服务器IIS 3
10、.0IIS 3.0中引中引入了入了ASPASP技术。技术。ASPASP使用的脚本语言是我们熟悉的使用的脚本语言是我们熟悉的VBScriptVBScript和和JavaScriptJavaScript。借助。借助Microsoft Visual StudioMicrosoft Visual Studio等开发工具在市等开发工具在市场上的成功，场上的成功，ASPASP迅速成为了迅速成为了WindowsWindows系统下系统下WebWeb服务端的主流服务端的主流开发技术。开发技术。nPHP:Personal Home Page n19941994年，年，Rasmus LerdorfRasmus L
11、erdorf发明了专用于发明了专用于WebWeb服务器端编程的服务器端编程的PHPPHP（Personal Home Page ToolsPersonal Home Page Tools）语言。）语言。PHPPHP语言将语言将HTMLHTML代码代码和和PHPPHP指令合成为完整的服务端动态页面，指令合成为完整的服务端动态页面，WebWeb应用的开发者可应用的开发者可以用一种简便、快捷的方式实现动态以用一种简便、快捷的方式实现动态WebWeb功能。功能。nJSP:Java Server Pagenn附加的其他技术：附加的其他技术：nJavaScript,css,xml,database Jav
12、aScript,css,xml,database JSPJSP的发展的发展nJSP(JavaServer Pages)是是19961996年由年由SunSun公司倡导，许多公司倡导，许多国际大型国际大型ITIT公司（公司（IBMIBM、BorlandBorland、Netscape Netscape、IntleIntle、OracleOracle等等 ）参与一起建立的一种新动态网页技术标准，）参与一起建立的一种新动态网页技术标准，类似其他技术的标准，如类似其他技术的标准，如ASPASP，PHPPHP等等等等.nJSPJSP是是JavaJava家族中与家族中与ASPASP技术技术一较高下的网页技
13、术。一较高下的网页技术。nJSPJSP是结合是结合HTMLHTML和和Java ServletJava Servlet的一种服务器端网页技术。的一种服务器端网页技术。JSP JSP(*.jsp)(*.jsp)=HTMLHTML文文件件（*.htm,*.html*.htm,*.html）+Java+Java程序片断程序片断+JSP+JSP标记标记;nJSPJSP是纯是纯JavaJava平台的技术，它主要用来生成动态网平台的技术，它主要用来生成动态网站，包括站，包括HTMLHTML、DHTMLDHTML、XHTMLXHTML和和XMLXML。nWrite Once,Run AnywhereWrit
14、e Once,Run Anywhere特性特性n使商业逻辑和页面显示分开使商业逻辑和页面显示分开n搭配可重复使用的组件，如搭配可重复使用的组件，如JavaBean,EJBJavaBean,EJB等等n采用标签化页面开发采用标签化页面开发nN-tierN-tier企业应用框架的支持企业应用框架的支持JSPJSP的优点的优点JSPJSP的作用的作用JSPJSP运行环境运行环境n开发运行环境开发运行环境nJ2SDKJ2SDKnJSPJSP引擎引擎,用于解析用于解析JSPJSP，有，有TomcatTomcat、ResinResinn开发工具开发工具nDreamweaverDreamweaver、Fro
15、ntPage FrontPage nEclipseEclipse、JBuilderJBuilder、Netbean Netbean TomcatTomcat的下载的下载n官方网站下载地址（目前版本6.X）http:/n执行安装。执行安装。n选择选择tomcattomcat安装路径和使用的安装路径和使用的jdkjdk，并设定，并设定tomcat tomcat port port 和和 Administrator Login Administrator Login等。等。ntomcat port:tomcat port:设置在设置在IEIE浏览器中的默认端口号浏览器中的默认端口号nAdminist
16、rator Login Administrator Login：设置：设置tomcattomcat管理员名称和密管理员名称和密码。码。n设置环境变量设置环境变量 JAVA_HOMEJAVA_HOME=“=“”TOMCAT_HOMETOMCAT_HOME=“c:tomcat=“c:tomcat 5.0”5.0”TomcatTomcat的安装的安装nWindowWindow环境下：环境下：n双击双击tomcat_home/bin/tomcat_home/bin/startup.batstartup.bat启动。启动。n双击双击tomcat_home/bin/shutdown.battomcat_h
17、ome/bin/shutdown.bat关闭。关闭。nUnix/LinuxUnix/Linux环境下：环境下：n双击双击tomcat_home/bin/startup.shtomcat_home/bin/startup.sh启动。启动。n双击双击tomcat_home/bin/shutdown.shtomcat_home/bin/shutdown.sh关闭。关闭。n在在IEIE中输入中输入http:/localhost:8080/http:/localhost:8080/进行测试，进行测试，如果页面正常出现，即安装成功。如果页面正常出现，即安装成功。TomcatTomcat验证安装验证安装nT
18、omcatTomcat安装目录介绍安装目录介绍TomcatTomcat目录结构目录结构n1 1、binbin目录下都是目录下都是tomcattomcat的命的命令。令。n2 2、confconf目录存在目录存在serverserver的配置的配置文件。文件。n3 3、loglog目录是日志信息。目录是日志信息。n4 4、temptemp目录存在目录存在JVMJVM中的临时中的临时文件。文件。n5 5、webappswebapps目录存放目录存放webweb应用项应用项目。目。n6 6、workwork目录存在目录存在webweb项目的临项目的临时文件时文件第一个第一个JSPJSP程序程序nHe
19、llo.jspHello.jsp，放在，放在webappsrootwebappsroot下下n测试测试http:/Localhost:8080/hello.jsphttp:/Localhost:8080/hello.jspnlogin.jsplogin.jspnhello.jsphello.jspTomcatTomcat中项目的发布中项目的发布n1 1、将、将xxx.warxxx.war放到放到tomcat_home/webapps/tomcat_home/webapps/目录下，目录下，当当tomcattomcat启动的时候，会自动解压。启动的时候，会自动解压。n2 2、在tomcat_ho
20、me/conf/server.xml中设置站台。n nnn说明npath=“/myweb”path=“/myweb”代表网络域名，代表网络域名，http:/IP:porthttp:/IP:port/myweb/mywebndocBase=“myjsp”docBase=“myjsp”代表站台的目录位置，代表站台的目录位置，n tomcat/webapps/myjsp tomcat/webapps/myjspnDebugDebug是调试等级，是调试等级，0 0提供的信息最少，提供的信息最少，9 9提供的信息最多提供的信息最多nReloadableReloadable表示表示tomcattomcat
21、在执行的时候，当在执行的时候，当classweb.xmlclassweb.xml被被更新时，是否不需重启更新时，是否不需重启tomcattomcat而自动更新加载。而自动更新加载。n3 3、启动、启动tomcattomcat，在，在IEIE中输入中输入http:/localhost:8080/myjsphttp:/localhost:8080/myjsp执行。执行。TomcatTomcat中项目的发布中项目的发布JSPJSP执行过程执行过程RequestJSPFileResponseHTMLFileResourceHTMLFileJSPJSP执行过程执行过程浏览器浏览器IEIENetscape
22、NetscapeJSP Page产生Servlet 的.java文件经编译成Servlet的.class文件1 Request2 jsp parser3 servlet 分析器分析器4 Response Web Web服务器服务器JSPJSP执行过程执行过程 Count:/在_jspService()中out.write(“”);int count=0;count+;out.write(“Count:”)out.jprint(“count”)out.write(“”)Count:1 转译时期转译时期请求时期请求时期Counter.jspCounter_jsp.javaOutput.HTML 转
23、译时期与请求时期过程程序图转译时期与请求时期过程程序图例子 JSPHello.jsp实践项目实践项目 首先我们编写一个首先我们编写一个HTMLHTML页面，文件名为页面，文件名为“index.html”“index.html”请输入你想打印的文字请输入你想打印的文字实践项目实践项目n通过上面代码，我们可以看出是通过上面代码，我们可以看出是“post”“post”提交方式，提交提交方式，提交处理的页面为处理的页面为“print.jsp”“print.jsp”。我们设计。我们设计print.jspprint.jsp的作用的作用是将用户在是将用户在index.htmlindex.html页面的文本框
24、中输入的信息打印到页面的文本框中输入的信息打印到print.jspprint.jsp页面上。主要代码如下：页面上。主要代码如下：%out.println(+(String)request.getParameter(text)+);%提交提交体验项目体验项目 本章体验项目实现的功能：编写一个本章体验项目实现的功能：编写一个JSPJSP页面，实现页面，实现在页面中打印乘法口诀表的功能。程序编写完成后，把文在页面中打印乘法口诀表的功能。程序编写完成后，把文件保存为后缀名为件保存为后缀名为.jsp.jsp的文件，将文件存放在的文件，将文件存放在TomcatTomcatwebappswebappsROO
25、TROOTa a目录下。启动目录下。启动TomcatTomcat服务器，服务器，在浏览器地址栏中输入在浏览器地址栏中输入“http:/localhoat:8080/a/myjsp.jsp”“http:/localhoat:8080/a/myjsp.jsp”后，点击后，点击“回回车车”。查看程序的运行结果，如图所示：。查看程序的运行结果，如图所示：总总 结结n理解理解n1 1、动态网站基础知识、动态网站基础知识n2 2、JSPJSP发展和优点发展和优点n3 3、jspjsp页面的执行过程页面的执行过程n4 4、TomcatTomcat的安装和配制的安装和配制n掌握掌握n1 1、jspjsp页面的执行过程页面的执行过程n2 2、TomcatTomcat的安装和配制的安装和配制理论课作业理论课作业n1 1、描述下、描述下tomcattomcat下各个目录的作用？下各个目录的作用？n2 2、如果想发布一个站点、如果想发布一个站点myjspmyjsp允许用户在网络上允许用户在网络上以名字以名字myfirstwebmyfirstweb来访问的话，该如何在来访问的话，该如何在confconf目目录下的那个文件中进行怎么的配置？怎么配置？录下的那个文件中进行怎么的配置？怎么配置？n3 3、描述一下、描述一下C/SC/S模式与模式与B/SB/S模式的区别模式的区别