课堂讲义10-1.docx

软件平台技术第一次课1. 课程综述内容：java web 开发的相关知识重要性：浏览器 html5 2. 什么是web开发动态页面搜狐，淘宝邮箱12306，选课，报名3. Web开发相关技术基础：html5,css,javascript(jquery) Ajax:不刷新页面改变内容 Flex：adobe Silverlight: JavaFX 动态网页技术：Servlet , jsp 框架：提高程序的可维护性 Web框架：Struts2，JSF ORM框架：hibernate,使用面向对象的方式进行数据库开发，mybatis 综合框架：spring海量：美工，ps4. Web应用程序工作原理5. 开发环境l IDE:eclipse jee,netbeans,MyEclipse8.x10:html5l Web服务器：tomcat,JBoss,webLogic,webspherel 数据库：mysql,Oracle 11g,SqlServer20086. Tomcat安装与配置先安装JDK解压程序PathClasspathJava_homeTomcat_home安装程序7. MyEclipse安装、优化8. 第一个web应用程序第二次课Html4 19992012DHTMLHtml5 W3CIE9 chrome opera firefox1. HTML5新增标签和不再支持的标签表2-1HTML5新增的标签标签版本说 明标签版本说 明article5定义articlemark5定义有记号的文本aside5定义页面内容之外的内容meter5定义预定义范围内的度量audio5定义音频内容nav5定义导航链接canvas5绘制图形output5定义输出类型command5定义命令按钮progress5定义任何类型的任务的进度datalist5定义下拉列表rp5定义浏览器不支持ruby元素时显示的内容details5定义元素的细节rt5定义ruby注释embed5定义外部交互内容或插件ruby5定义rubyfigcaption5定义figure元素的标题section5定义sectionfigure5定义媒介内容分组及标题source5定义媒介源footer5定义section或page的页脚summary5定义details元素的标题header5定义section或page的页眉time5定义日期/时间hgroup5定义section的有关信息video5定义视频keygen5定义生成密钥表2-2HTML5不支持的标签标签HML版本说 明标签HTML版本说 明acronym4HTML5不支持frameset4HTML5不支持applet4HTML5不支持isindex4HTML5不支持basefont4HTML5不支持noframes4HTML5不支持big4HTML5不支持s4HTML5不支持center4HTML5不支持strike4HTML5不支持dir4HTML5不支持tt4HTML5不支持font4HTML5不支持u4HTML5不支持frame4HTML5不支持xmp4HTML5不支持2. HTML5的基本结构2.1 head标签 2.2 body标签2.3 空格  abcd efg hijk2.4 注释 “3 排版标签3.1 h1到h6标签3.2 p标签和br标签3.3 hr标签3.4 pre标签3.5 span和div标签4 字体和短语控制标签4.1 粗体斜体和上下标控制标签（b、i、sup、sub）4.2 短语标签（strong、em、code、cite、blockquote）1强调标签strong和em2代码标签code3引用标签cite和blockquote5 列表和图像显示标签5.1 有序列表（ol、li）5.2 无序列表（ul、li）5.3 自定义列表（dl、dt、dd）5.4 图像显示标签（img）6 超链接和导航6.1 绝对URL和相对URL6.2 超链接标签（a）6.3 导航标签（nav）7 页内框架7.1 页内框架标签（iframe）7.2 利用a标签和iframe标签实现导航7.3 利用a标签和iframe标签链接到锚点8 表格8.1 表格标签（table）8.2 非规则表格非规则表格用colspan属性和rowspan属性来指定跨越的列数或行数。9 表单表2-1列出了HTML5支持的表单标签。表2-1表单标签标 签功 能定义表单定义输入域定义textarea定义可选列表定义按钮。定义表单控件的标注。定义选项组。定义下拉列表中的选项。定义菜单列表。9.1 表单标签（form）9.2 button和label标签9.3 多行文本标签（textarea）9.4 下拉选项标签（select、option、optgroup）第三次课10 输入控制标签（input）10.1 文本框及密码框类型（text、password）10.2 单选按钮及复选框类型（radio、checkbox）10.3 按钮类型（Submit、Button、Reset）10.4 图像类型（image）10.5 文件选择对话框类型（file）10.6 隐藏域类型（hidden）10.7 整数类型（number）10.8 滑动条范围类型（range）10.9 日期时间选择类型（date、datetime、time）10.10 邮件地址类型（email）10.11 URL地址类型（url）11 音频和视频11.1 音频播放标签（audio）11.2 视频播放标签（video）12 其他标签12.1 分组框标签（fieldset、legend）12.2 区域标签（area）热区12.3 流内容标签（figure）12.4 插件标签（embed）12.4 选项列表标签（datalist）12.5 语义标签（article、section、header、footer）CSS3简介1. 什么是CSS？ Grid2. CSS表现形式行内页内外部3. 如何编写CSS文件语法介绍：W3schools4. CSS3实战W3schools第四次课Javascript语言基础1. 什么是javascriptnetscape livescript JScrirptECMAScript脚本语言2. 在html页面中如何使用Javascriptl Body中l Head中l 外部引用 .js3. 第一个javascript例子页面显示日期4. Javascript语法介绍1) 标识符大小写敏感2) 注释/* */3) 变量 数据类型a= new Date();4) 运算符算术5) 比较=6) If else7) Switch8) For9) For.in10) While do while11) 跳转语句 break continue12) alert5. 自定义函数函数的定义事件函数的调用6. 系统函数7. javascript对象l javascript内置对象l Browser对象BOMl 核心DOM对象l html DOM对象第五次课1.html5+CSS3+javascript综合应用登录界面pencil：搭建页面原型2.响应请求servlet: 过滤器 监听器.javaurl-pattern jsp第六次课1. 大作业52010henucomputer2. 内容回顾 servlet与jsp的关系 jsp=在html中插入java程序段3. servlet运行原理LoginServlet.java loginServ servlet.LoginServlet loginServ /login4. JSP基本语法注释: / %-输出:声明: 代码段:5.实例访问计数器动态生成表格6. JSP 3个编译指令% page1） page指令（基本不需要用到，使用默认即可）主要属性：1Language：指定脚本所采用的语言类型，现在只支持java2Extends：定义当前jsp产生的servlet是继承哪个类3Import：定义当前jsp使用的java API，多个API之间用逗号分开4Session：指定是否使用session，默认true5Buffer：指定输出流的缓存大小，默认8K6autoFlush：指定输出缓冲区是否自动清除，默认true7isThreadSafe：指定能否出来多个线程的同步请求8info：指定页面的相关信息9errorPage：指定当前页出错时转向的错误处理页面（提示友好信息）格式：errorPage=“处理页面地址”10contentType：指定当前页面的mime类型的编码格式Eg：contentType=text/html; charset=GB1803011isErrorPage：指定当前页面是否为处理错误页面（true|false）12pageEncoding：指定页面编码的字符集，默认为ISO-8859-1，当页面中含有中文时应使用“gbk”或“gb18030”或“gb2312”。Eg：pageEncoding=GB180302） include指令3） taglib指令说明：uri用于指定prefix定义的前缀所代表的标签库Eg：7. JSP的7个动作指令1） jsp：include 指令用于在请求处理阶段包含来自一个Servlet或jsp页面的响应。和编译指令中的include不同，include只能用于包含静态页面，而jsp:include指令则可以包含静态和动态页面。格式：1. -(静态页面) 2. -(动态页面) 2） jsp：forword 指令用于执行页面转向，将请求的处理转发到下一页面。格式：1. -(跳向静态页面) 2. -(跳向动态页面) . 3） jsp：useBean 指令用来在jsp页面内创建一个JavaBean实例格式：说明： id属性指定了javaBean的名称，只要是在他的有效范围内，均可以使用这个名称来调用他。Scope属性为javaBean的有效范围（四大范围：request、page、session、application），class属性指定了javaBean所属的类（包名.类名）。4） jsp：setProperty 指令用来设置Bean对象的属性格式：1. 2. 3. 4. 说明：proparty=”*”时，表示保存用户在jsp页面中输入的所有值，用于匹配javaBean的属性。当proparty有具体的值时，表示匹配Bean的一个属性。Param属性表示根据指定的request对象中的参数与属性匹配。Value属性表示使用指定的值来设置Bean的属性。5） jsp：getProperty 指令用来读取Bean对象的属性，并将其转换为一个字符串显示在页面上。格式：6） jsp：plugin 指令（不常用）用于下载服务器端的javaBean或Applet到客户端执行。7） jsp：param 指令（不常用）用于设置参数，不能单独使用，主要用在jsp:include jsp:forword jsp:plugin指令中。8. JSP的9个内置对象（隐式对象）1） request对象：用于获取客户端提交的数据，这些数据包括头信息、客户端地址、请求方式等。username=abcpassword=123http:/./login?username=abc&password=123& 常用方法1. getParameter(String name) 获取表单提交的数据2. getParameterNames() 获取客户端提交的所有参数名3. getAttribute(String name) 获取name指定的属性4. setAttribute(name,value)5. getAttributeName() 获取request对象所有属性的名称集合6. getSession(Boolean create) 获取HttpSession对象7. getCookies() 获取Cookie对象8. getProtocol() 获取客户端协议名称9. getServletPath() 获取客户端请求的脚本的相对路径10. getMethod() 获取客户端提交数据的方式，如get 、post等11. getHeader() 获取文件头信息12. getRemoteAddr() 获取客户端IP地址13. getServerName() 获取服务器名称14. getRemoteHost() 获取客户端主机名15. getServerPort() 获取服务器端口号 get: new String(str.getBytes(“ISO-8859-1”)post: request.setCharacterEncoding(“”);2） response对象：有用对客户端的请求作出动态的响应，向客户端发送数据。常用方法1. getCharacterEncoding() 返回响应的字符编码格式2. getOutputStream() 返回响应的输出流3. getWriter() 返回可以向客户端输出字符的一个对象4. setContentLength(int long) 设置响应头的长度5. setContentType(String type) 设置响应的mime类型6. sendRedirect(String location) 重新定向客户端的请求7. flushBuffer() 强制把当前缓存区的数据发送到客户端8. addCookie(Cookie cookie) 在客户端添加一个cookie9. setHeader(“”,”) response.setHeader(Refresh,2;URL=);3） session对象：从一个客户打开浏览器并连接到服务器开始，到用户关闭浏览器离开这个服务器结束，整个阶段被称为一个会话。Session对象可以用来保存用户的会话信息和会话状态。常用方法1. getId() 获取session的标识符2. setAttribute(String key,Object obj) 将一个对象（obj）添加到session中，并为它指定一个索引值3. getAttribute(String key) 获取session对象中含有指定关键字的对象4. isNew() 判断用户是否参与了会话5. invalidate() 使当前会话失效6. removeAttribute(String name) 删除一个指定session的值7. getCreationTime() 获取session对象创建的时间4） out对象：用来向客户端输出各种数据。常用方法1. print()/println() 输出各种类型的数据2. clearBuffer() 清除缓冲区的数据，并将数据写入客户端3. clear() 清除缓冲区的当前内容，但不将数据写入客户端4. flush() 输出缓冲区中的数据5. newLine() 输出一个换行符6. close() 关闭输出流5） page对象：就是指当前jsp页面本身，类似于java中的this。常用方法1 getClass() 获取page对象的类2 hashCode() 获取page对象的hash码3 equals(Object obj) 判断page对象是否与参数中的obj相等4 copy(Object obj) 把此page对象复制并指定的Object对象中5 clone() 克隆当前的page对象6 toString() 吧page对象转换成String类型的对象6） application对象：实习用户间的数据共享，可以存放全局变量。常用方法1. setAttribute(String key, Object obj) 将对象obj添加到application对象中，并为其指定索引2. getAttribute(String name) 获取指定的属性3. getAttributeName() 获取一个包含所有可用属性名的枚举4. removeAttribute(String name) 删除一个指定的application对象5. getContext(String uripath) 获取指定WebApplication的application对象6. getResource(String path) 获取指定资源（文件及目录）的URL路径7. getResourceAsStream(String path) 获取指定资源的输入流8. getServlet(String name) 返回指定的Servlet9. log(String msg) 把指定消息写入Servlet的日志文件7） pageContext对象：用于管理对属于jsp中特殊可见部分中已经命名对象的访问。常用方法1. setAttribute(String key,Object obj) 将对象obj添加到默认页面范围或特定范围之中，并指定索引2. getAttribute(String name,int scope) 获取一个已命名为name的对象的属性，可选参数scope表示在指定范围内3. removeAttribute(String name,int scope) 删除指定范围内的某个属性4. forword(String relativeUrlPath) 将当前页面重定向到其他页面5. include(String relativeUrlPath) 在当前位置包含另一个文件6. release() 释放pageContext对象所占用的资源7. getServletContext() 获取当前页的ServletContext对象8. getException() 获取当前页的Exception对象8） config对象：用来获取服务器初始化配置参数。常用方法1. getServletContext() 获取当前的Servlet上下文2. getInitParameter(String name) 获取指定的初始参数值3. getInitParameter() 获取所有的初始参数值4. getServletName() 获取当前的Servlet名称9） exception对象：用于处理jsp页面中发生的错误和异常，可以帮助我们了解并处理页面中的错误信息。常用方法1. getMessage() 获取当前的错误信息2. getLocalizedMessage() 获取本地化语言的异常错误3. printStackTrace() 输出一个错误或错误的堆栈跟踪4. fillInStackTrace() 重写异常的执行栈轨迹5. toString() 关于异常错误的简单信息描述10） Multiple annotations found at this line:11） - Duplicate field 12） _2F_web2012030215_2F_WebRoot_2F_index_2E_jsp.count13） - Duplicate local variable arrSession:购物车ArrayListapplication：留言板Message: owner，content，time分页pageSizepageNumcurrentPagePagerDBAccess第九次课1.JSP jsp语法 编译指令 page include 动作指令 .javaServlet 使用servlet实现页面的控制MVC:Model View Controllor过滤器监听器3.如何编写ServletServlet类 继承HttpServlet1.写Servlet： extends HttpServlet doGet doPost2.在web.xml中部署 /abc ?name=value&1.过滤器 请求 chain 主要接口及类： Filter FilterConfig FilterChain1) 实现Filter接口2) 在web.xml中配置过滤器filter filter-mappingstr.getBytes(“”)request.set2.监听器 listener 主要的监听器接口 ServletContext HttpSession ServletRequest第十一次课1. 内容复习JSP:语法%! %= %编译 page include动作jsp:include jsp:forward内置对象