C# mvc +vue+ axios+ api + javascript

一整天,分享了几条随笔,

C# mvc +axios + web api + javascript https://www.cnblogs.com/insus/p/18577591

asp.net mvc视图传递数据至另一页的视图 https://www.cnblogs.com/insus/p/18578261

C# mvc +angular+ $http+ web api + javascript https://www.cnblogs.com/insus/p/18578361

分别使用mvc, angular和axios, $http去呼叫web api来进行对数据库添加,编辑,更新,删除功能。

现在这篇,Insus.NET使用vue.js实现上面提及的功能。

 TargetDataEntity.cs 参考前几篇的写法,修改类名,字段名,方法与函数等...

 

Web API,也需要参考前几篇,

 

vue.js for html,参考如下,截图有标注,以及截图有说明。

 

 

 

#1,#2,#3引入js文档。

Arrow A为vue.js重要设置,理解为应用场节点。
Arrow B& C为绑定model。
Arrow D 为vue.js 的事件v-on:click。

下面代码,即是#3的js文档

 
显示添加后,所有数据产生列表,页面html代码如下截图,

 

其对应的js文档,

 

记录详细,它从传递过参数处理一下,再绑定到html页面上

 

上面截图,其js code,

 

其实,不管是$http,axios,ajax还是fetch,语法大同小异。

 演示:

 

posted @   Insus.NET  阅读(79)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
点击右上角即可分享
微信分享提示