从零开始构建一个的asp.net Core 项目
最近突发奇想，想从零开始构建一个Core的MVC项目，于是开始了构建过程。
首先我们添加一个空的CORE下的MVC项目，创建完成之后我们运行一下（Ctrl +F5）。我们会在页面上看到“Hello World!”。
既然是从零开始构建的项目，我们需要搞明白这个“Hello World!”是从哪里出现的？ 点开我们的项目，我们会看到VS为我们生成了两个类，一个是Program.cs 和startup.cs，和一个空文件夹（wwwroot），除此之外VS在也没有为我们多生成了任何东西。
我们首先从这两个类开始分析，program.cs这个类是不是和console application的program.cs 有点像呢。我们点进去看一下
public class Program
{
public static void Main(string[] args)
{
var host = new WebHostBuilder()
.UseKestrel()
.UseContentRoot(Directory.GetCurrentDirectory())
.UseIISIntegration()
.UseStartup<Startup>()
.UseApplicationInsights()
.Build(); host.Run();
}
}
Program
我们看到有一个这里边就有一个主函数，这里就是主程序的入口。开发过winfrom的人，应该心里都有印象了吧，在winfrom的开发过程中，我们的项目也有一个这样的类，只不过里边最后一行写的是Application.run()，这里是host.run()，这样程序就启动了。我们也看到了 .UseStartup<Startup>()这么一行代码，这里就是用的startup.cs的那个类。
我们打开startup.cs 这个类
public class Startup
{ public void ConfigureServices(IServiceCollection services)
{
} public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
loggerFactory.AddConsole(); if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
} app.Run(async (context) =>
{
await context.Response.WriteAsync("Hello World!");
});
}
}
在这里我找到了"Hello World！"的来源了。
于是我又想能不能让它显示一个界面，就像我们生成的MVC项目那样,有个home的界面。
想实现那个效果我们一步一来。 首先我们的每一个View在conroll中对应一个action，这样我们才可以访问到我们的View ，当然在startup.cs中我们需要进行配置相应的服务，进行依赖注入。
那我先建了一个Views文件夹，和Controllers文件夹。在Views文件夹中添加两个界面，一个是_ViewStrart.cshtml 和_ViewImports.cshtml从名字中可以看出他们对应得功能。一个是整个View的起点，另一个是整个view里边添加的引用。
在Views文件夹下创建Share文件夹，共享的文件夹。就是每个View都用的。相当于母版页吧。
这里为了和VS生成的MVC项目一样我在Share文件下添加了一个_Layout.cshtml 文件（名称可以随便起）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewData["Title"] - WebApplication1</title>
<link href="~/site.css" rel="stylesheet" />
<link href="~/bootstrap.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">Test_NULL</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
<li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
<li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container body-content">
@RenderBody()
<hr />
<footer>
<p>© 2017 - WebApplication1</p>
</footer>
</div>
</body>
</html>
<script src="~/jquery.js"></script>
<script src="~/bootstrap.js"></script>
_Layout.cshtml
我在里边引用了Bootstrap.css和BootStrap.js ，juery.js 和site.css
这是site.css,其余三个都可以在相应的网站上下载。这几个文件都在wwwroot文件下的根目录中（这里为了简化）
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
max-width: 280px;
}
/* Carousel */
.carousel-caption p {
font-size: 20px;
line-height: 1.4;
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
width: 100%;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
/* Hide captions */
.carousel-caption {
display: none;
}
}
.myTextArea {
width: 100% !important;
}
site.css
由于我使用了Razor语法和taghelper标签，所以我们在这里需要添加相应的引用。
打开nuget包管理器找到下边这两个包，点击安装就可以了，当然了也可以打开*.csproj文件进行编辑
打开_ViewStrart.cshtml在里边添加，这里说明一下，Layout = "~/Views/Shared/_Layout.cshtml";表示的是默认情况下所有VIew都是用的这个母版页，当然了你也可以在界面中自己重新声明
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
打开_ViewImports.cshtml 在里边添加（这里声明了我所有的view中都可以用Taghelper），写过自定义TagHelper的可能在这里比较明了。*是代表所有 逗号后边表示的是程序集的名称。
@addTagHelper *,Microsoft.AspNetCore.Mvc.TagHelpers
下边我们在Views文件夹下添加一个Home文件夹在Home文件夹下添加一个Index.cshtml文件。（这里为了演示一切从简）
@{
ViewData["Title"] = "Index Page";
}
<h1>这是测试用的Index页面</h1>
由于一个View对应Controller中的一个action，我们要在Controllers文件中添加一个HomeController.cs MVC控制器类（一切从简）
using Microsoft.AspNetCore.Mvc; namespace Test_Null.Controllers
{
public class HomeController : Controller
{ public IActionResult Index()
{
return View();
}
}
}
HomeController.cs
这样前台界面已经搭建完毕了就剩怎么调用了。
我回到了StartUp.cs 这个类
由于我们用的是MVC所以在这里我添加了MVC这个包的引用
在StartUp.cs 类里边的这方法中配置这项服务
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
}
由于我在前台界面中用了js和css这样的静态文件（在wwwroot的根目录中）所以在这里我要加上静态包的引用。关于这个包的高级应用这里有篇博客
http://www.cnblogs.com/linezero/p/5541326.html
修改StartUp.cs 类
public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
loggerFactory.AddConsole(); if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseStaticFiles();//使用静态文件默认的文件夹为wwwroot app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{Controller=Home}/{action=Index}/{id?}"
);
});
}
这是修改后的整个Startup.cs类和最开始做个对比
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
}
public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
loggerFactory.AddConsole(); if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseStaticFiles();//使用静态文件默认的文件夹为wwwroot app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{Controller=Home}/{action=Index}/{id?}"
);
});
}
}
Startup.cs
到这里就完成了。运行一下（Ctrl+F5）
运行结果
通过这个构建过程，让我对每个包的用途有了点理解，以及MVC的运行过程。和依赖注入（DI），服务的配置有了点了解，本来想连上数据库进行操作，可是我用EF的时候除了点问题，等问题解决了，再写篇从零开始连上数据库的演示。
从零开始构建一个的asp.net Core 项目的更多相关文章
- 从零开始构建一个的asp.net Core 项目（一）
最近突发奇想,想从零开始构建一个Core的MVC项目,于是开始了构建过程. 首先我们添加一个空的CORE下的MVC项目,创建完成之后我们运行一下(Ctrl +F5).我们会在页面上看到“Hello W ...
- 从零开始构建一个的asp.net Core 项目（二）
接着上一篇博客继续进行.上一篇博客只是显示了简单的MVC视图页,这篇博客接着进行,连接上数据库,进行简单的CRUD. 首先我在Controllers文件夹点击右键,添加->控制器 弹出的对话框中 ...
- yoeman构建Asp.net core项目并且实现分层
在Mac上开发使用yoeman构建Asp.net core项目并且实现分层引用 1.Yoeman? yoeman是一个自动化脚手架工具.它提供很多generator,generator相当于Visua ...
- 用VSCode开发一个基于asp.net core 2.0/sql server linux(docker)/ng5/bs4的项目(1)
最近使用vscode比较多. 学习了一下如何在mac上使用vscode开发asp.netcore项目. 这里是我写的关于vscode的一篇文章: https://www.cnblogs.com/cgz ...
- Asp.Net Core 项目实战之权限管理系统（4） 依赖注入、仓储、服务的多项目分层实现
0 Asp.Net Core 项目实战之权限管理系统(0) 无中生有 1 Asp.Net Core 项目实战之权限管理系统(1) 使用AdminLTE搭建前端 2 Asp.Net Core 项目实战之 ...
- Docker + Jenkins 持续部署 ASP.NET Core 项目
Docker 是个好东西,特别是用它来部署 ASP.NET Core Web 项目的时候,但是仅仅的让程序运行起来远远不能满足我的需求,如果能够像 DaoCloud 提供的持续集成服务那样,检测 gi ...
- ASP.NET Core 项目简单实现身份验证及鉴权
ASP.NET Core 身份验证及鉴权 目录 项目准备 身份验证 定义基本类型和接口 编写验证处理器 实现用户身份验证 权限鉴定 思路 编写过滤器类及相关接口 实现属性注入 实现用户权限鉴定 测试 ...
- k8s+Jenkins+GitLab-自动化部署asp.net core项目
0.目录 整体架构目录:ASP.NET Core分布式项目实战-目录 k8s架构目录:Kubernetes(k8s)集群部署(k8s企业级Docker容器集群管理)系列目录 此文阅读目录: 1.闲聊 ...
- ASP.NET Core 项目配置 ( Startup ) - ASP.NET Core 基础教程 - 简单教程，简单编程
原文:ASP.NET Core 项目配置 ( Startup ) - ASP.NET Core 基础教程 - 简单教程,简单编程 ASP.NET Core 项目配置 ( Startup ) 前面几章节 ...
随机推荐
- C++标准库之stack（各函数及其使用全）
原创作品,转载请注明出处:http://www.cnblogs.com/shrimp-can/p/5283207.html 栈是后入先出的.成员函数有: 1.栈的声明 std::deque<in ...
- WPF实用小工具
Kaxaml 一款轻量级的Xaml代码编辑器,提供了可视的效果可以看到修改代码后的实时效果图.个人习惯于用它测试系统默认控件的行为和布局,小片段的xaml也可以拿到这个工具上测试效果.这款工具还提供了 ...
- Linux网络设备驱动(一) _驱动模型
Linux素来以其强大的网络功能著名,同时, 网络设备也作为三大设备之一, 成为Linux驱动学习中必不可少的设备类型, 此外, 由于历史原因, Linux并没有强制对网络设备贯彻其"一切皆 ...
- Java中类的继承，属性和方法的四种修饰符的作用范围，final关键字，java的三大特点中的2个：封装和多态，以及多态的一个设计模式，模板方法模式（template method）
(一)Java中的继承: 关于继承,在Java中类的继承只能是单继承,不像C+++那样灵活,可以多继承,多继承的后果就是各种关系乱套,就相当于一个孩子有2个母亲一样,社会关系的复杂,不利于程序后期的开 ...
- Android敏感词过滤主要类
package com.tradeaider.app.utils; import com.tradeaider.app.activity.MyApplication;import java.util. ...
- Redis基础学习(五)—Redis的主从复制
一.概述 Redis的主从复制策略是通过其持久化的rdb文件来实现的,其过程是先dump出rdb文件,将rdb文件全量传输给slave,然后再将dump后的操作实时同步到slave中.让从服务 ...
- 锋利的jQuery（1）——DOM对象与jQuery对象的转换
1.认识jQuery DOM对象:即文档对象模型 jQuery对象:通过jQuery包装DOM对象后产生的对象.这是jQuery对象所特有的,在jQuery对象中无法使用DOM对象的任何方法,同时DO ...
- Flex——弹性布局
今天在做项目时,要一个500*100的页面区域做三个橱窗,尼玛可是恶心死我了!光是计算左右内外边距,左右宽度,就废了一上午时间~~好吧,我承认我的数学老师挂得早! 正在苦逼的列公式,定位图片,浮动文字 ...
- Windows安装mysql-python提示：error: Microsoft Visual C++ 9.0 is required
Windows安装mysql-python提示:error: Microsoft Visual C++ 9.0 is required,Get it from http://aka.ms/vcpyth ...
- STM32固件库文件分析
STM32固件库文件分析 1.汇编编写的启动文件 startup/stm32f10x.hd.s:设置堆栈指针,设置pc指针,初始化中断向量,配置系统时钟,对用c库函数_main最后去c语言世界里. 2 ...