【翻译】使用Visual Studio创建Asp.Net Core MVC (一)

简介: This tutorial will teach you the basics of building an ASP.NET Core MVC web app using Visual Studio 2015. 在这个范例里,我们将使用Visual Studio 2015创建基本的Asp.Net Core MVC网站。

This tutorial will teach you the basics of building an ASP.NET Core MVC web app using Visual Studio 2015.

在这个范例里,我们将使用Visual Studio 2015创建基本的Asp.Net Core MVC网站。

安装Visual Studio和.Net Core

创建一个Web应用

From the Visual Studio Start page, tap New Project.

在Visual Studio 起始页面,点击New Project

new_project.png

Alternatively, you can use the menus to create a new project. Tap File > New > Project.

你也可以通过菜单创建新项目。点击File > New Project

img_300bb51e7ae7feaa3ce57e22eb787875.png

Complete the New Project dialog:

在New Project对话框完成以下操作:

  • In the left pane, tap .NET Core
  • 在左侧面板,选择.Net Core
  • In the center pane, tap ASP.NET Core Web Application (.NET Core)
  • 在中间面板,选择Asp.Net Core web Application(.Net Core)
  • Name the project "MvcMovie" (It's important to name the project "MvcMovie" so when you copy code, the namespace will match.)
  • 项目取名:MvcMove(当你复制代码时,这个项目名称很重要,它跟命名空间相匹配)
  • Tap OK
  • 点击OK

img_6551edc90d7fcf7cf0bee7ff05d95436.png

Complete the New ASP.NET Core Web Application - MvcMovie dialog:

在New Asp.Net Core Web Application –MvcMovie对话框完成以下操作:

  • Tap Web Application
  • 点击Web Application
  • Clear Host in the cloud
  • 不勾选Host in the cloud
  • Tap OK.
  • 点击OK

img_c49854c0a147996708fcf485b2036a77.png

Visual Studio used a default template for the MVC project you just created, so you have a working app right now by entering a project name and selecting a few options. This is a simple "Hello World!" project, and it's a good place to start,Tap F5 to run the app in debug mode or Ctrl-F5 in non-debug mode.

Visual Studio会根据默认模板创建MVC项目,你只要输入一个项目名和选择几个选项就能创建。这是一个Hello World的项目,一个好的开始!点击F5debug模式应用或者Ctrl+F5非Debug模式运行。

img_d09d4461c221fcaec8f20b07eb47ffe2.png

  • Visual Studio starts IIS Express and runs your app. Notice that the address bar shows localhost:port# and not something like example.com. That's because localhost always points to your own local computer, which in this case is running the app you just created. When Visual Studio creates a web project, a random port is used for the web server. In the image above, the port number is 1234. When you run the app, you'll see a different port number.
  • Visual Studio将开启IIS Express运行你的应用。注意浏览器地址栏显示的是localhost:端口号而不是example.com,这是因为这种情况下运行刚创建的应用,localhost总是指向自己的电脑。当Visual Studio创建了一个web项目后,它将为web服务器随机一个端口号。以下图片上,显示的是1234端口,当你自己运行的时候,你看到的将是一个不同的端口号。
  • Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Many developers prefer to use non-debug mode to quickly launch the app and view changes.
  • 使用Ctrl+F5(非Debug模式)运行应用,允许你在更改代码,保存文件后,使用刷新页面就能看到你的改变。许多开发者都喜欢用non-debug模式快速运行应用和查看更改。
  • You can launch the app in debug or non-debug mode from the Debug menu item:
  • 你可以通过Debug菜单运行Debug和non-debug模式:

img_b251d63562fd0e39c3cb4b7083c06edb.png

  • You can debug the app by tapping the IIS Express button
  • 你也可以点击IIS Express按钮运行Debug模式

img_bc1376975bd694aee280a6875a873433.png

The default template gives you working Home, About and Contact links. The browser image above doesn't show these links. Depending on the size of your browser, you might need to click the navigation icon to show them.

默认模板有HOME,About和Contact三个链接。下图因为浏览器问题你看不到这几个链接,你可以通过点击导航图标显示。

img_61b569cfba765a677588f2e8e56848d0.png

If you were running in debug mode, tap Shift-F5 to stop debugging.

如果你运行在Debug模式下,Shift+F5停止Debug。

In the next part of this tutorial, we'll learn about MVC and start writing some code.

在这个范例的下一章节,我们将如何编写MVC代码。

原文链接

https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/first-mvc-app/start-mvc

相关文章
|
2月前
|
存储 JSON 开发工具
Visual Studio编程效率提升技巧集(提高.NET编程效率)
Visual Studio编程效率提升技巧集(提高.NET编程效率)
Visual Studio编程效率提升技巧集(提高.NET编程效率)
|
2月前
|
存储 运维
使用Visual Studio分析.NET Dump
使用Visual Studio分析.NET Dump
|
14天前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
21 7
|
12天前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
29 0
|
28天前
|
网络安全 C++
【Azure Developer】Visual Studio 2019中如何修改.Net Core应用通过IIS Express Host的应用端口(SSL/非SSL)
【Azure Developer】Visual Studio 2019中如何修改.Net Core应用通过IIS Express Host的应用端口(SSL/非SSL)
|
1月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
31 0
|
1月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
1月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
79 0
|
4月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
64 0
|
4月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
260 5