目录
参考网址:C#/.Net 6 WebAPI 零基础到项目实战(容器化/VUE3/SqlServer/MySQL/HTML/CSS/JS)_哔哩哔哩_bilibili
1.NET6框架的优势及环境安装
使用iis时,需要安装hosting;VS code需安装插件:c#,NuGet Package Manager GUI,solution(webapi项目)
2.ASP.NET6的启动流程和对比
创建WebAPI项目:在解决方案中右键Add new project,选择为MVC
Program.cs解释
项目结构
bin,项目编译后生成的文件:在解决方案中右键进行build
obj,中间文件,项目的配置项
Properties,启动项
wwwroot,根目录,存储静态文件
HomeController.cs解释
转到方法对应的位置快捷键:Alt+O
忽略文件操作
文件>首选项>设置>工作区
注意,删掉以下网址
默认启动项页面为Home>Index.cshtml
4.WebAPI的理解以及与MVC的比较
Web API
不包含视图,只包含控制器;本质就是一个网址,返回我们需要的数据。
ASP.NET Core支持使用C#创建RESTful服务,也称为Web API。
RESTful服务是一种通过URI实现对资源的管理及访问的架构
项目结构
WeatherForecastController.cs天气预报转到WeatherForecast.cs模型里面
5.路由规则及自动匹配
展示网址数据
启动项目之后,网址后面加WeatherForecast,或者后面加swagger
路由匹配方法
方法二
6.路由规则和路由参数
设置必传参数时
传两个参数:{i}-{name}
伪静态:传参的数值是动态改变的
7.Vue3基础与后端跨域请求
ApiControllerAttribute特性
类外面可省略,类里面不能省略Attribute
添加MVC文件夹
添加models文件夹,将WeatherForecast仪进去
添加Views文件夹,添加HTML文件
vue3 CDN
节点缓存,存有当前的一份数据缓存
<script src="https://unpkg.com/vue@next"></script>
ref,响应式变量
后端交互
axios
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
跨域问题
在Program文件中添加
builder.Services.AddCors(c=>c.AddPolicy("any",p=>p.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin()));
在Controllers文件中添加
8.ApiController数据源推断与post
Post请求
将Post封装
需引入:using Demo.API.Models;
创建新class
9.ApiController特性规范和数据验证
注意:
作用:强行检测是否有[Route];数据验证
10.最标准的RESTful风格API
Put
API
不需要返回值
webAPI请求过程
serialize,序列化