简述web技术的结构

它是超级文本的简称。二、超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。三、超文本传输协议（HTTP） Hypertext Transfer Protocol超文本在互联网上的传输协议。当你想进入万维网上一个网页, 或者其他网络资源的时候，通常你要首先在你的浏览器上键入你想访问网页的统一资源定位符（UniformResourceLocator)，或者通过超链接方式链接到那个网页或网络资源。这之后的工作首先是URL的服务器名部分，被名为域名系统的分布于全球的因特网数据库解析，并根据解析结果决定进入哪一个IP地址(IP address)。接下来的步骤是为所要访问的网页，向在那个IP地址工作的服务器发送一个HTTP请求。在通常情况下，HTML文本、和构成该网页的一切其他文件很快会被逐一请求并发送回用户。网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容，加上图像、链接和其他必须的资源，显示给用户。这些就构成了你所看到的“网页”。大多数的网页自身包含有超链接指向其他相关网页，可能还有下载、源文献、定义和其他网络资源。像这样通过超链接，把有用的相关资源组织在一起的集合，就形成了一个所谓的信息的“网”。这个网在因特网上被方便使用，就构成了最早在1990年代初蒂姆·伯纳斯-李所说的万维网。传统的Web数据库系统体系结构 传统的Web数据库系统一般实现Web数据库系统的连接和应用可采取两种方法，一种是在Web服务器端提供中间件来连接Web服务器和数据库服务器，另一种是把应用程序下载到客户端并在客户端直接访问数据库。中间件负责管理Web服务器和数据库服务器之间的通信并提供应用程序服务，它能够直接调用外部程序或脚本代码来访问数据库，因此可以提供与数据库相关的动态HTML页面，或执行用户查询，并将查询结果格式化成HTML页面。通过Web服务器返回给Web浏览器。最基本的中间件技术有通过网关接口CGI和应用程序接口API两种。（一）、基于通用网关接口CGI CGI是WWW服务器运行时外部程序的规范，按照CGI编写的程序可以扩展服务器的功能，完成服务器本身不能完成的工作，外部程序执行时间可以生成HTML文档，并将文档返回WWW服务器。CGI应用程序能够与浏览器进行交互作用，还可以通过数据库的API与数据库服务器等外部数据源进行通信，如一个CGI程序可以从数据库服务器中获取数据，然后格式化为HTML文档后发送给浏览器，也可以将从浏览器获得的数据放到数据库中。几乎使用的服务器软件都支持CGI，开发人员可以使用任何一种WWW服务器内置语言编写CGI，其中包括流行的C、C、VB和Delphi等。从体系结构上来看，用户通过Web浏览器输入查询信息，浏览器通过HTTP协议向Web服务器发出带有查询信息的请求，Web服务器按照CGI协议激活外部CGI程序，由该程序向DBMS发出SQL请求并将结果转化为HTML后返回给Web服务器。再由Web服务器返回给Web浏览器。这种结构体现了客户/服务器方式的三层模型，其中Web服务器和CGI程序实际起到了HTML和SQL转换的网关的作用。CGI的典型操作过程是：分析CGI数据；打开与DBMS的连接；发送SQL请求并得到结果；将结果转化为HTML；关闭DBMS的连接；将HTML结果返回给Web服务器。基于Web的数据库访问利用已有的信息资源和服务器。其访问频率大，尤其是热点数据。但其主要的缺点是：①客户端与后端数据库服务器通信必须通过Web服务器，且Web服务器要进行数据与HTML文档的互相转换，当多个用户同时发出请求时，必然在Web服务器形成信息和发布瓶颈。②CGI应用程序每次运行都需打开和关闭数据库连接，效率低，操作费时；③CGI应用程序不能由多个客户机请求共享，即使新请求到来时CGI程序正在运行，也会启动另一个CGI应用程序，随着并行请求的数量增加，服务器上将生成越来越多的进程。为每个请求都生成进程既费时又需要大量内存，影响了资源的使用效率，导致性能降低并增加等待时间；④由于SQL与HTML差异很大，CGI程序中的转换代码编写繁琐，维护困难；⑤安全性差，缺少用户访问控制，对数据库难以设置安全访问权限；⑥HTTP协议是无状态且没有常连接的协议，DBMS事务的提交与否无法得到验证，不能构造Web上的OLTP应用。（二）、基于服务器扩展的API 为了克服CGI的局限性，出现的另一种中间件解决方案是基于服务器扩展API的结构。与CGI相比，API应用程序与Web服务器结合得更加紧密，占用的系统资源也少得多，而运行效率却大大提高，同时还提供更好的保护和安全性。服务器API一般作为一个DLL提供，是驻留在WWW服务器中的程序代码，其扩展WWW服务器的功能与CGI相同。WWW开发人员不仅可以API解决CGI可以解决的一切问题，而且能够进一步解决基于不同WWW应用程序的特殊请求。各种API与其相应的WWW服务器紧密结合，其初始开发目标服务器的运行性能进一步发掘、提高。用API开发的程序比用CGI开发的程序在性能上提高了很多，但开发API程序比开发CGI程序要复杂得多。API应用程序需要一些编程方面的专门知识，如多线程、进程同步、直接协议编程以及错误处理等。目前主要的WWWAPI有Microsoft公司的ISAPI、Netscape公司的NSAPI和OReily公司的WSAPI等。使用ISPAI开发的程序性能要优于用CGI开发的程序，这主要是因为ISAPI应用程序是一些与WWW服务器软件处于同一地址空间的DLL，因此所有的HTTP服务器进程能够直接利用各种资源这显然比调用不在同一地址空间的CGI程序语句要占用更少的系统时间。而NSAPI同ISAPI一样，给WWW开发人员定制了NetscapeWWW服务器基本服务的功能。开发人员利用NSAPI可以开发与WWW服务器的接口，以及与数据库服务器等外部资源的接口。虽然基于服务器扩展API的结构可以方便、灵活地实现各种功能，连接所有支持32位ODBC的数据库系统，但这种结构的缺陷也是明显的：①各种API之间兼容性很差，缺乏统一的标准来管理这些接口；②开发API应用程序也要比开发CGI应用复杂得多； ③这些API只能工作在专用Web服务器和操作系统上。（三）、基于JDBC的Web数据库技术 Java的推出，使WWW页面有了活力和动感。Internet用户可以从WWW服务器上下载Java小程序到本地浏览器运行。这些下载的小程序就像本地程序一样，可独立地访问本地和其他服务器资源。而最初的Java语言并没有数据库访问的功能，随着应用的深入，要求Java提供数据库访问功能的呼声越来越高。为了防止出现对Java在数据库访问方面各不相同的扩展，JavaSoft公司指定了JDBC，作为Java语言的数据库访问API。采用JDBC技术，在JavaApplet中访问数据库的优点在于：直接访问数据库，不再需要Web数据库的介入，从而避开了CGI方法的一些局限性；用户访问控制可以由数据库服务器本地的安全机制来解决，提高了安全性；JDBC是支持基本SQL功能的一个通用低层的应用程序接口，在不同的数据库功能的层次上提供了一个统一的用户界面，为跨平台跨数据库系统进行直接的Web访问提供了方案。从而克服了API方法一些缺陷；同时，可以方便地实现与用户地交互，提供丰富的图形功能和声音、视频等多媒体信息功能。JDBC是用于执行SQL语句的Java应用程序接口API，由Java语言编写的类和接口组成。Java是一种面向对象、多线程与平台无关的编程语言，具有极强的可移植性、安全性和强健性。JDBC是一种规范，能为开发者提供标准的数据库访问类和接口，能够方便地向任何关系数据库发送SQL语句，同时JDBC是一个支持基本SQL功能的低层应用程序接口，但实际上也支持高层的数据库访问工具及API。所有这些工作都建立在X/Open SQL CLI基础上。JDBC的主要任务是定义一个自然的Java接口来与X/OpenCLI中定义的抽象层和概念连接。JDBC的两种主要接口分别面向应用程序的开发人员的JDBC API和面向驱动程序低层的JDBC DriverAPI。JDBC完成的工作是：建立与数据库的连接；发送SQL语句；返回数据结果给Web浏览器。

前端知道是浏览器呈现的部分，相对于前端，后台你可以理解为服务器端专门处理、读取、存储数据库数据的部分。

因为网站是基于B\S架构，即浏览器---服务端架构，就程序来讲，可笼统划分为前端程序和服务器端程序。

就项目来讲可能需要由以下部分构成：

1需求分析

2基本架构设计与定型

3数据库设计

4代码实现

1）前端

（1）页面框架（上下、左右、上左右、上左右下等结构）

（2）页面美化（网站基调色，背景，，内容位置与间距等）

（3）交互性（鼠标反馈，键盘反馈等）

（4）前端代码优化（压缩，seo优化）

2）服务器端

（1）使用语言（php，jsp，asp，cgi等）

（2）数据库选择与操作（access，mysql，sql server，oracle等数据库；插入、修改、删除等操作）

（3）数据处理加工

5http平台选择（iis，apache、httpd、nginx等）

6测试

7上线

8用户反馈与BUG修复

详细的解释一下web前后端的区别

1、

前台：呈现给用户的视觉和基本的操作。

后台：用户浏览网页时，我们看不见的后台数据跑动。后台包括前端、后端。

前端：对应我们写的html、css、javascript等网页语言作用在前端网页。

后端：对应jsp、javaBean、层、action层和service层的业务逻辑代码。（包括数据库）

为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。

2、

(1)javaweb是java开发中的一个方向java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分两块，一块是服务器端叫后端，另一块叫前端，也就是web前端。前端就是用户能看到的部分，比如淘宝网，qq空间，网页上你能看到的都是web前端做的。后端做的就是为前端的展示业务逻辑功能做处理。

(2)javaweb包括了jsp，servelt以及一些框架比如spring，structs以及与数据库交互的知识，当然也涉及到了html，css等前端技术，但是更侧重于后端的开发。web前端主要是html，css，javascript之类的技术。

jaweb是javaee的一个方向，Javaweb，由前端、Java代码、和数据库三个大方面组成，前端只是其中之一。

(3)在我们的机子上看到的界面，安装的程序，给用户看的，操作的就是前端；而你看不到的，帮你保存网络游戏数据，保存应用数据，处理数据的就是后端（服务器）。比如说：我们在用的知乎就是前端，而保存这个问题，还有把这个问题推送给你的就是后端。

二、定义不同

一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。

1、Web前端:

顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

2、Web后端：

后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

三、需要掌握的技术不同

1、Web前端：

精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。

(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；

(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；

(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；

(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；

(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。

2、Web后端：

后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；

(2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；

(3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；

(4)精通面向对象分析和设计技术，包括设计模式、UML建模等；

(5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。

四、web后端和前端是怎么连接的

1、web服务器（apache、tomcat等），网络协议（http、socket等），浏览器（chrome、FF、IE等）。浏览器发起建立连接请求，通过网络协议与服务器建立连接，服务器保持连接，获取浏览器想要的数据，服务器通过连接返回内容给浏览器，浏览器把数据呈现出来。

2、连接的协议一般是http，也有websocket。服务器以服务的方式存在，就像外卖店，你打个电话过去，人家就把饭菜送上门来了。

3、web服务器访问数据库一样要使用网络连接，端口只是开放服务的入口而已，就像外卖的电话。

五、JavaWeb与web前端的区别

1、web前端，主要是给网站做静态页面的，也就是说你平时浏览的网站所看到的页面基本都出自web前端，不过网站版面可以是美工出图。

web前端需要掌握的技术有：DIVCSS，j，jQuery更高一层的是可以去使用一些框架去网站页面。这样的框架也有很多。如Bootstrap，UIkit，Kube等等。

2、javaweb一般涉及到前端。而web前端开发只是有可能涉及到java。

前端开发一般只涉及到js,html,css,有些可能会用flash,photoshop这些。框架就jquery,ext,jodo等这些。

web前端的话他的后端可能是java，也可能是net或者php等都可能，但javaweb可以确定后端就是java，web前端其实都一样。

前端和Javaweb的区别更多的在于一个主要负责前端的设计和效果，而Javaweb更专注于后端的内容。

3、刚开始从事web开发时，首先要选准学习方向，看是想从事前端部分还是后端程序部分。当然在工作的后期，就不会分的那么细致了。做前端到后期也会懂一些后端的技术，反之，后端也是。

六、学习Web前端开发都需要掌握哪些技能

1、学习html。这个是最简单的,也是最基础的要熟练掌握div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本table是用来和数据打交道。

2、学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用csshtml或者cssdiv来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说cssdiv呢因为我上面说了div就是html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握。

3、学习js。可能前两个大家觉得还过的去,看到js就傻眼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了然后看多了,用多了,就什么都不是问题了。

4、学习jquery。jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码其他的一样百度就够了。

5、最好会点后台语言,比如java、php,为什么呢因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的,这样节约时间,也可以让前端代码更规范不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更加麻烦了。

6、学习css3html5,可能这个对于更接手的新人来说有点困难，需要较强的代码知识与经验，但是如果你们是准备专门搞前端,那么最好还是学一下，这样对于将来的工作会有更大的帮助。

七、从事Java后端开发都需要掌握哪些技能

对于初学Java并且有志于后端开发的同学来说，需要重点关注以下几个部分：

1、基础：比如计算机系统、算法、编译原理等等

2、Web开发：主要是Web开发相关的内容，包括HTML/CSS/js（前端页面）、Servlet/JSP（J2EE）以及MySQL（数据库）相关的知识。它们的学习顺序应该是从前到后，因此最先学习的应该是HTML/CSS/JS（前端页面）。还有一些前段框架比如easyui,还有js,jquery等技术。

3、J2EE：你需要学习的是Servlet/JSP（J2EE）部分，这部分是Java后端开发必须非常精通的部分，因此这部分是这三部分中最需要花精力的。关于Servlet/Jsp部分视频的选择，业界比较认可马士兵的视频。4、数据库：你需要学会使用数据库，mysql是个不错的入门选择，而且Java领域里主流的关系型数据库就是mysql。这部分一般在你学习Servlet/Jsp的时候，就会接触到的，其中的JDBC部分就是数据库相关的部分。你不仅要学会使用JDBC操作数据库，还要学会使用数据库客户端工具，比如navicat，sqlyog，二选一即可。

5、开发框架：目前比较主流的是SSM框架，即spring、springmvc、mybatis。你需要学会这三个框架的搭建，并用它们做出一个简单的增删改查的Web项目。你可以不理解那些配置都是什么含义，以及为什么要这么做，这些留着后面你去了解。但你一定要可以快速的利用它们三个搭建出一个Web框架，你在搭建SSM的过程中，可能会经常接触到一个叫maven的工具。这个工具也是你以后工作当中几乎是必须要使用的工具，所以你在搭建SSM的过程中，也可以顺便了解一下maven的知识。在你目前这个阶段，你只需要在网络上了解一下maven基本的使用方法即可，一些高端的用法随着你工作经验的增加，会逐渐接触到的。

6、你需要去看一些JDK中的类的源码，也包括你所使用的框架的源码。这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？由此也可以看出，这些学习的过程是环环相扣的，如果你任何一个阶段拉下来了，那么你就真的跟不上了，或者说是一步慢步步慢。总而言之，这个阶段，你需要做的是深入了解Java底层和Java类库（比如并发那本书就是Java并发包javaconcurrent的内容），也就是JVM和JDK的相关内容。而且还要更深入的去了解你所使用的框架，方式比较推荐看源码或者看官方文档。

希望对您有所帮助！~

区别还是挺大的，工种和编程思想都不一样，下面电脑培训还是阐述一下：

1)前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。

2)后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

Web前端：

1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。

2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。

3)熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery

4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。

5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。

Web后端：

1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解

2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力

3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑

4)精通面向对象分析和设计技术，包括设计模式、UML建模等

5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力

web前端与后端的区别主要是：

1、要搞懂区别，我们首先要知道他们是什么。

Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

2、web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块的东西，比如网站是否做的漂亮，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。

3、 web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 

后端的话可供开发的语言有 asp、php、jsp、NET 这些后端开发语言的话搭建环境都不一样

4、实际的开发过程中，前端、后端开发人员的定位如下：

1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。

2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。