使用AngularJS学习MVC的基础知识分享

我不是女神ヾ 2021-12-17 08:07 237阅读 0赞

如果您希望提升Web应用程序的服务器端或客户端，请继续阅读以了解如何在Angular中使用MVC。

介绍

[我以为我会分享我的经验与微软ASP.NET][ASP.NET] MVC和AngularJS。本文将对“MVC with AngularJS”初学者更有帮助。

哪种技术最好？  
我们为什么要使用MVC？  
我们为什么要使用AngularJS？  
为什么我们应该在MVC中使用AngularJS？  
如何在MVC中配置AngularJS？

哪种技术最好？

如今，世界上有很多新技术，因此可能会出现一些混淆，哪些是可以选择的，哪一种是构建我们的应用程序的最佳技术。

建议

大多数时候，程序员将在MVC中构建他们的应用程序，因为MVC（模型 - 视图 - 控制器）是松散耦合的，我们可以重用模式的结构。

带有WEB [API的ASP.NET][API_ASP.NET] MVC最适合服务器端技术。我们可以为其他通信设备（移动设备，iPad等）重复使用相同的服务，并且Web API将分别托管在IIS中。它会增加服务器的性能。

Angular JS最适合客户端。我们可以使用快速开发，对数据绑定非常有用，因为它使用RESTful协议。

我们为什么要使用MVC？

[ASP.NET][ASP.NET 1] MVC为您提供了一种强大且基于模式的方式来构建动态网站，使您可以完全控制标记以获得愉快的开发体验。

模型 - 视图 - 控制器（MVC）体系结构模式将应用程序分为三个主要组件。

模型

模型通常用于业务对象。它将直接管理数据，逻辑和应用程序的规则。

视图

这是一个用户界面，它显示了操作的输出。

调节器

控制器是应用程序的核心。它接受输入并将其转换为模型或视图的命令。

[ASP.NET][ASP.NET 1] MVC的功能

Web API支持RESTful构建的MVC框架。  
我们可以使用NuGet来安装jQuery，AngularJS等。  
我们可以将异步操作方法编写为单一方法，它返回任务的一个对象。  
路由模块负责映射特定的控制器动作。

我们为什么要使用AngularJS？

AngularJS是一种开源的脚本语言。它将基于Model-View-Controller模式和最新的客户端JavaScript进行工作。

数据绑定的最大优点之一是，只要模型发生变化，它就会自动更改视图的值，并在视图更改时更新模型。这被称为双向绑定。

AngularJS的特点

双向数据绑定。  
使用和支持MVC设计模式。  
支持路由，就像单个页面应用程序一样。  
支持RESTful服务。  
依赖注入。

我们为什么要在MVC中使用AngularJS？

[ASP.NET][ASP.NET 1] MVC和AngularJS都兼容MVC模式，并且有许多项目可以在一起使用。这很好，因为您的MVC服务器端代码为Angular客户端调用提供了JSON结果。

另外，您可以使用MVC控制器来控制应用程序中的HTML视图或剃刀视图。这为您提供授权，重定向，错误处理等功能。

如何在MVC中配置Angular JS

打开Visual Studio 2015并单击=> File => New => [ASP.NET][ASP.NET 1] Web Application。

现在，它会显示下面给出的屏幕。选择项目类型=>选择Web API项目。

现在，打开一个项目解决方案，如下所示。

右键单击上述项目并选择管理NuGet包。

点击浏览标签并搜索AngularJS。

我们必须下载AngularJS，AngularJS.Core和AngularJS.Route文件。

下载完成后，这些文件路径将显示在输出窗口中。

添加新文件夹并创建新的JavaScript文件为Ng.Module.js。

打开\_layout.cshtml页面，并给ng-app的名称是“Test”。

再创建一个JavaScript文件来创建一个Angular控制器。[  
][Link 1]

打开Index.cshtml页面并编写ng-controller的代码，如下所示。

\{ \{Testname\}\}

\{ \{Test\}\}

\{ \{happy\}\}

Link the AngularJS files in \_layout.cshtml page

现在，运行（F5）应用程序。它会在浏览器中显示结果。

转载出处：http://www.iis7.com/c/90/

转载于:https://www.cnblogs.com/ngnntds03/p/10635774.html

[ASP.NET]: http://xn--asp-b38dxh4yum9nf1t6k2b3qfcad4044e48zaxu9c1qyb.net/
[API_ASP.NET]: http://xn--apiasp-rw6o.net/
[ASP.NET 1]: http://asp.net/
[Link 1]: http://www.iis7.com/b/ssyqdq/

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 C语言基础知识分享

![c39a35359dbcfb433a8e2879efdd8e9f.jpeg][] [c语言入门][c]基础知识有：c语言的命名，变量及赋值，基本的数据类型，格式化输出语句

灰太狼/ 2024年03月25日 20:55/ 0 赞/ 36 阅读

相关 Web前端开发基础三剑客学习知识分享

Web前端开发基础知识学习路线分享，前端开发入门学习三大基础：HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架，熟

╰+攻爆jí腚メ/ 2022年12月31日 04:28/ 0 赞/ 159 阅读

相关 AngularJS基础知识总结

什么是 AngularJS？ AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。 An

港控/mmm°/ 2022年07月14日 06:24/ 0 赞/ 120 阅读

相关 AngularJS(一)——认识AngularJS之MVC架构

AngularJS(一)——认识AngularJS之MVC架构 MVC及AngularJS M(Module)： `Module`在AngularJS中

川长思鸟来/ 2022年06月17日 03:58/ 0 赞/ 170 阅读

相关 MVC基础知识

1.[MVC][]全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写 2.Model（模型）是应用

红太狼/ 2022年06月13日 10:50/ 0 赞/ 280 阅读

相关 MVC基础知识（二）

扩展： 1、? 和 ?? C\语法中一个个问号(?)的运算符是指：可以为 null 的类型。 MSDN上面的解释：在处理数据库和其他包含不可赋值的元素

ゝ一世哀愁。/ 2022年05月21日 12:48/ 0 赞/ 157 阅读

相关 MVC基础知识

![这里写图片描述][70] \\\MVC模式术语“模型-视图-控制器”，MVC前置关注分离（Separation of Concerns）域模型和控制器逻辑与UI

朱雀/ 2022年05月21日 06:05/ 0 赞/ 180 阅读

相关网站组成部分基础知识分享

一、网站组成部分 1、域名 2、空间（虚拟主机） 3、程序（一）网站空间网站的组成其实是一个很简单的过程，我们要做成一个网站，那必须要有一个地方来存储我们的的网站数据

柔情只为你懂/ 2021年12月17日 08:09/ 0 赞/ 319 阅读

相关使用AngularJS学习MVC的基础知识分享

如果您希望提升Web应用程序的服务器端或客户端，请继续阅读以了解如何在Angular中使用MVC。介绍 [我以为我会分享我的经验与微软ASP.NET][ASP.NET]

我不是女神ヾ/ 2021年12月17日 08:07/ 0 赞/ 238 阅读

相关 angularjs基础知识

js中的函数，判断这个函数是构造函数还是自调用的函数，只需要看this指向。如果this指向的是window,那肯定是自调用，如果this的实例是这个函数，那就是构造函数。

小灰灰/ 2021年09月30日 05:24/ 0 赞/ 201 阅读