JAVA网络编程2 21.课程介绍1.课程介绍课程的性质和目标了解Java Web应用开发的完整体系，以及JavaWeb各个组件在项目开发中的实际应用。介绍Java Web开发所应掌握的各种技术，包括JSP、Servlet、JDBC、JavaBean等使用面向对象技术，利用对象的属性、事件和方法进行程序设计掌握WEB编程的基本技能3 31.课程介绍课程的基本要求掌握Java集成开发环境（IDE）Eclipse的使用和调试方法利用JSP+Servlet+JavaBean实现Web应用开发4 41.课程介绍考核方法每个学生按照实训项目要求完成实训报告，教师对实训的各项内容进行综合考核。比例为平时考勤 10%8次上机作业提交=5次5 56 62.HTML网页编程基础2.网页编程基础-HTML网页包含有文本、图形、超级链接以及其他信息元素的文件，可以通过Internet传输，用户可以使用浏览器浏览网站是一个包括多个超级链接在一起的网页集合主页某个站点的起始网页，包含必要的内容和索引信息浏览器是一种用于搜索、查看和管理网络上信息的一种带图形交互界面的应用软件 超链接不同网页之间的连接关系地址（URL）标识Web上的页面和资源7 7浏览器浏览器8 8网站主页网站主页超链接超链接URL2.网页编程基础-HTML网页的本质-HTML语言编写的文本9 9HTMLHTML用于创建网页文档。用于创建网页文档。HTMLHTML文档是使用文档是使用HTMLHTML标记和标记和元素创建的，此文件以扩展名元素创建的，此文件以扩展名.htm.htm或或.html.html保存在保存在WebWeb服务器上。服务器上。2.网页编程基础-HTMLHTMLHyperText Markup Language 超文本标记语言用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式 HTML的基本形式 内容 标记名往往成对出现，中间的内容是标记的作用域10102.网页编程基础-HTML例1用记事本构造最简单的HTML文档1111简单的简单的htmlhtml示例示例我的第一个网页我的第一个网页这是我做的第一个网这是我做的第一个网页，欢迎光临！谢谢！页，欢迎光临！谢谢！Thisismyfirstweb.Welcome.Thisismyfirstweb.Welcome.2.网页编程基础-HTMLHtml结构2.网页编程基础-HTML常用标签全局架构标签：,格式标签：,.文本标签：,.超链接标签：图像标签：,表单标签：,.表格标签：,框架标签：,头元素标签：,区域标签：,13132.网页编程基础-HTML用于Html文档的最前边，用来标识Html文档的开始。放在Html文档的最后边，用来标识Html文档的结束两个标志必须一块使用。14142.网页编程基础-HTML构成Html文档的开头部分在此标志对之间可以使用等标志对标志对之间的内容是不会在浏览器的框内显示出来的15152.网页编程基础-HTML是html文档的主体部分在此标志对之间可包含、（分段标记）、（标题标记）（换行标记）（水平分界标记）等它们所定义的文本、图像等将会在浏览器的框内显示出来16162.网页编程基础-HTML常用的标记图像标记超链接标记文本17172.网页编程基础-HTML表有以下部分组成标题行表头单元格边框 cellspacing属性1818html5HTML5:html5+css3+JSHtml5：是骨Css3：皮JS：骨架1919语义化的标签HTML5 引入了新的 HTML 元素，通过使用这些元素，开发者可以更细致的描述文档结构，让文档更加易读，搜索引擎也能更好的理解页面中各部分间的关系，我们也可以搜索到更快，更准确的信息。2.网页编程基础-HTML常用开发工具DreamWeaver21212.网页编程基础-HTMLHtml5样例22222.网页编程基础-实例HTML实例例2利用HTML构造用户登录界面使用DreamWeaver注意表格的使用 23232.网页编程基础-HTML表单表单是用来收集访问者信息的域集可实现网页与浏览者的交互，达到收集浏览者信息的目的表单元素主要包括单行文本框文本域下拉框单选按钮复选框 2424HTML 表单和输入表单使用表单标签（）定义。.属性METHOD用于指定向服务器发送表单数据时所使用的HTTP方法，可以是GET或者POST这两种中的一种。GET是缺省的方法。当采用GET方法提交表单时，提交的数据被附加到URL的末端，作为URL的一部分发送到服务器端。例如：我们指定action=checklogin.asp，提交表单后，在浏览器的地址栏中我们可以看到：http:/ 表单和输入输入 多数情况下被用到的表单标签是输入标签（）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：文本域（Text Fields）当用户要在表单中键入字母、数字等内容时，就会用到文本域。First name:Last name:HTML 表单和输入输入注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。单行文本输入 type=“text”提交按钮type=“submit”重置按钮type=“reset”密码输入type=“password”单选按钮type=“radio”复选框type=“checkbox”隐藏框type=“hidden”HTML 表单和输入单选按钮（Radio Buttons）当用户从若干给定的的选择中选取其一时，就会用到单选框。Male Female注意，只能从中选取其一HTML 表单和输入复选框（Checkboxes）当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。I have a bike I have a carHTML 表单和输入 标签 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。注释：在文本输入区内的文本行间，用“%OD%OA”（回车/换行）进行分隔。提示：可以通过 标签的 wrap 属性设置文本输入区内的换行模式。实例：展望未来，岳阳竞网将本着“专业 高效 激情 创新”的经营理念，秉持“客户为尊，合作双赢”的服务宗旨，帮您开启互联网这把金钥匙而努力耕耘2.静态网页与动态网页动态网页：是指网页中的关键内容在服务器端动态生成的网页。动态网页和静态网页相比，最本质的区别在于：一个动态网页会被服务器当作一个程序来执行，网页中静态内容服务器不作任何处理，直接输出给客户端，动态网页部分的代码会被服务器识别并执行。浏览器提交表单与服务器交互过程2.静态网页与动态网页动态网页的优点访问响应速度快。容易被搜索引擎收录。静态网页的缺点缺乏交互性。维护工作量大34343.Java网络编程环境2.Java Web编程环境我们所使用的工具JDK1.6 （编译、解释器）MyEclipse （集成开发工具）Tomcat 6 （JSP/Servlet容器）3535JDK j2eesdk-1_*-windows.exe j2sdk-1_*-doc.zip集成环境集成环境Visual J+(Microsoft)JPad TextPad eclipse安装安装JDK后产生如下目录结构：后产生如下目录结构：bin目录：目录：Java开发工具，包括开发工具，包括Java编译器、编译器、解释器等解释器等 demo目录：一些实例程序目录：一些实例程序 lib目录：目录：Java开发类库开发类库 jre目录：目录：Java运行环境，包括运行环境，包括Java虚拟机、虚拟机、运行类库等运行类库等 设置环境变量设置环境变量:path&classpath假设假设 Java SDK 安装在安装在 C:j2sdk设置设置:path=%path%;C:j2sdkbinclasspath=.;C:j2sdklib总结总结:建立建立Java开发环境开发环境1)下载下载J2SE安装程序安装程序2)运行运行J2SE安装程序，安装安装程序，安装J2SE3)设置环境变量：设置环境变量：运行路径运行路径(path)类路径类路径(classpath)安装Tomcat 下载apache-tomcat-6.0.24.zip解压到某目录（安装目录设c:tomcat）添加系统变量tomcat_home:c:tomcat安装Tomcat（续）测试Tomcat。启动Tomcat如果显示Tomcat主页则说明Tomcat运行正常http:/127.0.0.1:8080http:/localhost:8080否则检测端口是否冲突（冲突修改端口号）Tomcat主要文件夹的基本功能bin文件夹主要存放Tomcat的脚本文件和可执行文件。startup.bat是Windows环境下启动Tomcat服务器的批处理文件，双击运行，如果关闭此窗口，则表示关闭Tomcat服务器Tomcat主要文件夹的基本功能lib文件夹存放*.jar形式的公用类库文件，这些类库文件可供Tomcat管理下的各个web应用所共享。conf文件夹存放Tomcat的全局配置文件。Tomcat是一个基于组件的Web服务器，各组件在server.xml中定义和配置，如侦听端口号、虚拟主机、上下文(Context)、连接超时时间等。server.xml的基本结构Tomcat主要文件夹的基本功能work文件夹临时文件夹，主要存放各JSP文件编译后得到的Servlet程序、日志和临时文件等。webapps文件夹Tomcat默认的虚拟主机是localhost默认的Web应用发布文件夹是webapps。此下发布的Web应用通过URL即可直接访问。Tomcat主要文件夹的基本功能webappsROOT文件夹:localhost主机默认的Web应用，其主页通过http:/127.0.0.1:8080来访问。webappstomcat-doc:存储说明文档。webappsjsp-examples:存储一些JSP样例webapps servlets-examples:存放一些Servlet样例JSP页面测试 第一步:用一种编辑器编辑JSP源文件，如ex1.jsp。第二步：将JSP文件保存到C:tomcat webappsroot目录下。在IE地址栏中键入http:/localhost:8080/ex1.jsp，对页面进行测试。2.Java Web编程环境MyEclipseTomcat配置Web工程创建Web项目的结构48482.Java编程环境任务1-熟悉开发环境开发环境的搭建在MyEclipse中配置好Tomcat服务器利用MyEclipse部署Web应用程序49494.网页编程基础-JavaScriptJavaScript由浏览器负责解释和执行脚本语言位置一般放在 标记之间放在单独的.js文件中作为某个标签的事件属性值或者超链接的href属性值50504.网页编程基础-JavaScriptJavaScript常用内置对象winodw对象 window.open(test.html,width=390,height=5,toolbar=no,resizable=no,top=200,left=200);document对象利用document对象获取表单元素初始值的基本语法如下：Document.form_name.text_name.value在HTML中，常规表单元素的初始值的获取方法分别如下：文本域（含单行文本域和多行文本域）Document.form_name.text_name.value复选框Document.forn_name.checkbox_name.value下拉菜单（列表）Document.form_name.select_name.value按钮Document.fo