一、简介

通俗的理解,Angular 只是一个前端框架,它只负责前端的事,但一个完整的项目还应该有后端,这其中之一可选的技术就是 asp.net core 。这里简单学习一下两个框架之间的协同开发。

对于现有的轮子,visual studio 已经可以直接创建带有 Angular 模板的 asp.net core 应用。详细教程可以直接翻微软的官方文档,很详细。

创建了带有 angular 模板的 asp.net core 应用之后,前后端的代码都可以在同一个项目下维护,更可以协同调试,以下是创建之后的工程目录。

工程目录

常规上讲,asp.net core 应用遵循 MVC 模式,在创建的模板中,Angular 项目代替了原来 Veiw 部分,也就是说带 angular 应用的 asp.net core 项目仍然还是遵循MVC模式。

根据我阅读文档所得的结论,在这个工程下面我们只需要写 Model 以及 controller 即可,model 好理解,不就是我们从数据库中拿数据之后称放容器的模具嘛。那 controller 是什么?官方文档中说它是处理业务逻辑的东西,那么问题来了,我们要如何调用呢?去哪里调用呢?

二、控制器的调用逻辑

这里需要事先声明,一个请求(Get),即是用户在浏览器输入地址按下回车的时候。

对于一个项目来说,它里面的控制器调用遵循一个路由逻辑。即

/[Controller]/[ActionName]/[Parameters]

举个例子,我这里有个控制器,代码如下

using Microsoft.AspNetCore.Mvc;
using System.Text.Encodings.Web; namespace MvcMovie.Controllers
{
[ApiController]
[Route("[controller]")]
public class HelloWorldController : Controller
{
//
// GET: /HelloWorld/
// 路由走到http://localhost:4200/HelloWorld/ 就会默认调用它,也可能他是第一个缘故
[HttpGet]
public string Index()
{
return "This is my default action...";
} //
// GET: /HelloWorld/Welcome/
[HttpGet]
public string Welcome()
{
return "This is the Welcome action method...";
}
}
}

譬如这里我们的网页运行在 [http://localhost:4200](http://localhost:4200) ,那么如果我这个时候在地址栏输入

http://localhost:4200/HelloWorld/Index
# or
http://localhost:4200/HelloWorld/Welcome

就能够调用这个控制器下的两个方法,这个调用逻辑遵循上面讲述的路由规则,即

/[Controller]/[ActionName]?[Parameters]

所以可以推断出,控制器实际上指的是后端对于页面上所有组件的各种应对逻辑。


三、项目当中的 MVC 结构

对于一个完整的 asp.net core 项目来说,是一个完整的 MVC 结构,项目内的 Angular 工程充当 Veiw ,而微软自带的程序集提供 ControllerModel 支持。当然也可以创建只含有后端的项目,这种项目一般称为 Web API 。其结构也遵循 MVC,只不过缺少了 Veiw

打包之后,Veiw 部分会被编译成静态文件存于生成路径,以供编译生成执行文件调用。

Angular + asp.net core 入门的更多相关文章

  1. CentOS开发ASP.NET Core入门教程

    作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9891346.html 因为之前一直没怎么玩过CentOS,大多数时间都是使用Win10进行开发,然后程序 ...

  2. ASP.NET Core 入门教程 10、ASP.NET Core 日志记录(NLog)入门

    一.前言 1.本教程主要内容 ASP.NET Core + 内置日志组件记录控制台日志 ASP.NET Core + NLog 按天记录本地日志 ASP.NET Core + NLog 将日志按自定义 ...

  3. ASP.NET Core入门(一)

    大家好,很荣幸您点了开此篇文章,和我一起来学习ASP.NET Core,此篇文字为<ASP.NET Core入门>系列中的第一篇,本系列将以一个博客系统为例,从第一行代码,到系统发布上线( ...

  4. 【翻译】ASP.NET Core 入门

    ASP.NET Core 入门 原文地址:Introduction to ASP.NET Core         译文地址:asp.net core 简介           翻译:ganqiyin ...

  5. ASP.NET CORE 入门教程(附源码)

    ASP.NET CORE 入门教程 第一课 基本概念 基本概念 Asp.Net Core Mvc是.NET Core平台下的一种Web应用开发框架 符合Web应用特点 .NET Core跨平台解决方案 ...

  6. Angular 5和ASP.NET Core入门

    我希望你们都知道Angular 5已经发布了.在本文中,我们将看到如何使用Angular5TemplateCore开始使用Angular 5和ASP.NET Core. 使用Angular5Templ ...

  7. Asp.net Core 入门实战

    Asp.Net Core 是开源,跨平台,模块化,快速而简单的Web框架. Asp.net Core官网的一个合集,方便一次性Clone 目录 快速入门 安装 一个最小的应用 项目模板 路由 静态文件 ...

  8. 转载: ASP.NET Core入门系列文章

    今天在网上发现了ithome上的asp.net core 系列文章,对于新手入门还不错,这里转载一下,也方便查阅. [Day01] 從頭開始 [Day02] 程式生命週期 (Application L ...

  9. C# & ASP.NET Core 入门官方资料汇总

    借助给公司实习生培训事宜,整理了一些微软官方的适合新同学入门的资料,这里分享一下: 工具: Visual Studio 2017 Community 版本下载地址:https://www.visual ...

随机推荐

  1. HOW2J 全套教程整理:Java、前端、数据库、中间件、第三方、项目、面试题

    考虑到部分同学寝室会断网,原站的所有的免费内容都提供了一个离线版本以供使用.但是它直接提供了静态页面,并不方便在手机上阅读,因为我将其转换为 EPUB. 目录 HOW2J J2EE 教程.epub H ...

  2. VMware网络连接模式(桥接、NAT以及仅主机模式的详细介绍和区别)

    VMware 桥接模式 VMware桥接模式,也就是将虚拟机的虚拟网络适配器与主机的物理网络适配器进行交接,虚拟机中的虚拟网络适配器可通过主机中的物理网络适配器直接访问到外部网络(例如图中所示的局域网 ...

  3. IDE中集成widfly

    第一步:添加JBOss服务器,Tomcat同理添加 第二步:选择刚刚部署好的服务器 第三步:启动服务: 注意:与Tomcat略有不同的是,启动的根目录可能不相同,导致一直404 查看启动的根目录: 注 ...

  4. 基于java处理.docx格式的word合并

    如下实例是将 2.docx和3.docx合并,写到empty.docx中,不适用于.doc格式,public static void main(String[] args) { File file1 ...

  5. python基础语法_10错误与异常

    Python有两种错误很容易辨认:语法错误和异常. 语法错误 Python 的语法错误或者称之为解析错,是初学者经常碰到的,如下实例 异常 即便Python程序的语法是正确的,在运行它的时候,也有可能 ...

  6. HDFS源码解析系列一——HDFS通信协议

    通信架构 首先,看下hdfs的交互图: 可以看到通信方面是有几个角色的:客户端(client).NameNode.SecondaryNamenode.DataNode;其中SecondaryNamen ...

  7. Kubernetes:健康检查

    Blog:博客园 个人 应用在运行过程中难免会出现错误,如程序异常.软件异常.硬件故障.网络故障等.因此,系统通过一些手段来判断应用是否运行正常,这些手段称之为健康检查(诊断). 前置知识 回顾一下P ...

  8. Solution -「CF 1375G」Tree Modification

    \(\mathcal{Description}\)   Link.   给定一棵 \(n\) 个结点的树,每次操作选择三个结点 \(a,b,c\),满足 \((a,b),(b,c)\in E\),并令 ...

  9. JUC之Java中的阻塞队列及其实现原理

    在文章线程池实现原理 - 池塘里洗澡的鸭子 - 博客园 (cnblogs.com)中介绍了线程池的组成部分,其中一个组成部分就是阻塞队列.那么JAVA中的阻塞队列如何实现的呢? 阻塞队列,关键字是阻塞 ...

  10. 利用信号量semaphore实现两个进程读写同步 Linux C

    这篇帖子主要是记录一下自己使用信号量遇到的坑. 首先是需求:创建两个进程A,B.A往buffer中写,B读.两个进程利用命名管道进行通信,并实现读写同步.即A写完后通知B读,B读完后通知A写. 如果A ...