付费下载
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第一章动态网页开发基础课程地位2/53本课目标学完本门课程后,你能够使用JSP/Servlet技术开发Web应用掌握Web应用的分层开发思想使用Ajax提升用户体验3/53课程结构图4/53课程项目展示易买网新闻发布系统论坛短信息演示课程项目5/53辅助学习资料推荐教员备课时根据课程情况在此添加内容,可以是青鸟云课堂推荐资料、也可以是教员积累的的资料,如帮助手册、经典书籍等6/53课前浏览预习作业,带着问题读学生用书,并记录疑问即使看不懂也要坚持看完提前将下一章的示例自己动手做一遍,记下问题课上认真听讲,做好笔记完成上机练习或项目案例课后及时总结,完成学生用书和学习平台布置的作业多浏览技术论坛、博客,获取他人的开发经验学习方法7/53本章任务实现在Tomcat中手工部署Web应用实现页面输出显示闰年个数使用MyEclipse创建和发布Web应用8/53本章目标了解B/S架构的基本概念掌握手动创建和运行Web项目掌握JSP页面元素的内容掌握使用MyEclipse创建和运行Web项目了解Web程序的调试与排错9/53为什么需要动态网页假如淘宝网是静态网站静态网站局限性无法对静态页面的内容进行实时更新无法实现搜索、购买、登录等交互功能日常生活中的动态网页可以根据不同的输入(或操作),返回不同的网页,这就是动态网页10/53什么是动态网页了解B/S结构的基本概念掌握手动创建和运行Web项目掌握使用MyEclipse创建和运行Web项目掌握JSP页面元素的内容了解Web程序调试与排错日常生活中的动态网页根据不同的输入(或操作),返回不同的网页11/53如何实现动态网页百度如何实现业务数据的动态显示?百度如何保存业务数据?静态网站有哪些局限性无法对静态页面的内容进行实时更新无法实现搜索、购买、登录等交互功能12/53为什么学习B/S技术C/S的局限性安装不同客户端软件客户端1客户端2客户端3百度如何实现业务数据的动态显示?百度如何保存业务数据?13/53为什么学习B/S技术Internet全球用户群中资源共享B/S带来全新体验无需安装客户端软件安装不同客户端软件客户端1客户端2客户端314/53B/S架构浏览器客户端零维护与操作系统平台的关系最小化在响应速度和安全性上需要花费更多设计成本C/S架构需要专门的客户端应用客户端需要单独维护和升级对客户端操作系统一般有限制能充分发挥客户端处理能力,客户端响应快软件安装B/S与C/S的比较升级维护平台相关性能安全15/53什么是B/S技术IE应用服务器数据库服务器B/S架构(浏览器/服务器):程序完全部署在服务器上16/53B/S技术的工作原理应用服务器数据库服务器返回发送访问返回1234B/S架构采用请求/响应模式进行交互用户输入客户端的请求信息从服务器端检索到的信息运行服务器端程序解释执行HTML文件17/53URLUniformResourceLocator统一资源定位符URL的组成http://localhost:8080/news/index.html协议部分主机IP地址:端口号项目资源地址18/53Tomcat服务器简介Tomcat服务器ApacheJakarta的开源项目JSP/Servlet容器19/53Tomcat的目录结构Tomcat服务器的目录结构目录说明/bin存放各种平台下用于启动和停止Tomcat的脚本文件/conf存放Tomcat服务器的各种配置文件/lib存放Tomcat服务器所需的各种JAR文件/logs存放Tomcat的日志文件/tempTomcat运行时用于存放临时文件/webapps当发布Web应用时,默认情况下会将Web应用的文件存放于此目录中/workTomcat把由JSP生成的Servlet放于此目录下20/53Tomcat服务器应用解压缩版本Tomcat的配置添加系统变量,名称为CATALINA_HOME,值为Tomcat的安装目录因Tomcat运行依赖JRE,确保已安装JRE并配置JRE_HOME环境变量。或针对已安装的JDK配置JAVA_HOME环境变量启动和停止Tomcat服务器Tomcat服务启动检测在IE地址栏中输入:端口号页面进入到Tomcat启动成功界面演示:Tomcat启动停止及检测21/53<Connectorport="6060"
protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"
/><Connectorport="8080"
protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"
/>Tomcat的端口配置通过配置文件server.xml修改Tomcat端口号......演示:修改Tomcat端口22/53学员操作—配制和启动Tomcat需求说明使用压缩版Tomcat,配置环境变量、启动、停止Tomcat,并访问Tomcat主页面,之后再修改修改端口号并测试确认已配置JRE_HOME
或JAVA_HOME添加系统变量,名称为CATALINA_HOME配置文件server.xml修改Tomcat端口号练习提示完成时间:10分钟23/53共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解24/53Web项目的目录结构Web应用的目录结构目录说明/Web应用的根目录,该目录下所有文件在客户端都可以访问(JSP、HTML等)/WEB-INF存放应用使用的各种资源,该目录及其子目录对客户端都是不可以访问/WEB-INF/classes存放Web项目的所有的class文件/WEB-INF/lib存放Web应用使用的JAR文件25/53创建、部署和发布项目编写Web应用的代码在webapps目录下创建应用文件目录将创建的页面复制到应用目录下启动Tomcat服务并进行访问演示示例1:手动部署和发布项目26/53<?xmlversion="1.0"encoding="UTF-8"?><web-appversion="2.4" xmlns="" xmlns:xsi="" xsi:schemaLocation=" /web-app_2_4.xsd"> <e-file-list> <e-file>index.html</e-file> </e-file-list></web-app>配置访问页面通过配置文件web.xml修改访问起始页假定在web应用(news)下存在一个index.jsp页面,输入地址时,web容器会默认调用index.jsp页面演示示例2:设置起始访问页27/53学员操作—手动创建Web项目需求说明手动创建一个简单的Web项目,实现项目发布,并能通过浏览器输入网址访问练习完成时间:15分钟28/53共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解29/53什么是JSPJSP(JavaServerPages)在HTML中嵌入Java脚本代码<%@pagelanguage="java"import="java.util.*,java.text.*" contentType="text/html;charset=utf-8"%><html><head><title>输出当前日期</title></head><body>
你好,今天是
<%
SimpleDateFormatformater=newSimpleDateFormat("yyyy年MM月dd日"); StringstrCurrentTime=formater.format(newDate());%> <%=strCurrentTime%></body></html>演示示例3:JSP页面组成嵌入执行JSP应用服务器客户端124返回页面信息Java脚本JSP页面数据库服务器330/53JSP中的page指令通过设置内部的多个属性定义整个页面的属性常用属性<%@page属性1="属性值"属性2="属性值1,属性值2"…属性n="属性值n"%>语法属性描述默认值language指定JSP页面使用的脚本语言javaimport通过该属性来引用脚本语言中使用到的类文件无contentType用来指定JSP页面所采用的编码方式text/html,ISO-8859-131/53演示示例4:JSP脚本元素<%@pagelanguage="java"import="java.util.*,java.text.*"contentType="text/html;charset=utf-8"%><html> <head><title>计算求和</title></head> <body> 两个数的求和结果为: <% intnumA=4,numB=5; intresult=numA+numB; %> <%=result%> </body></html>JSP中的小脚本与表达式在JSP页面中计算两个数的和,将结果输出显示指令小脚本表达式32/53演示示例4:JSP脚本元素学员操作—计算素数之和训练要点小脚本与表达式需求说明编写JSP页面,计算1—100之间的所有素数之和素数在一个大于1的自然数中,除了1和此整数自身外,不能被其他自然数整除的数练习提示完成时间:20分钟33/53共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解34/53<%@pagelanguage="java"import="java.util.*,java.text.*"contentType="text/html;charset=utf-8"%><html><%!StringformatDate(Dated){SimpleDateFormatformater=newSimpleDateFormat("yyyy年MM月dd日");returnformater.format(d);}%>你好,今天是<%=formatDate(newDate())
%></body></html>JSP中的声明JSP页面中定义方法对日期进行格式化方法声明后可在页面中多处调用语法<%!Java代码%>35/53演示示例4:JSP脚本元素JSP中的注释HTML的注释JSP注释在JSP脚本中注释<!--html注释--><%--JSP注释--%><%//单行注释%><%/*多行注释*/%>语法36/53演示示例4:JSP脚本元素小结注释<!--客户端可以查看到--><%--客户端无法查看到--%>指令以“<%@”开始,以“%>”结束JSP页面元素静态内容HTML静态文本小脚本<%Java代码%>表达式<%=Java表达式%>声明<%!方法%>37/53学员操作—计算闰年个数2-1训练要点方法和注释需求说明编写JSP页面,计算2000—2013年中存在几个闰年指导讲解需求说明38/53学员操作—计算闰年个数2-2实现思路1.声明方法findYear(intyear),用于判断是否是闰年2.声明一个变量count,用于统计闰年的个数3.设置循环,条件是从2000至2013年4.在循环体内调用findYear(intyear),根据返回结果改变count的变量值闰年的判断条件:能够被4整除而不能被100整除,或者能够被400整除指导提示完成时间:20分钟39/53JSP执行过程2-1客户端应用服务器2编译JSP.class3执行请求响应1翻译1.翻译阶段Web容器处理JSP文件请求需要经过3个阶段.java2.编译阶段3.执行阶段40/53JSP执行过程2-2第一次请求之后,Web容器可以重用已经编译好的字节码文件注意.class执行应用服务器响应第二次请求如果对JSP文件进行了修改,Web容器会重新对JSP文件进行翻译和编译!41/53使用集成开发工具创建Web项目在MyEclipse中创建Web项目:File->New->WebProject1为项目命名并调整相关设置2查看项目目录结构3演示:使用集成开发工具创建Web项目42/53部署Web项目1.单击MyEclipse菜单栏上的部署图标2.选择需要部署的项目3.选择Tomcat服务器并确认部署Web项目配置Tomcat1.Window->Preferences->MyEclipse->Servers->Tomcat2.选择Tomcat版本及安装路径3.设置为可用状态(Enable)4.指定Tomcat运行Java的运行环境演示:使用集成开发工具创建Web项目43/53学员操作—使用集成工具创建Web项目需求说明在页面显示当前系统时间,要求使用MyEclipse创建Web项目练习完成时间:15分钟44/53Web程序的调试与排错运行Web程序时常犯的错误未启动Tomcat未部署Web应用目录不能被引用URL输入错误45/53常见错误:未启动Tomcat错误现象排错方法:检查Tomcat服务能否正确运行排除错误:启动Tomcat服务如果控制台上显示Tomcat服务已启动,观察端口号是否与预期端口号一致,按照实际端口号重新运行演示:未启动Tomcat46/53常见错误:未部署Web应用错误现象排错方法:检查Web应用是否正确部署排除错误:部署Web应用演示:未部署Web应用尚未部署47/53
常见错误:URL输入错误错误
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 47054-2026森林草原防火无人机巡查技术规范
- 首都师范大学《同传实践》2024-2025学年第二学期期末试卷
- 耕整地机械操作工诚信品质测试考核试卷含答案
- 稀土发光材料工班组安全水平考核试卷含答案
- 水产品原料处理工操作规程竞赛考核试卷含答案
- 汽车租赁业务员安全意识强化评优考核试卷含答案
- 二甲基甲酰胺装置操作工复测竞赛考核试卷含答案
- 煮糖助晶工创新实践竞赛考核试卷含答案
- 电火花线切割机床操作工班组安全竞赛考核试卷含答案
- 聚氯乙烯塑料配制工操作评估水平考核试卷含答案
- 机械应力与肾微环境变化-洞察与解读
- 2025年通辽单招题库及答案护理
- 2025至2030中国真空(泵和阀门)行业项目调研及市场前景预测评估报告
- 机场值机考试试题及答案
- 物流保供异常管理办法
- 2025年高等教育工学类自考-02141计算机网络技术历年参考题库含答案解析(5套典型考题)
- 家校沟通策略与实施方法
- 物业工程主管岗位面试问题及答案
- 军人俱乐部管理办法
- 【课件】数列探究课+斐波那契数列与黄金分割比+课件-2024-2025学年高二上学期数学人教A版(2019)选择性必修第二册
- 乡镇财务报账管理办法
评论
0/150
提交评论