.NET Core WebApi第2讲:前后端分离,Restful

动态页面:数据流动 / Web服务器 / Ajax / 前后端分离 / restful风格·源栈课堂·一起帮https://17bang.ren/Code/261

一、Ajax:页面可以局部刷新

1、PPT演示:使用Ajax也无法减小带宽耗用

请求第一个页面,用AJAX从服务器端加载了一个页头。

请求第二个页面,也要用AJAX从服务器端加载一个页头,仍然要走一次服务器端(用互联网进行传输),无法减小带宽。

二、前后端分离:后端只负责提供数据

1、前后端分离出现的思路

(1)从上述一、1、可知:使用Ajax无法减小带宽耗用。

(2)解决办法:整个网站不再由多个页面组成,而就是一个页面,这个页面就是一个空的框架。每次响应都通过AJAX从后端获取对应的HTNL片段。

1>然后从服务器端,通过AJAX去取到相应的HTML片段。

2>换一个页面:不再是从服务器端重新的去取整个HTML,只需要用新的HTML片段来代替原来的HTML内容。【即每次从服务器请求,只请求更新的HTML片段】

(3)前后端分离:后端给一个HTML片段都多余了------后端只需要提供数据,在前端通过javascript自动的生成页面。

只用前端生成页面,从服务器传的就是一些格式化的数据(比如JSON/XML)。

2、前后端分离的核心

后端就提供格式化的数据(比如JSON/XML),前端只要服务器传送数据(非HTML格式,即JSON/XML格式),然后根据数据自行"组装"生成HTML页。

3、利弊分析

SEO问题:由于完整的HTML页面需要在客户端动态拼接完成,所以爬虫可能无法爬取页面的有效信息。

三、RESTfuI(Representational State Transfer,表现层状态转化)

1、RESTfuI的提出是为了解决Web服务接口设计中的复杂性和低效率问题。

2、RESTfuI API的设计遵循

三、前后端分离利器:ASP.NET core WebApi

1、学习WebApi之前应掌握的知识

相关推荐
WikeSoft4 天前
.net core workflow流程定义
.net·.net core·workflow·流程引擎·工作流
江沉晚呤时8 天前
深入了解 OpenIddict:实现 OAuth 2.0 和 OpenID Connect 协议的 .NET 库
后端·c#·.net·.net core
宝桥南山1 个月前
Model Context Protocol (MCP) - 尝试创建和测试一下MCP Server
microsoft·ai·微软·c#·.net·.net core
代码拾光1 个月前
面试官:如果某个业务量突然提升100倍QPS你会怎么做?
.net core·架构设计
WikeSoft1 个月前
1.net core 工作流WorkFlow流程(介绍)
.net·.net core·workflow·流程引擎
hez20101 个月前
用 .NET NativeAOT 构建完全 distroless 的静态链接应用
c#·.net·aot·.net core·native
EdisonZhou1 个月前
使用MCP C# SDK开发MCP Server + Client
llm·aigc·asp.net core·.net core
黑贝是条狗1 个月前
对.net 的改变
.net core
小吴同学·2 个月前
NET6 WebApi第5讲:中间件(源码理解,俄罗斯套娃怎么来的?);Web 服务器 (Nginx / IIS / Kestrel)、WSL、SSL/TSL
中间件·c#·.net·.netcore·.net core
坐望云起2 个月前
ASP.NET Web的 Razor Pages应用,配置热重载,解决.NET Core MVC 页面在更改后不刷新
前端·后端·asp.net·mvc·.net core·razor pages