VS2015 ASP.NET5 Web项目结构浅析

前言

本文我的同步博客地址http://aehyok.com/Blog/Detail/76.html

在安装好VS2015以后，一直想看看新版本的Web项目如何，上个周建了项目以后发现真是面目全非，微软此次更新真是太凶了。因而我就有了想简单的了解一下新建的项目结构的冲动，真是一发不可收啊，本身只是想研究个皮毛，这前先后后大概花掉了一周的时间(固然都是业余的)才大体搞明白了一点吧。在此就进行记录一下。首先来建立一个Web项目

一、打开VS2015新建ASP.NET Web应用程序

二、选择ASP.NET 5 Starter Web

三、新建项目后能够发现项目结构以下

能够发现项目结构能够分为1到6六个部分。接下来我就来简单的描述一下我对这6个部分的理解。

一、global.json　　

一、global.json 文件存放在“Solution Items”解决方案目录下，打开 global.json文件发现，默认有这样的配置：

下面咱们来验证一下这个sources的做用。先来作一件事情，下载Asp.Net MVC源码地址为https://github.com/aspnet/Mvc。而后看一下下载后的文件

如今我将这些文件简单的复制到E:\projects\Mvc。而后咱们回到global.json这个文件，将其中代码简单修改,修改后的内容以下

{
    ////"sources": [ "src", "test" ]
    "sources": ["E:\\projects\\Mvc\\src" ]
}

再来作两个操做，右键解决方案，第一步先Clean Solution清除解决方案，第二步Build Solution编译解决方案

成功以后来看一下解决方案下的文件发生了什么变化

经过标记能够发现，解决方案下居然加载了global.json中设置的路径项目

若是你想把这些项目删除掉，那么你能够先恢复global.json中的sources值，以及手动删除解决方案下的项目，而后从新编译便可。

二、Dependencies(Bower和NPM) 　　

Bower：bower是twitter开源的一款web包（如bootstrap、jquery）管理，依托github上愈来愈多的开源web（html+css+js）项目，bower只须要github项目加一个配置文件就可使用bower方式管理。bower提供了web包的添加、升级、删除、发布，以及管理包依赖，只需命令方式，便可轻松管理，不再须要去手工下载拷贝文件了。

咱们来看一下在VS2015中如何使用Bower。首先能够经过Nuget来下载安装Bower。

接着打开bower.json

在“dependencies”下输入knoc能够发现有智能提示额，我未来操做演示咱们来添加knockout这个JavaScript的类库。

但对于类库版本没有进行提示

因而我单独到官网http://knockoutjs.com/index.html进行输入一个版本。

"knockout": "^3.2.0"

接下来咱们经过菜单进行安装。先来找到位置   View==>>Others Windows==>>Task Runner Explorer,打开后以下图所示

而后再在Tasks==>>bower右键后点击Run,这里其实就是要检查bower.json文件，而后会将咱们添加的knockout类库进行添加到项目中，执行完毕后会发现

 

 

 NPM:npm 是 Node.js 的模块依赖管理工具。做为开发者使用的工具，主要解决开发 Node.js 时会遇到的问题。如同 RubyGems 对于 Ruby 开发者和 Maven 对于 Java 开发者的重要性，npm 对与 Node.js 的开发者和社区的重要性不言而喻。如今已经移植到全宇宙最无敌的开发工具Visual Studio中了，真是使人欢呼雀跃。

NPM在VS2015中对应的配置文件为package.json。下面咱们来添加一个模块:经过下面的截图能够发现，一样会有智能提示功能。

好比咱们添加以下模块

"express": "^4.10.2"

而后在Task Runner Explorer下执行后在NPM文件夹下能够看到

如今能够右键express，而后点击Restore Package

其实就是真正安装express模块吧。

 对于NPM的具体使用能够参考http://www.infoq.com/cn/articles/msh-using-npm-manage-node.js-dependence

三、References　　

References:References 其实就是咱们以前VS版本中的引用，能够看下我在VS2010下的截图

和以前不一样的是，如今VS2015项目目录中只有 ASP.NET 5.0 和 ASP.NET Core 5.0，其中全部的程序集都是经过 project.json 文件中的 dependencies节点进行配置管理。

 

引用好保存后，vs2015就会自动从nuget上下载相应组件。

四、MVC　　

Controllers、Models和Views 和咱们以前的 ASP.NET MVC 项目没什么区别，Migrations 是示例项目中使用 EntityFramework 代码迁移文件。

五、七个文件

不按照顺序了。

一、Project_Readme.html

这个页面很简单就是针对ASP.NET 5的一个自述HTML网页。经过这个网页能够连接到关于ASP.NET 5的相关内容页面。

二、Startup.cs 应该就是原来的Global.asax.cs。

三、config.json主要就是配置数据库连接字符串。

四、gruntfile.js至关于一个任务插件管理器

下面这就是Grunt的任务运行模版

 

在里面分为Alias Tasks和Tasks，其中alias中的任务，是经过在gruntfile中注册任务得来 grunt.registerTask("default", ["bower:install"]);

而tasks则是由 grunt.loadNpmTasks("grunt-contrib-copy")得来，这些包须要提早经过package.json声明好。

下面我简单的经过Grunt来压缩一个css文件。

①、在package.json中声明插件cssmin

②、在gruntfile.js文件中加载插件

grunt.loadNpmTasks("grunt-contrib-cssmin");

③、在NPM在进行安装插件

④、在Task Runner Explorer中刷新

刷新完后

⑤、在gruntfile.js中添加注册任务和压缩的文件

⑥、下面到Task Runner Explorer进行刷新，刷新以后

而后执行Run

 执行完以后查看发现

不过数值略有差别。也没什么关系差不太多。

这里只是经过Grunt执行了一个压缩的功能，还有其余不少的功能这里就不进行学习记录了。

六、wwwroot

看到wwwroot，你也许并不陌生。咱们来看看网站如何运行起来吧。

如今点击Web项目右键==》》Publish,选择File System

添加应用名称，选择目标路径，点击发布

发布成功

既然已经启动了，那么就至关于网站自承载成功，如今能够打开网站了，可是什么信息都不知道。按照以下指示进行

打开http://localhost:5000

总结

gruntfile.js经过Grunt来管理执行Bower和NPM，而Bower又经过bower.json文件进行管理，NPM又经过package.json进行管理。

project.json至关于原来的配置文件能够管理References下项目的引用集合以及其余配置。

Startup.cs至关于原来的Global.asax.cs。config.json主要来定义数据库的连接字符串。

wwwroot下存放的是一些静态文件。Web项目发布后，经过bin目录下惟一的dll文件AspNet.Loader.dll与命令web.cmd让网站就能够运行起来。这其中的奥秘还有待进一步的深刻研究呀。