糊涂点好 发表于 2024-11-30 23:35:54

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,语法大同小异。


 演示:

 

来源:https://www.cnblogs.com/insus/p/18578720
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: C# mvc +vue+ axios+ api + javascript