Adam Freeman's 'Essential Angular for ASP.NET Core MVC'指南：集成开发实战

需积分: 9 12 浏览量更新于2024-07-16 收藏 7.77MB PDF 举报

"《Essential Angular for ASP.NET Core MVC》是Adam Freeman撰写的一本专业书籍，它深入探讨了如何有效地将当今流行的前端框架Angular与Microsoft的后端Web开发平台ASP.NET Core MVC进行集成。这本书是针对那些希望在现代Web开发中融合这两种技术的专业人士，特别是那些对Angular 2.x或更高版本有扎实基础，同时又想扩展到ASP.NET Core MVC领域的开发者。作者Adam Freeman以其丰富的经验和深厚的技术底蕴，通过本书指导读者理解Angular在ASP.NET Core MVC项目中的应用策略，包括但不限于组件化开发、依赖注入、指令、服务、管道以及模块化架构的整合。书中会详细讲解如何利用Angular的特性提高Web应用的性能、用户体验和可维护性，同时确保与ASP.NET Core MVC的高效协作。本书不仅包含理论知识，还包括实践性的示例和教程，让读者能够在实际项目中逐步掌握Angular与ASP.NET Core MVC的无缝对接。读者可以借此书学习如何构建响应式、可测试的Web应用程序，并了解如何处理数据绑定、路由管理、错误处理等方面的最佳实践。此外，本书还涵盖了最新的技术和版本信息，确保读者能够跟上行业发展的步伐。版权信息表明，所有权利均归Adam Freeman所有，强调了知识产权的重要性。对于任何商标名、标志和图像的使用，都遵循了编辑性的尊重和商标所有者的利益。总而言之，《Essential Angular for ASP.NET Core MVC》是一本实用的指南，旨在帮助开发者提升技能，适应现代化Web开发环境，无论你是初级开发者还是经验丰富的专业人士，都能从中获益匪浅。"

Chapter 1 ■ Understanding angUlar and asp.net Core MVC

I have written other books that provide the deep-dive for each framework. If you are unfamiliar with

ASP.NET Core MVC development, then you should read Pro ASP.NET Core MVC before this book. Once

you have mastered the basics of Angular development, then Pro Angular provides a comprehensive tour of

Angular features.

What Do You Need to Know?

Before reading this book, you should have a working knowledge of ASP.NET Core MVC development and

have a good understanding of JavaScript, HTML, and CSS.

Are There Lots of Examples?

There are loads of examples. The best way to learn is by example, and I have packed as many of them as

I can into this book. To maximize the number of examples in this book, I have adopted a simple convention

to avoid listing the same code over and over again.

To help you navigate the project, the caption for each listing includes the name of the file and the folder

in which it can be found, like in Listing 1-1.

Listing 1-1. The Contents of the CheckoutState.cs File in the Models/BindingTargets Folder

namespace SportsStore.Models.BindingTargets {

public class CheckoutState {

public string name { get; set; }

public string address { get; set; }

public string cardNumber { get; set; }

public string cardExpiry { get; set; }

public string cardSecurityCode { get; set; }

}

This is a listing from Chapter 9, and the caption tells you that it refers to a file called CheckoutState.cs,

which can be found in the Models/BindingTargets folder. A project that combines Angular and ASP.NET

Core MVC can have a lot of files, and it is important to change the right one. (Don’t worry about the code in

this listing or the folder structure for the moment.)

When I make changes to a file, I show the altered statements in bold, like in Listing 1-2.

Listing 1-2. Adding Methods in the SessionValuesController.cs File in the Controllers Folder

using Microsoft.AspNetCore.Http;

using Microsoft.AspNetCore.Mvc;

using Newtonsoft.Json;

using SportsStore.Models;

using SportsStore.Models.BindingTargets;

namespace SportsStore.Controllers {

[Route("/api/session")]

public class SessionValuesController : Controller {

Chapter 1 ■ Understanding angUlar and asp.net Core MVC

This is the convention that I follow to highlight changes to a region within a file, such as when new

statements are required in a single method in a long file, like in Listing 1-4.

Listing 1-4. Configuring the JSON Serializer in the Startup.cs File in the SportsStore Folder

...

public void ConfigureServices(IServiceCollection services) {

services.AddDbContext<DataContext>(options =>

options.UseSqlServer(Configuration

["Data:Products:ConnectionString"]));

services.AddMvc().AddJsonOptions(opts => {

opts.SerializerSettings.ReferenceLoopHandling

= ReferenceLoopHandling.Serialize;

opts.SerializerSettings.NullValueHandling = NullValueHandling.Ignore;

});

}

...

This is a listing from Chapter 5 that requires a new statement in the ConfigureServices method of the

Startup class, which is defined in the Startup.cs file in the SportsStore folder, while the rest of the file

remains unchanged.

Where Can You Get the Example Code?

You can download the example projects for all the chapters in this book from https://github.com/apress/

esntl-angular-for-asp.net-core-mvc. The download is available without charge and includes all the

supporting resources that are required to re-create the examples without having to type them in. You don’t

have to download the code, but it is the easiest way of experimenting with the examples and makes it easy

to copy and paste code into your own projects.

Where Can You Get Corrections for This Book?

You can find corrections for this book in the Errata file in the GitHub repository for this book

(https://github.com/apress/esntl-angular-for-asp.net-core-mvc).

Contacting the Author

If you have problems making the examples in this chapter work or if you find a problem in the book, then

you can e-mail me at adam@adam-freeman.com, and I will try my best to help. Please check the errata for this

book at https://github.com/apress/esntl-angular-for-asp.net-core-mvc to see if it contains a solution

to your problem before contacting me.

Summary

In this chapter, I described the purpose and content of this book, explained how you can download the

project used for each chapter of the book, and described the conventions I use in the code listings.

In the next chapter, I show you how to set up your development environment in preparation for creating a

combined Angular and ASP.NET Core MVC project in Chapter 3.

A. Freeman, Essential Angular for ASP.NET Core MVC, DOI 10.1007/978-1-4842-2916-3_2

CHAPTER 2

Getting Ready

In this chapter, I explain how to set up the tools and packages required for Angular and ASP.NET Core MVC

development. There are instructions for Windows, Linux, and macOS, which are the three operating systems

that can be used for .NET Core projects. For quick reference, Table2-1 lists the packages and explains their

purpose. Follow the instructions for your preferred operating system to install the tools that are required for

the rest of this book.

Getting Ready on Windows

The following sections describe the setup required for Windows. All the tools used are available for free,

although some are offered in commercial versions with additional features (but these are not needed for the

examples in this book). If you are using Windows, you can use Visual Studio, which is the traditional IDE for

.NET projects, or Visual Studio Code, which offers a lighter-weight alternative.

Table 2-1. The Software Packages Used in This Book

Name Description

Visual Studio Visual Studio is the Windows-only IDE that provides the full-featured development

experience for .NET.

Visual Studio Code Visual Studio Code is a lightweight IDE that can be used on Windows, macOS,

and Linux. It doesn’t provide the full range of features of the Windows-only Visual

Studio product but is well-suited to Angular and ASP.NET Core MVC development.

.NET SDK The .NET Core Software Development Kit includes the .NET runtime for

executing .NET applications and the development tools required to build and test

applications.

Node.js Node.js is used for many client-side development tools, delivered through its

package manager, NPM. It is used to prepare the Angular code for the browser.

Git Git is a revision control system. It is used by some of the NPM packages commonly

used for client-side development.

Docker The Docker package includes the tools required to run applications in containers.

The databases in this book are run inside Docker containers, which makes them

easy to install and manage.

Chapter 2 ■ GettinG ready

Installing .NET Core

The .NET Core Software Development Kit (SDK) includes the runtime and development tools needed to

start the development project and perform database operations. To install the .NET Core SDK on Windows,

download the installer from https://download.microsoft.com/download/B/9/F/B9F1AF57-C14A-4670-

9973-CDF47209B5BF/dotnet-dev-win-x64.1.0.4.exe. This URL is for the 64-bit .NET Core SDK, which is

the version that I use throughout this book and which you should install to ensure that you get the expected

results from the examples. Rather than type in a complex URL, you can to go to https://www.microsoft.

com/net/download/core and select the 64-bit installer for the .NET Core SDK. (Microsoft also publishes a

runtime-only installer, but this does not contain the tools that are required for this book.)

Run the installer. Once the install process is complete, open a new PowerShell command prompt and

run the command shown in Listing 2-1 to check that .NET Core is working.

Listing 2-1. Testing .NET Core

dotnet --version

The output from this command will display the latest version of the .NET Core runtime that is installed.

If you have installed only the version specified, this will be 1.0.4.

Installing Node.js

Node.js is a runtime for server-side JavaScript applications and has become a popular platform for

development tools. In this book, Node.js is used by the Angular build tools to compile and prepare the code

that ASP.NET Core MVC will send to the browser.

It is important that you download the same version of Node.js that I use throughout this book. Although

Node.js is relatively stable, there are still breaking API changes from time to time, and they may stop the

examples from working. To install Node.js, download and run the installer from https://nodejs.org/dist/

v6.10.3/node-v6.10.3-x64.msi. This is the installer for version 6.10.3. You may prefer more recent releases

for your projects, but you should stick with the 6.10.3 release for the rest of this book. Run the installer and

ensure that the npm package manager and Add to PATH options are selected, as shown in Figure2-1.

剩余306页未读，继续阅读

barryani

粉丝: 0
资源: 3

Adam Freeman's 'Essential Angular for ASP.NET Core MVC'指南：集成开发实战

《Essential Angular for ASP.NET Core MVC》：Adam Freeman 指南

Adam Freeman的《Essential Angular for ASP.NET Core MVC 2017》：深度指南

Adam Freeman's Pro ASP.NET Core MVC 2: A Practical Guide (2017) – Core MVC, Razor, and Unit Testing

[精通ASP.NET.MVC.5框架(第五版)].Apress.Pro.Asp.Dot.NET.MVC.5.5th.edition.zip

Manning.ASP.NET.MVC2.in.Action 和Apress.Pro.ASP.NET.MVC.2.Framework.2nd.Edition.Jun.2010

《Apress.Pro.ASP.NET.MVC.3.Framework》PDF版

Apress.Pro.ASP.NET.MVC.4.Framework

Apress.Pro.ASP.NET.MVC.2.Framework

Apress.Mobile.ASP.NET.MVC.5.Nov.2013

使用最新框架ASP.NET Core MVC2构建云应用

最新资源