Web 开发本质|学习笔记

简介: 快速学习 Web 开发本质

开发者学堂课程【Node.js 入门与实战Web开发本质】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8241


Web开发本质

 

目录:

一、Web开发本质

二、客户端处理响应

三、关于C/S 和B/S

 

一、Web开发本质

1、Web 开发牢记以下三点:

(1)请求,客户端发起请求。

(2)处理,服务器处理请求。

(3)响应,服务器将处理结果发送给客户端

首先客户端请求可能是客户端用的浏览器,通过浏览器访问京东或者淘宝,这样客户端浏览器,有可能是安卓手机的 APP,可能是 ios 手机的 APP。

客户端向服务器发起请求,或者说浏览器向服务器发请求,一般情况下用的都是HTTP 协议或者是 HTTPS,所以说HTTP协议这个是不变的

无论是什么客户端向服务器发报文件请求,服务器拿到这个请求以后进行处理解析这个情报文件处理完毕后,服务器把结果响应给客户端如果是浏览器就把结果响应给浏览器,如果是安卓 app,那么就响应的手机 APP上),然后由不同的客户端对这个响应进行再解析,做出不同的展示,这是一个外部开发本质过程。

Web 开发和单机开发应用程序核心区别就是单机程序要执行什么,这个程序就直接执行了,但是 web 开发不一样,要做什么事不是自己去做,是提交给服务器服务器帮做完以后再把结果响应给回来

2、举例:对比一个单机版计算器和 Web 版计算器

一个单机应用程序计算器,也就是桌面用程序,现在要想让它实现一个加法计算非常简单。比如,输入1,输入6,然后点击等号,这个计算器把16算出来以后,就直接把结果显示出来

但是同样的一个计算器的功能,如果要把它做成Web应用程序,那么这个时候运行的是一个什么样效果呢?

假设这是一个网页版的计算器,文本框里面,输一个1另一文本框里面选一个加号,再输一个6,当点等号的时候,这个本地的Web用数据把这个一加六数据发给遥远的服务器,可能服务器在北京,在北京服务器帮计算一下,一加六,结果是七,最后再把这个七响应客户端,然后客户端一看就看到这个七了。

所以说,Web的开发核心就是

要做什么事都不是自己做,都交给服务器来做,Web要做就是向服务器发起不同的请求,服务器就知道要做不同的处理,处理完毕以后把结果再反馈回来。无论是用什么 PHPJSPASP 所有这一切都是web开发。

一个简单的计算器的功能,就像把1加6这个计算发给服务器,服务器算完以后再发给浏览器吗完全没有必要。所以说这个Web应用程序里面,有很多可以写客户端JS脚本,客户端脚本处理一些简单的计算,对于复杂的计算由服务器帮返回结果

 

二、客户端处理响应

服务器响应完毕后,客户端继续处理,其中:

l 浏览器:解析服务器返回的数据

l ios、 Android 客户端解析服务器返回的数据,并且通过 ios 或 Android 的 UI技术实现界面的展示功能

 

三、关于C/S 和B/S

l C/S(Client/Server):客户端服务器

l B/S( Browser/Server ):浏览器服务器 

CS的全称是 client/server 客户端服务器BS的全称是 browser/server 浏览器服务器这是开发软件的两种的架构。

图片1.png

比如QQ或者阿里旺旺等有一个独立的客户端,这样的应用程序架构就把它叫做CS架构它是有独立客户端的,启动QQ,通过QQ客户端连接QQ服务器,然后进行操作,这个叫做有独立客户端的的CS架构。

有些应用程序,它没有客户端,比如打开网页,通过浏览器来打开这个网站的,这个网并没有给开发一个独立的客户端,而通过浏览器来访问他的网页,访问他的邮箱之类的,这种叫做 BS

有独立客户端的,叫做 CS 架构没有独立客户端,通过浏览器来访问的,就叫做BS 架构 CS 也叫客户端服务器,BS也叫浏览器。

那么,要开发一款应用程序的时候,如果你来做这个架构,那么你是会选择BS架构呢,还是会选择 CS 架构

比如说要做12306这个购票网站,或者购票应用程序,你会把它开发成 BS 还是CS思考一下为什么?

BS 的好处就是不需要被每一个用户开发成为客户端,只要把后台网站服务器做好后全世界任何一个角落,只要他有浏览器就能使用。这样开发完毕后部署非常方便。维护也非常方便。当12306需要升级的时候,是要升级服务器,所有用户都能通过浏览器看到该网站的升级。缺点是:用户体验不是很好,可能不是很流畅。

对于普通大众来说,就是使用的BS架构。但对于站点售票大厅里的工作人员来说,使用的就是专门 CS 架构。售票员们和浏览器用户们使用的都是同一套数据库。

但也有可能,售票员们有特殊途径可以留几张票,在浏览器上却看不到的情况。无论怎样,都是使用同一套结构的系统。但售票员的系统是专门用来售票,考虑到方便、快捷、效率等因素,他们的系统有更多的快捷方式,更方便的查询方式,快速出票等,非常稳定和流畅,不会因为使用人数多出现卡顿、崩溃的情况。

所以说,同一套系统,既有BS架构模式,也有CS架构模式,基于用户需求是什么。

手机上的12306客户端,这个也是CS架构。

总结:要开发一款应用程序的时候,到底选择 CS 架构还是 BS 架构,就看用户的需求。BS 的好处是部署、维护方便,缺点是用户体验稍差。

CS 的好处是用户体验好,和服务器连接稳定,缺点是需要为客户独立开发终端,升级也得连客户端一起升级,部署工作量大。

相关文章
|
22天前
|
监控 JavaScript 前端开发
《理解 WebSocket:Java Web 开发的实时通信技术》
【4月更文挑战第4天】WebSocket是Java Web实时通信的关键技术,提供双向持久连接,实现低延迟、高效率的实时交互。适用于聊天应用、在线游戏、数据监控和即时通知。开发涉及服务器端实现、客户端连接及数据协议定义,注意安全、错误处理、性能和兼容性。随着实时应用需求增加,WebSocket在Java Web开发中的地位将更加重要。
|
1月前
|
Web App开发 前端开发 开发工具
介绍Web开发的基础知识
介绍Web开发的基础知识
29 7
|
2天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
8天前
|
JSON Java fastjson
Spring Boot 底层级探索系列 04 - Web 开发(2)
Spring Boot 底层级探索系列 04 - Web 开发(2)
16 0
|
8天前
|
安全 编译器 PHP
PHP 8.1版本发布:引领Web开发新潮流
PHP编程语言一直是Web开发的主力军,而最新发布的PHP 8.1版本则为开发者们带来了更多创新和便利。本文将介绍PHP 8.1版本的主要特性,包括更快的性能、新的语言功能和增强的安全性,以及如何利用这些功能来提升Web应用程序的质量和效率。
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
11天前
|
前端开发 数据挖掘 API
使用Python中的Flask框架进行Web应用开发
【4月更文挑战第15天】在Python的Web开发领域,Flask是一个备受欢迎的轻量级Web框架。它简洁、灵活且易于扩展,使得开发者能够快速地构建出高质量的Web应用。本文将深入探讨Flask框架的核心特性、使用方法以及在实际开发中的应用。
|
20天前
|
安全 前端开发 Java
Java Web开发知识点学习总结
Java Web开发涉及Java基础、Servlet、JSP、数据库操作(SQL+JDBC)、MVC设计模式、Spring框架、Hibernate ORM、Web服务(SOAP&RESTful)、安全认证(HTTP Basic/Digest/OAuth)及性能优化(缓存、异步、负载均衡)。
18 3
|
23天前
|
XML JSON JavaScript
使用JSON和XML:数据交换格式在Java Web开发中的应用
【4月更文挑战第3天】本文比较了JSON和XML在Java Web开发中的应用。JSON是一种轻量级、易读的数据交换格式,适合快速解析和节省空间,常用于API和Web服务。XML则提供更强的灵活性和数据描述能力,适合复杂数据结构。Java有Jackson和Gson等库处理JSON,JAXB和DOM/SAX处理XML。选择格式需根据应用场景和需求。
|
27天前
|
前端开发 JavaScript 数据管理
描述一个使用Python开发Web应用程序的实际项目经验,包括所使用的框架和技术栈。
使用Flask开发Web应用,结合SQLite、Flask-SQLAlchemy进行数据管理,HTML/CSS/JS(Bootstrap和jQuery)构建前端。通过Flask路由处理用户请求,模块化代码提高可维护性。unittest进行测试,开发阶段用内置服务器,生产环境可选WSGI服务器或容器化部署。实现了用户注册登录和数据管理功能,展示Python Web开发的灵活性和效率。
15 4