1、2022-7-191第第1章章 Java Web设计概述设计概述2022-7-192目录Web基础知识Java Web开发简介开发简介安装和配置开发环境安装和配置开发环境 案例案例-利用利用JSP技术实现客户信息技术实现客户信息显示显示 2022-7-193了解并掌握几种常见的开发技术了解Java Web的基本概念和相关技术了解并掌握几种常见的网页技术2022-7-194Java Web开发简介开发简介 Web服务器和Web客户端两部分 Java Web就是采用Java技术来解决与Web领域相关问题的技术总和。u使用Servlet或者Filter拦截客户请求；u基于MVC的思想设计架构；u利用
2、约定、XML或 Annotation实现配置；u运用Java面向对象的特点，面向抽象实现请求和响应；u支持JSP，Freemarker，Velocity等视图。概念Java的Web框架遵循的原则Web组成Java Web开发简介开发简介2022-7-195Web基础知识基础知识 网页技术简介网页技术简介 开发技术简介开发技术简介 数据库简介数据库简介 2022-7-1961、Web的基本概念 Web的原意是“蜘蛛网”和“网”的意思，现在应用在网络中通常被译作“网络”、“互联网”、“网页”等。具体的讲，Web可以称为全球信息网，是互联网上使用最为广泛的信息浏览和发布方式。Web主要采用超链接技术
3、，浏览器/服务器工作模式，使用URL标识网上资源。2022-7-1972、Web的工作机制 在一次通信过程中从用户发出请求，到服务器端响应请求，大致可以分为9个步骤：（1）在浏览器的地址栏中输入请求页面的URL（发起用户请求）。（2）浏览器请求DNS域名系统，把域名解析为IP地址。（3）根据解析出来的IP地址，浏览器与服务器建立连接。（4）浏览器发出HTTP请求报文。（5）Web服务器响应请求，找到software目录下index.html文件。（6）如果HTML页面中嵌入了JSP、ASP、ASP.NET或PHP程序，则Web服务器运行这些程序，并把结果嵌入页面。如果应用程序包含有对数据库的操
4、作，则应用程序服务器把查询指令发送给数据库驱动程序，由数据库驱动程序对数据库执行查询操作，查询结果返回给数据库驱动程序，并由驱动程序返回Web服务器，Web服务器将结果数据嵌入页面。（7）Web服务器把结果页面发送给浏览器。（8）浏览器与服务器断开连接。（9）浏览器解释HTML文档，在客户端屏幕上显示结果。2022-7-1981.2.1 网页技术简介1.超文本标记语言（HyperText Mark-up Language，HTML）HTML是Web技术的基础，它是一种文本形式的标记符号语言，可以使用任何文字处理软件进行编辑处理。目前市面上已经有很多种工具可以完成可视化的编程任务，例如Dream
5、Weaver等。2.层叠样式表（Cascading Style Sheet，CSS）CSS主要用来控制页面显示的风格。在HTML基础上，使用CSS不但能够统一、高效地组织页面上的元素，而且还可以使页面的外观具有多样化。2022-7-1993.XML（Extensible Mark-up Language）XML是一种可扩展的源标记语言，可以用来定义其他语言的语言。它是SGML（Standard Generalized Markup Language，标准通用标记语言）的一个简化的子集，专门为Web环境而设计的。XML的基本思想是：分别定义内容与内容的显示方式，这样对于内容组织者来说就可以将精力
6、主要集中于内容本身而不必关心内容将如何显示。2022-7-19104.脚本 脚本包括JavaScript和VBScript。JavaScript是Sun公司和Netscape公司开发的一种解释型脚本语言，不需要编译。它比Java更简单、有效，且具有Java的多种特性。JavaScript必须嵌入到HTML文档中，随同页面被下载到客户端，由浏览器解释执行。VBScript是由Microsoft公司推出的Web页面编程语言，也属于脚本语言，它继承了很多VB的语言特征。但是它同JavaScript一样，也必须嵌入到HTML文档中，随同页面下载到客户端，由浏览器解释执行。此外，VBScript还可以和
7、ActiveX控件集成，用于开发交互式页面，同时也可以进行服务器端的编程。2022-7-19111.2.2 开发技术简介1.JSP JSP（Java Server Pages，Java服务器页面）是由Sun Microsystem公司于1999年推出的一种动态网页技术标准。JSP技术具有如下优点：（1）跨平台性（2）组件化开发（4）多层企业级应用架构的支持（3）自定义标签网页开发2022-7-19122.ASP ASP（Active Server Pages）技术是Microsoft公司在1996年底推出的一种开发服务器端的Web应用程序技术。ASP的主要特点是：把HTML、脚本和数据库的访问
8、功能结合在一起，组成了服务器端的应用程序。ASP的编程语言是VBScript和JScript，易于掌握，降低服务器端应用程序的编程难度。ASP包含内置对象、内置组件、外置组件和ADO数据库访问接口。2022-7-19133.PHP PHP（Personal Home Page）由创始人）由创始人Rasmus Lerdorf于于1994年提出，年提出，1995年发布第一个公开版本年发布第一个公开版本。PHP是自由软件，运行成本低。与是自由软件，运行成本低。与ASP技术类似，技术类似，PHP是服务器端的是服务器端的Web应用程序开发技术。它具有应用程序开发技术。它具有多平台特性、能够无缝运行在多平
9、台特性、能够无缝运行在UNIX、Linux和和Windows平台上。它支持多种通用的平台上。它支持多种通用的Web服务器（服务器（如如IIS、Apache等），在变换平台时，不需要改变等），在变换平台时，不需要改变PHP代码。代码。PHP对数据库的操作具有很强的兼容性，对数据库的操作具有很强的兼容性，几乎支持所有的主流和非主流数据库，如几乎支持所有的主流和非主流数据库，如Oracle、Sybase、MySQL、informix、Access和和dBase等。等。2022-7-19141.2.3 数据库简介 Web数据库指在互联网中以Web查询接口方式访问的数据库资源。1.Oracle Orac
10、le前身叫SDL，由Larry Ellison 和另两个编程人员在1977创办，他们开发了自己的拳头产品，在市场上大量销售。1979 年，Oracle公司引入了第一个商用SQL 关系数据库管理系统。2.Sybase Sybase公司成立于1984年，公司名称“Sybase”取自“system”和“database”的组合。Sybase公司的创始人之一Bob Epstein 是Ingres 大学版（与System/R同时期的关系数据库模型产品）的主要设计人员。2022-7-19153.SQL Server 1987 年，微软和 IBM合作开发完成OS/2，IBM 在其销售的OS/2 Extend
11、edEdition 系统中绑定了OS/2Database Manager，而微软产品线中尚缺少数据库产品。为此，微软将目光投向Sybase，同Sybase 签订了合作协议，使用Sybase的技术开发基于OS/2平台的关系型数据库。1989年，微软发布了SQL Server 1.0 版。4.MySQL MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。在2008年1月16日被Sun公司收购。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作
12、为网站数据库。2022-7-1916安装和配置开发环境安装和配置开发环境 JDK安装与设置安装与设置 Tomcat安装与设置安装与设置 MyEclipse开发环境开发环境的安装与配置的安装与配置 Web项目的创建、项目的创建、部署与运行部署与运行 2022-7-19171.3.1 JDK安装与设置 JDK的安装文件下载后接着就可以直接安装，安装时会有两处提示修改安装的目录，第一个提示是修改JDK的安装目录，这个路径可以修改。但是要注意第二个提示修改安装路径信息的是要安装JRE，这是Java的运行环境，最好不要修改。2022-7-1918设置环境变量，分别添加如下的系统环境变量：1）新建名为JA
13、VA_HOME的环境变量，值为“JDK安装目录”，假如JDK安装在“D:jdk1.6.0”目录下，则新建的JAVA_HOME环境变量的值为：“D:jdk1.6.0”。注意：环境变量值后面不要加分号。2）新建名为“CLASSPATH”的环境变量，值为：%JAVA_HOME%jrelibrt.jar;%JAVA_HOME%jrelibtools.jar;3）编辑名为“PATH”的环境变量，值为：“%JAVA_HOME%bin”2022-7-19191.3.2 Tomcat安装与设置 如果需要在除了webapps目录以外的目录下创建Web项目的应用目录，则需要设置虚拟目录。具体方法：修改Tomcat
14、安装目录下conf文件夹下的server.xml文件，在标记前输入内容：。其中的path属性代表网站的虚拟目录名，即要访问此项目时在地址栏中输入的代表该项目的目录名。docBase属性代表网站虚拟目录对应的物理目录，根据具体情况修改path和docBase两个属性的值。2022-7-19201.3.3 MyEclipse开发环境的安装与配置 MyEclipse安装后要进行与Web开发相关的一些必要配置。通过“Window”“Preferences”菜单打开配置对话框。说明：每设置一项要单击“Apply”按钮，保存所做的更改。1）设置文本文件编码方式。在“General”下找到“Workspac
15、e”，将字符编码方式（Text file encoding）选择“Other”设置为“UTF-8”，如图1-9所示。2022-7-19212022-7-19222）设置常用文件的字符编码方式。找到“MyEclipse Enterprise workbench”“Files and Editors”，将其下的常见文件字符编码方式统一设置为“UTF-8”。如图1-10所示。2022-7-19233）设置常用）设置常用Web服务器服务器 找到找到“MyEclipse Enterprise workbench”Servers，找到，找到“Tomcat”“Tomcat6.x”，将其设置为启用，将其设置为启用，并指定并指定Tomcat安装目录，单击安装目录，单击“OK”保存设置即可保存设置即可，如图如图1-11所示。所示。2022-7-1924Web项目的创建、部署与运行项目的创建、部署与运行 Web项目运行项目运行Web项目部署项目部署Web项目的创建项目的创建2022-7-19251.4案例-利用JSP技术实现客户信息显示 客户信息显示 客户信息 /设置标题的位置以及文字颜色 客户姓名客户种类 /设置表格中表头的信息 张三普通客户 李四VIP 王二普通客户 2022-7-1926
