allenwalker*
allenwalker*

Web服务技术与应用

一些基本的Web理论知识适当结合了一些实例。

         主要涵盖内容有：HTML+CSS+JSP+JDBC+AJAX+XML+WebService+EJB+Servlet。

  1. Web 概述
  1. Web是Internet上一种应用或者服务，使人们能方便快速的发布和获取信息。Web服务由Web服务器和浏览器共同提供。
  2. Web服务器就是由软件和硬件构成的能提供Web服务（相应用户请求，处理请求并返回处理结果的）的系统。
  3. 静态页面和动态页面：静态页面是网站发布时就写好的，动态页面是用户请求时生成的。
  4. Web服务器与浏览器之间通过HTML进行交互。
  5. Web站点体系结构：静态模式（所有页面都是提前编辑好的静态页面），一般动态（增加了数据库服务器，通过实时获取数据库信息更新页面），多层动态（增加了一层服务器，将显示和逻辑分离同时减轻了Web服务器的负担：ASP.net，EJB）.
  6. URL:统一资源定位术：protocol :// hostname[:port] / path / [;parameters][?query]#fragment
  7. HTTP:超文本传输协议，定义了浏览器怎么将请求发送给服务器以及服务器怎么将响应返回给客户端：

GET ：浏览器将参数和值通过？附加在URL后面进行传递，服务器将资源放在响应报文的数据部分

POST ：将用户请求以键值对形式封装在保温数据部分，用于传输大量数据

HEAD PUT DELETE OPTIONS TRACE CONNECT  8

  1. 客户端动态技术：JS,由浏览器解释执行的脚本代码（这里应该有JS代码）

服务器端动态技术：JavaBean,JSP，Servlet，ASP,PHP

异步刷新技术Ajax：异步JS和XML,不刷新整个页面而更新其中的一部分

  1. Applet是下载到本地运行的.class为后缀的JAVA编写的小程序，出于安全考虑访问本地信息受限
  2. JavaScript是位于Java和HTML之间的事件驱动的编程语言，由浏览器而非JVM*解释*执行
  3. DHTML在下载网页后仍能实现实时的元素变换，是CSS,HTML4.0,HTML DOM(文档对象模型)技术的体现
  4. Servlet，在服务器端运行，能处理HTTP请求产生响应的动态页面，缺点是页面和逻辑交织，自己写的Servlet应继承HttpServlet类并重写doGet(),doPost()
  5. JSP（Java Server Page）服务器的JSP引擎解释JSP,并以HTML形式返回浏览器，JSP可通过JDBC链接数据库。JSP和其他服务器端动态技术的区别是它最终被编译为Servlet并由JVM执行，且编译只发生在第一次请求JSP页面时，所以执行效率高。
  6. JavaBean:可重用组件。
  7. WebService:向外界暴露一组能通过Web调用的API,实现通过Web调用完成一些功能。可被描述，发布，查找以及调用：

XML做数据的基本格式+SOAP做信息交换的协议+WSDL做描述文档的语言+使用RPC调用WebService+UDDI实现注册，查找，调用。

Question:脚本语言的工作原理是什么？

客户端动态技术和服务器端动态技术的区别？

 

  1. HTML
  1. 每个HTML元素都可以看成是一个在浏览器中显示的对象。HTML是一种文档结构语言，HTML文件结构包含HEAD（描述浏览器所需信息）和BODY两部分.
  2. HTML文档中标签的id属性和name属性有什么区别①Id是html中所有元素都有的元素，而非表单元素没有name属性，如：div,span等。②使用css是通过元素id来选择元素的，而request对象是操纵name属性获取元素的。（比如表单发送给Servlet，Servlet调用request.getParam()中参数是表单元素的name名）③id在整个页面中应是唯一的，而不同表单中可以出现相同name属性的元素。
  3. 对于HTML中的单选框radio，value="aihao1"都是name属性一样时表示为同一组单选框，用checked表示默认选中。

 

  1. CSS层叠样式表
  1. Cascading Style Sheets使用CSS的好处：①将样式与结构分离，使得样式得到复用，一个html中可以包含多个样式文件，实现了对样式的集中管理。②对网页上的元素精准定位。
  2. CSS中的三种选择器：类选择器，id选择器，元素选择器。

元素选择器就是直接是元素名称，如p,div,span......

类选择器的格式是“.类名”

Id选择器是“#id名”

交集选择器格式：元素选择器.类选择器/id选择器，选择该元素下特定id或class的元素

并集选择器：使用“，”将三种选择器相连

后代选择器：一种表示嵌套关系的选择器，用space来连接各个选择器名，如：div div .class 选中的是div下div下的所有具有类名的元素

子代选择器：使用大于号表示：父代>子代，且只选中直接子代，若父代和子代还有其他层的则不被选中

*行内样式>ID样式>类别样式>元素样式

以下两个有些浏览器中并不兼容。(虚元素和虚类都是用：连接的)

虚类：选择符：虚类（link,visited,active,hover）一般用于元素

虚元素：一般用于p,div,span的首行或首字母的显示。选择符/选择符.类：first-letter/first-line

  1. 链入外部样式表的文件以.css为文件后缀名文件中只包含样式，通过在html中用：

导入外部样式表（通常用于CSS文件中导入另一CSS文件）在CSS文件中可以通过@import url("public.css");导入另一个CSS文件，但是需要将该指令放在CSS文件的第一句。

联入样式表：写在页面的下的