web开发_web开发案例 - CSDN
web开发 订阅
Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解。技术非黑即白,只有对和错,而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后端开发,所以现在不再叫网页制作,而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业的前端工程师才能做好,这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户。 展开全文
Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解。技术非黑即白,只有对和错,而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后端开发,所以现在不再叫网页制作,而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业的前端工程师才能做好,这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户。
信息
类    属
职业
内    容
动态与静态
发    展
2005年以后
中文名
web前端开发工程师
外文名
front-end Web developer
web前端开发工程师简介
2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。随着Web 2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风,铺天盖地席卷而来,包括百度、腾讯、淘宝、新浪、搜狐、网易等在内的各种规模的IT企业都对自己的网站进行了重构。前端开发的入门门槛其实相对较低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的切入点。也正因为如此,前端开发领域有很多自学的同行,但是后面的学习曲线越来越陡峭,每前进一步都很难。另一方面,正如前面所说,前端开发是个非常新的职业,对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来,例如HTML5、CSS3、JavaScript、负边距布局、栅格布局等;各种JavaScript框架层出不穷,为整个前端开发领域注入了巨大的活力;浏览器大战也越来越白热化,跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要,需要更深入、更系统地去掌握前端知识,这样才可能创建一个好的前端架构,保证代码的质量。
收起全文
精华内容
参与话题
  • web开发的三大基本语言

    万次阅读 2016-01-14 11:28:07
    web开发的三大基本语言包括:HTML、CSS和JavaScript(其中HTML是web开发的关键)。简单概括的话:HTML为web开发提供了内容;CSS控制如何展示内容;而JS更多的集中在控制逻辑和实现交互上。

    介绍
    web开发的三大基本语言包括:HTML、CSS和JavaScript(其中HTML是web开发的关键)。

    web开发的三大核心语言

    从上图可以看出HTML的作用,它处在web开发的核心位置。简单概括的话:HTML为web开发提供了内容;CSS控制如何展示内容;而JS更多的集中在控制逻辑和实现交互上。如果你还不是很清楚它们的作用,通过下面三张图片就能一目了然。

    完整效果

    移除CSS后的效果

    移除HTML后的效果(图片来自秒秒学)

    第二张图移除CSS后,使页面丑化了不少,而第三张图移除HTML后,内容都消失了,就甭提页面美化和丑化的问题了。当然你也可以移除JavaScript试试,只不过效果看不太明显,建议你可以去秒秒学的界面尝试一下。

    HTML在web开发上的优势
    我们知道HTML是一种标记语言,下面我们来总结一下HTML在web开发方面有什么优势:

    1. 编码正确的HTML文档能提高文档的可读性。(怎么也比txt文档读起来舒服吧。)
    2. 鲜明地表达文档的结构及结构中内容之间的关系。(和word类似,有标题,内容,图表等,甚至可以添加按钮。从而可以鲜明的展示。)
    3. 允许用户链接到其他的网页。(点击->跳转)
    4. HTML通过标记标签来描述网页如何与其它页面上的内容相关联。(标签就是告诉浏览器,内容是什么类型,比如<h1>标签,就是告诉浏览器“我是标题1“。标签还可以告诉浏览器“我是内容”,“我是表格”等内容。只有正确使用标签,浏览器才能正确的显示内容。)

    HTML标签实例
    HTML是一种标记语言,因此我们不得不提到它的标记,我们称HTML标记为标签。标签涉及到具体的HTML代码,而不是从网页界面直接看到的东西,下面我们看一个常用的p元素(段落标签)是如何构成的。
    图5-p元素(图片来自秒秒学)

    下面我们在HTML文件中写一个简单的p元素,来看看在浏览器中它会以什么样的方式呈现。
    图6-记事本编写p标签

    图7-网页中展示p标签的内容

    大牛推荐的学习网站
    除了段落标签,还有各式各样其他的标签,这些标签都可以在w3c上轻松找到。下图中推荐了几个网站给大家:
    学习网站推荐

    我还是贴心地帮你们抠出来吧:
    http://www.w3.org/TR/HTML5/
    https://HTML.spec.whatwg.org/multipage/
    https://developer.mozilla.org/zh-CN/
    https://www.webplatform.org/

    个人觉得学习HTML,基本就是在学习各种标签的使用,较容易学习,而且有一大堆的资料可以参考。所以如果你想学习web开发,花半天或一天认真学习一下HTML是很有必要的。

    展开全文
  • Web开发系列知识汇总

    千次阅读 多人点赞 2019-01-30 16:15:23
    目录 一. 定义 二. 网络结构模式 三. 客户端-浏览器Browser 四. Web服务器端 五. Cookie 六....七....一....1. Web:World Wide Web, 其内容以页面的形式表现。 超文本(Hypertext):一个页面指...

    目录

    一. 定义

    二. 网络结构模式

    三. 客户端-浏览器Browser

    四. Web服务器端

    五. Cookie

    六. HTTP协议

    1. HTTP简介

    2. HTTP方法

    3. 各种协议与HTTP协议的关系

    七. TCP/IP通信传输流


     


    一. 定义

    1. Web:World Wide Web, 其内容以页面的形式表现。

    • 超文本(Hypertext):一个页面指向另一个页面。用户单击一个链接就可以来到该链接所指向的页面。
    • 超媒体(Hypermedia):超文本和多媒体的结合。用户可以在页面激活一段声音,显示一个图形,甚至播放一段视频。
    • 超文本传输协议(HTTP) :Web浏览器向一个或多个Web服务器发送请求,服务器以页面的内容作为响应。这里的“请求-响应”协议,即HTTP协议基于文本协议,运行于TCP之上。

    2. 浏览器:显示页面的程序

    3. 统一资源定位符(URL,Uniform Resource Locator):用类标识每个页面。包含三部分:协议,域名,路径。如:

           http(协议)://www.cs.washington.edu(域名)/index.html(页面的路径)

    4. Web的体系结构

        

            (图片来源自Andrew S.Tanenbaum与David J.Wetherall的《计算机网络(第五版)》)

      图中Web浏览器向三个服务器(youtube.com, www.cs.washington.edu, google-analytics.com)发送请求,从而获得了两个页面。来自不同服务器的内容集成在一起通过浏览器显示。www.cs.washington.edu服务器提供了主页面,youtube.com服务器提供了一段嵌入的视频,google-analytics.com服务器没有提供任何用户可见的内容,但它追踪访问网站的用户。

     

    二. 网络结构模式

    1. C/S(Client/Server)

    • 客户端/服务器端架构,典型的两层结构
    • 客户端:一个或多个在用户电脑上运行的程序。
    • 服务器端

          1. 数据库服务器端:客户端通过数据库连接访问服务器端的数据

          2. Socket服务器端:服务器端的程序通过Socket与客户端的程序通信

    2. B/S(Browser/Server)-这里主要介绍该模式

    • 浏览器/服务器架构,三层结构
    • Browser客户端 :负责处理显示逻辑
    •  Web服务器 :负责处理事务逻辑
    •  数据库服务器

    (图片来源于:http://www.ltesting.net/html/84/n-141684.html

     

    三. 客户端-浏览器Browser

    1. 一个浏览器是一个应用程序,负责将用户选择的web资源呈现出来。

    2. 浏览器的组成

        

    主要组件:

    • 用户界面 - 包括地址栏、后退/前进按钮、书签目录等
    • 浏览器引擎 (Browser engine)- 用来查询及操作渲染引擎的接口
    • 渲染引擎 (Rendering engine)- 浏览器的内核,负责将网页代码转化成可见的页面
    • 网络 - 完成网络调用
    • UI后端 - 用来绘制类似组合选择框及对话框等基本组件,底层使用操作系统的用户接口
    • JS解析器 - 用来解释执行JS代码
    • 数据存储 -  浏览器在用户磁盘中保存类似于Cookie的各种数据。HTML5定义了一种轻量级的客户端存储技术Web Database技术 

    3. 当用户点击一个超链接时,浏览器执行的系列步骤

       

    (1)浏览器确定URL

    (2)浏览器请求DNS查询www.cs.washington.edu服务器的IP地址

    (3)DNS返回128.208.3.88

    (4)浏览器与128.208.3.88机器的80端口建立一个TCP连接(80端口是HTTP协议的默认端口)

    (5)浏览器发送HTTP报文,请求/index.html页面

    (6)www.cs.washington.edu服务器向浏览器响应页面,如发送文件/index.html

    (7)若该页面包括需要显示的URL,浏览器通过相同的处理过程获取其他URL。该例子中,URL包括多个取自www.cs.washington.edu的内嵌图像,一段取自youtube.com的内嵌视频和一个取自google-analytics.com的脚本。

    (8)浏览器渲染显示页面/index.html

    (9)若短期内没有向同一个服务器发送其他请求,释放TCP连接

     

    四. Web服务器端

    1.  Web服务器的工作流程

    • 接受来自浏览器的TCP连接请求
    • 获取页面的路径,即被请求文件的名字
    • 从磁盘中读取文件
    • 将文件内容响应给浏览器
    • 释放该TCP连接

    2.  为了解决文件访问瓶颈,减少读磁盘的操作,会在内存中维护一个缓存,保存着n个最近使用过的文件或者内容。服务器从磁盘读取文件前,首先检查缓存。

    3.  为了解决一次只能服务一个请求的问题,将服务器设计成多线程(multithreaded)模式。

       

                    (图片来源自Andrew S.Tanenbaum与David J.Wetherall的《计算机网络(第五版)》)

    多线程服务器由一个前端模块和一个处理模块组成。前端模块接收所有入境请求; k+1个线程全部属于同一个进程,所有处理模块(线程)都可以访问当前进程地址空间中的缓存。

     

    五. Cookie

    • 小甜饼Cookie,一小段文本信息,由浏览器存储在客户机磁盘Cookie目录下
    • Cookie只是字符串,最多4KB,不是可执行程序,因而不存在病毒得以实际运行从而造成损害

     

    六. HTTP协议

    1. HTTP简介

    • HTTP协议(Hyper Text Transfer Protocol超文本传输协议),用于从万维网(WWW:World Wide Web)服务器传输超文本到本地浏览器。
    • 应用层协议,请求-响应协议,运行在TCP之上。
    • HTTP默认端口号为80。浏览器通常与服务器的80端口建立TCP连接
    • 无连接:每次连接只处理一个请求。服务器处理完客户端的请求,并收到客户端的应答后,即断开连接。节省传输时间。
    • 无状态:对事务处理没有记忆能力,若后续处理需要前面的信息,则必须重传。

    2. HTTP方法

    方法 描述
    GET 请求服务器发送页面(完成查询操作)
    HEAD 请求一个Web页面的消息头
    POST

    向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。

    (完成增删改操作)

    PUT 向服务器写入一个Web页面
    DELETE 删除页面
    TRACE 回显服务器收到的请求,用于测试或诊断
    CONNECT 通过代理连接
    OPTIONS 一个页面的查询选项

    3. 各种协议与HTTP协议的关系

    (来源于《图解HTTP》)

     

    七. TCP/IP通信传输流

    (来源于《图解HTTP》)

     

    展开全文
  • JAVA WEB开发实战

    千人学习 2018-10-22 21:38:15
    走进JSP、掌握JSP语法、JSP内置对象、Servlet技术、综合实验(一)——JSP使用Model2实现登录模块、EL表达式语言、JSTL核心标签库、综合实验(...三)——Ajax实现用户注册模块——可以轻松领会Java Web程序开发的精髓...
  • 简单介绍一下web开发中用到的一些技术

    万次阅读 多人点赞 2018-01-08 16:52:46
    一、标准通用标记语言(SGML) 1.HTML 即超文本标记语言(HyperText Markup Language),超文本指页面内可以包含图片、音乐、链接甚至程序等非文字元素,如果只用HTML则只能做静态网页。 ...无需经过服务器编译便

    一、标准通用标记语言(SGML)


    1.HTML

    即超文本标记语言(HyperText Markup Language),超文本指页面内可以包含图片、音乐、链接甚至程序等非文字元素,如果只用HTML则只能做静态网页

    静态网页:指不含数据库、不含程序和不可交互的网页,适用于更新较少的展示型网页,运行于客户端,通常以.html或.htm或.xml或.shtml为后缀。无需经过服务器编译便可直接加载到客户浏览器上显示出来,占用一定的服务器空间。可在静态网页中加入flash、java小程序ActiveX控件以及客户端脚本,这些都由程序员事先编写好放到服务器上。

    动态网页:动态网页在服务器端运行,在不同时间会根据不同用户返回不同的网页,与服务器发生交互行为。以数据库为基础,可实现用户的注册、登录、用户管理等操作。动态网页并不是独立存在于服务器上的网页文件,只有在客户端发出请求后才返回一个完整的网页。后缀可以为.jsp或.php或.asp或.cgi。

    ActiveX控件:在静态页面中加入可以运行在浏览器上的程序,是静态的,现在的浏览器基本以不支持。

    applet:“let”词缀表示“小”,applet表示用Java编写的小应用程序(JavaApplet),即静态的,该程序可以包含在HTML页面中,与在页面中包含图像的方式大致相同,即<applet></appltet>一对标记。当支持Java的浏览器遇到这对标记时,便下载相应的小程序代码在本地运行,已经淘汰,取而代之JavaFX。

    servlet:即server applet,applet扩充了网络浏览器的能力,而servlet扩充了网络服务器的能力。servlet的功能在于交互地浏览和修改数据,生成动态web内容,其过程为:客户端发送请求到服务器,服务器将请求信息发送到servlet,servlet生成相应内容被发送到服务器,服务器将响应发送至客户端。applet与servlet均没有main函数。(比喻:JSP是服务员,servlet是看完菜单告知哪个厨师来做饭的前台。)JSP显示页面和接收用户的信息,而servlet主要负责页面和业务层的信息交互。

    CGI程序:是运行在网络服务器上的一个程序,作用与servlet相似。但已被servlet替代,因为CGI程序每当客户端发出一个新的请求,便要建立一个新的CGI实例,占用了大量的内存资源,用于实际开发很困难。而servlet被用户发送的第一个请求激活后,继续运行于后台等待以后的请求,每个请求将生成一个新的线程而不是一个完整的进程,多个客户可以在同一个进程中同时得到服务。

    css:即层叠样式表(cascading style sheets)是用于网页排版的标记性语言,能对网页中的排版进行像素级控制,主要用于对网页中的字体、颜色、图像、背景等其他元素进行控制,是对HTML的补充。“HTML+CSS”可以实现静态网页。

    div+css:div是HTML中的一个标签元素,为布局元素。div可以理解成一个矩形框,css控制这个矩形框在什么地方。CSS3是CSS的一个标准,HTML5是HTML的一个标准。

    单页面:整个页面就是一个静态的不刷新的HTML页面,例如QQ空间中从日志到相册,整个页面并没有刷新,而是中间的主体内容进行局部替换。

    图灵机:图灵机可以理解成对人们使用纸笔进行运算的抽象,分为两个步骤,在纸上写或擦出某个符号,下一步动作取决于当前所关注的符号和此时的思维逻辑。

    图灵完备:即Turing Completeness,判断图灵完备的方法就是看该语言能否模拟出图灵机。


    2.XML

    即可扩展标记语言(Extensible Markup Language),和html相比,xml允许用户对自己的标记语言进行定义。

    3.XHTML

    即可扩展超文本标记语言,比HTML语法更严格


    二、前端


    1.脚本语言(scripting language)

    脚本语言又被称为扩建的语言或者动态语言,通常以文本保存,只有在被调用时才进行解释或编译。

    2.JavaScript(js)

    是一种脚本语言,动态类型、弱类型、基于原型的语言,内置支持类型。用于嵌入HTML网页增加动态功能,向HTML页面提供交互功能,亦可写成单独的js文件便于结构和行为的分离。最早由Netscape公司实现,因与Sun公司合作,便取名JavaScript。微软推出了JSript,都可以统称兼容ECMASript。后缀名为.js的文件就是JavaScript文件。可用于多平台多操作系统。被大多数浏览器支持。

    动态类型:运行期才做类型检查
    静态类型:编译期进行数据类型检查
    弱类型:语言运行时会隐式的做数据类型转换
    强类型:语言运行时确保不会做未授意的类型转换
    基于原型的语言:如JavaScript,只有对象没有类,是对象继承对象,而不是类继承类。
    基于类型的语言:如Java

    特性(动态性):是一种采用事件驱动的脚本语言,不需要服务器的支持,便可直接响应用户的输入。在访问一个页面时,用鼠标上移下移点击都可以通过JavaScript对其进行响应。因此早期程序员喜欢通过JavaScript减轻服务器的负担,然而不安全,随着服务器的强壮,现在程序员喜欢使用在服务端的脚本来保证安全。有些特殊功能如ajax比如依赖JavaScript在客户端进行支持。现在JavaScript逐渐被用来编写服务器端程序。


    3.VBSript(VBS)

    basic语言起初是非结构化语言,后来经过完善成为结构化语言(Visual Basic,即VB),同时VB也是开发环境。

    Microsoft Visual C++(简称Visual C++、MSVC、VC++或VC)为微软公司的C++开发工具。

    VBS是微软环境下的轻量级的解释性脚本语言。


    4.Ajax

    即异步JavaScript和XML(Asynchronous Javascript And XML),是一种能够不刷新整个网页的前提下还能更新部分网页的技术。通过后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。

    5.JSON

    即JS对象标记(JavaScript Object Notation),是一种轻量级数据交换格式,能够代替XML的工作,即可以处理前端(JavaScript)和后台(web服务器端)之间的数据交互。特点是易于人们的读写习惯,易于机器的分析和运行,形式为一个以键值对形式表示的字符串。JSON跨语言,在移动端(Android、IOS)数据都可以由JSON来传输。

    6.boostrap

    前端UI框架,详情https://www.cnblogs.com/mbailing/p/5627792.html

    7.angular.js和JQuery

    前端框架库,详情https://www.cnblogs.com/mbailing/p/5627792.html

    8.前端编辑器

    Webstorm:重量级编辑器,当前段项目配置了各种的grunt,bower,angular后你会发现你很需要它。
    Brackets:适合写CSS。
    Dreamweaver:“所见即所得”
    HBuilder:适合写H5,相对厚重。
    Sublime:相当于一个升级版的记事本,有着强大的插件,建议安装两个(packagecontrol和emmet),轻量级编辑器,小巧智能。
    notepad++:插件多

    三、后台


    1.JSP(J2EE)

    即Java服务器页面(JAVA Server Pages),是一种动态网站开发语言,有点类似于ASP技术,在传统的HTML页面文件(后缀名为*.htm或*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名*.jsp。JSP开发的web应用是跨平台的,可以运行在Linux或者其他操作系统下。它实现了HTML中的Java扩展(以<%,%>形式),jsp与servlet一样运行在服务器端,将一个HTML文件返回给客户端,因此客户端有浏览器就可以浏览。servlet是JSP的基础,大型的web应用开发众需要servlet和JSP同时配合。
    JSP与servlet的关系:JSP是servlet的扩展,在JSP之前就有servlet了。有客户端,web服务器(web server)和应用服务器(application server),客户端发出请求,web服务器接受http请求,如果是HTML、css等静态资源则web服务器可以自行处理 ,如果遇到动态资源比如jsp时便将请求转至应用服务器中,由应用服务器处理。应用服务器也具有处理http请求的能力,可能没有web服务器那么专业,应用服务器同时也包含web容器。在应用服务器中,jsp转换成servlet,在servlet容器中检索是否已经存在匹配的servlet实例,若没有则由servlet容器加载并实例化这个servlet类的一个实例对象,再有servlet容器初始化并运行;若servlet容器中已存在,则直接运行。
    web服务器:代表Nginx、IIS、Apache。 “相当于前台接待”。
    应用服务器:代表Bea WebLogic、IBM WebSphere、JBoss、Tomcat。Tomcat是Apache的扩展可以独立于Apache运行。“相当于真正的价值服务者”。
    servlet容器:管理servlet的生命周期,存在于应用服务器中。
    Tomcat既可以看成是servlet容器又可以看成是web容器,既可以处理静态资源又可以处理动态的servlet。故可以使用两个独立的服务器比如Nginx和WebLogic,也可以只用一个Tomcat。

    2.PHP和ruby

    php:超文本预处理器(hypertext preprocessor),是一种基于对象的开源脚本语言,用于web后台开发。
    ruby:面向对象的后台脚本语言。
    基于对象:不提供抽象、重载和继承
    面向对象:提供抽象、重载和继承

    3.NetBeans

    一款用Java编写的主要用于后台开发的IDE。

    4.Node.js

    是一种JavaScript的运行环境(runtime),是目前速度最快的JavaScript引擎,使JavaScript能脱离浏览器运行。对Chrome V8引擎进行了封装。使用事件驱动,非阻塞I/O模型而得以轻量而高效。

    用处:是JavaScript运行环境,也就是说能在服务器上跑JavaScript代码,让JavaScript实现服务器上的开发。一般是js程序员在用,属于后端技术。

    JavaScript引擎:是一种专门处理JavaScript脚本的虚拟机,一般会符带在浏览器中。


    四、ASP、ASP.NET与.NET


    ASP:类似于JSP和PHP,是一种后台开发技术。
    .NET:是一个平台,不是语言,包括运行时的环境和开发的环境。可以在.NET平台上用不同的语言开发,例如C#,VB.NET,HTML,F#,VC++.NET。
    有点类似于java。JAVA语言也是java平台中的一个语言的名字,C#同样是.NET平台中一个语言的名字,即java跨平台,.NET跨语言。java开源,.NET由微软开发不开源。java编写完一次后可以再Linux上或其它操作系统上运行,.NET只适用于微软,所以java跨平台,.NET不跨平台
    ASP.NET(又称ASP+):是基于.NET Framework的web开发平台。一般前端用HTML+css,后端用C#。
    .NET Framework:是.NET开发的软件运行所必需的框架(framework)、运行环境。
    展开全文
  • Web后端开发入门(1)

    万次阅读 2018-07-10 23:23:03
    Web概述: 在英语中web表示网页的意思,它用于表示Internet主机上供外界访问的资源。Internet上供外界访问的Web资源分为: 1....动态Web应用的实现手段: 静态web开发技术有html,常用动态web开发...

    Web概述

        在英语中web表示网页的意思,它用于表示Internet主机上供外界访问的资源。

    Internet上供外界访问的Web资源分为:

        1.静态Web资源(如html页面):指web页面中始终不变的数据。

        2.动态Web资源:指web页面中供人们浏览的数据是由程序产生的,也就是实时变化的数据。

    动态Web应用的实现手段:

        静态web开发技术有html,常用动态web开发技术有:JSP/Servlet、Microsoft  ASP、ASP.NET、PHP等。

        1.Microsoft  ASP、ASP.NET

            微软公司动态web开发是比较早的,而且最早在国内最流行的就是ASP。ASP就是唉HTML语言之中增加了VB脚本,但是标准的开发应用应该是使用ASP+COM,但是实际情况来看,在开发ASP的时候基本上都在一个页面中写上成百上千行的代码,这就使得页面代码极其混乱。

            ASP本身有开放平台的限制:Windows+IIS+SQL Server/Access,ASP只能运行在Windows操作系统上,ASP现在基本上已经淘汰,取而代之的是ASP.NET,它在性能上有了很大的改善,并且开发迅速,但是依然受限于平台。ASP.NET中主要是使用C#语言。

        2.PHP

            PHP开发速度很快,功能强大,跨平台,而且代码也简单。但是只适用于开发小型网站,

        3.Servlet/JSP

            这是SUN公司主推的B/S架构的实现语言,是基于JAVA语言发展起来的,因为JAVA语言足够简单,而且很干净。

            Servlet/JSP技术的性能是非常高的,不受平台限制,各个平台基本上都可以使用,而且在运行中是使用多线程的处理方式,所以性能非常高。

            SUN公司最早推出的WEB技术推出的是Servlet程序,Servlet程序本身使用的时候有一些问题,所有的程序是采用JAVA代码+HTML的方式编写的,也就是说,要使用JAVA输出语句,一行一行的输出所有的HTML代码,之后,SUN公司受到了ASP的启发,发展出了JSP。 JSP的某些代码的编写效果与ASP是非常相似的。这样可以很方便地使用一些ASP程序员转向JSP的学习,加大市场的竞争力度。

    JavaWeb应用程序

        在SUN的Java Servlet规范中,对JavaWeb应用作了这样的定义:“JavaWeb应用由一组Servlet、HTML页、类、以及其它可以被绑定的资源构成。它可以在各种供应商提供的实现Servlet规范的Servlet容器中运行”。

        JavaWeb应用中可以包含如下内容:

    • Servlet
    • JSP
    • 实用类
    • 静态文档如HTML、图片等
    • 描述Web应用的信息(web.xml)

        Servlet和Servlet容器


            我们首先通过web浏览器发送一个HTTP请求,这个HTTP请求会到web容器中,web容器把它定位到一个具体的servlet中,servlet中包含具体的servlet和jsp,然后servlet会访问数据库,之后数据库再把数据返回给servlet,servlet再返回给web服务器,web服务器再通过HTTP响应给到web浏览器,之后我们就能看到请求的数据。

    request  请求          response  响应

    WEB服务器

        简介:Web服务器是指驻留于因特网上某种类型计算机的程序,是可以向发出请求的浏览器提供文档的程序。当Web浏览器(客户端)连接到服务器上并请求文件时,服务器将处理该请求并将文件反馈到该浏览器上,附带的信息会告诉浏览器如何查看该文件(即文件类型)。


        服务器是一种被动程序:只有当Internet上运行在其他计算机中的浏览器发出请求时,服务器才会响应。


          Servlet容器为JavaWeb应用提供运行时环境,它负责管理Servlet和JSP的生命周期,以及管理它们的共享数据。Servlet容器也称为JavaWeb应用容器,或者Servlet/JSP容器。

        常见的Web服务器:

        1.WebLogic

            WebLogic是美国bea公司出品的一个application server。BEA WebLogic是用于开发、集成、部署和管理大型分布式Web应用、网络应用和数据库应用的Java应用服务器。将Java的动态功能和Java Enterprise标准的安全性引入大型网络应用的开发、集成、部署和管理之中。是目前应用最广泛的Web服务器,支持J2EE规范,而且不断的完善以适应新的开发要求

        2.WebSphere

            WebSphere Application Server是一种功能完善、开放的Web应用程序服务器,是IBM公司电子商务计划的核心部分,它是基于Java的应用环境,用于建立、部署和管理Internet和Intranet Web应用程序。这一整套产品进行了扩展,以适应Web应用程序服务器的需要,范围从简单到高级到企业级。

        3.Tomcat

            Tomcat是一个实现了JAVA EE标准的最小的WEB服务器,是Apachc软件基金会的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。应为Tomcat技术先进、性能稳定,而且开源免费,因而深受JAVA爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web应用服务器。该服务器支持全部JSP以及Server规范。



    展开全文
  • Web发展简史((webapp+Java原生)移动端开发 )+web网站)

    千次阅读 多人点赞 2019-04-01 20:04:25
    1:在那时,Web开发还比较简单,开发者经常会去操作web服务器(主要还是他自己的机器),并且他会写一些HTML页面放到服务器指定的文件夹(/www)下。这些HTML页面,就在浏览器请求页面时使用。(当时只能获取HTML,静态...
  • Python中WEB开发(一)

    万次阅读 2018-06-26 16:15:08
    CS即客户端、服务器编程:客户端、服务端之间...BS编程,即Browser、Server开发:Browser浏览器,一种特殊的客户端,支持HTTP(s)协议,能够通过URL向服务端发起请求,等待服务端返回HTML等数据,并在浏览器内可视...
  • web前端开发(一)—HTML基础

    万次阅读 多人点赞 2018-08-10 00:22:21
    web前端简介 什么是HTML? HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、...
  • WEB简介

    万次阅读 多人点赞 2018-09-01 18:23:51
    WEB 一、Web简介 1、 简介 早期的web应用主要是静态页面的浏览,这些静态页面使用HTML语言编写,放在服务器上,用户使用浏览器通过HTTP协议请求服务器上的web页面,服务器上的web服务器软件接受到用户发送的...
  • 刚入门Web开发者总会听到前端开发、后端开发、全栈开发等...web开发 1、前端开发 (Front-End Development) 在基于浏览器的Web页面开发中,前端开发主要是指创建Web应用与使用者的交互体验效果与人机交互页面...
  • PHP和MySQL.Web开发(原书第4版)高清版PDF分享

    万次阅读 多人点赞 2019-10-10 09:16:06
    前段时间想找一本书看看,就找了这本号称圣经的PHP书籍《PHP和MySQL.Web开发(原书第4版)》,但是在找资源的时候废了不少事,下载了要不是各种病毒要不就是需要开通人家的VIP。最后在一个好心人那通过FTP得到了这本书...
  • 送给大家一套完整的web前端开发学习路线

    万次阅读 多人点赞 2018-11-21 15:19:58
    本文来源:千锋web前端开发 近几年IT业可谓是发展火热,而且新生了很多的职业。在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常...
  • 随着互联网的迅猛发展和普及,一个新型的行业和新兴的...制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用
  • 利用eclipse开发动态web项目(适用入门)

    万次阅读 多人点赞 2012-04-28 12:38:23
    由于myeclipse为收费工具,考虑到侵权行为,故选择eclipse作为开发web项目的工具,不过开发利用的各框架时,需要进行手动安装插件或配置,以下仅仅说明了开发、发布、运行一个web项目的过程。 1、环境:win7,jdk...
  • 转载自: 浅谈Java Web开发与Python Web开发的区别 – 金丝燕网  今天这篇文章谈一谈Java Web开发和Python Web开发的区别。在这里我并不是鼓励大家从Java Web转向Python Web开发,我只是想说一下自己的感觉而已,...
  • Python做web开发,推荐几个能立马上手的小项目

    万次阅读 多人点赞 2018-08-02 07:13:06
    web开发,什么语言最好? 所有的编程语言都能进行开发web,java就不用多说了,PHP从应用范围到岗位需求来说都是很强的,Python+Flask的框架也让人非常惊艳。其实没有什么最好,适合的才是最好;不过——   ...
  • 常用的Web架构开发语言有哪几种?

    万次阅读 2018-03-28 16:45:24
    如果你是做Web开发的,Web框架一定会很熟悉,框架是Web架构开发中必不可少的工具,不仅可以提高开发效率,还能让开发项目更成熟,并且可以提升代码的可再用性,Web框架开发离不开相应的开发语言,以下是常用的Web...
  • 几款Web快速开发平台比较

    万次阅读 2018-12-28 20:16:00
    Putdb WebBuilder ... WebBuilder是一款开源的跨平台、数据库和...作为一款高效的Web开发工具,WebBuilder的特色是: 基于浏览器的集成开发环境 丰富的组件库 开发应用简单快速 高效率和高稳定性 跨平台、数...
  • python web开发--web前端开发介绍

    千次阅读 2018-08-20 14:11:14
  • WEB项目开发的一般流程

    万次阅读 2018-03-07 16:55:08
    1 需求确定 通过各种方法确定系统的功能与性能。 ...。。 性能:可同时支持N个并发访问,并且响应时间...在WEB项目中,通常界面设计会在本阶段进行。 2 分析与设计 1 架构分析与设计 逻辑结构: 3层架构、多层架构。。。
1 2 3 4 5 ... 20
收藏数 1,571,328
精华内容 628,531
关键字:

web开发