Q: What's the near-term roadmap for .NET tooling?
A: While tentative, here are some short term plans:
Severity Code Description Project File Line Suppression State Warning Some NuGet packages were installed using a target framework different from the current target framework and may need to be reinstalled. Visit http://docs.nuget.org/docs/workflows/reinstalling-packages for more information. Packages affected: Microsoft.Net.Http Iris.Web 0
C:\>dotnet --version 1.0.1
D:\vs-code-examples\FirstAspNetCoreProject>dotnet new --help
Getting ready...
Template Instantiation Commands for .NET Core CLI.
Usage: dotnet new [arguments] [options]
Arguments:
template The template to instantiate.
Options:
-l|--list List templates containing the specified name.
-lang|--language Specifies the language of the template to create
-n|--name The name for the output being created. If no name is specified, the name of the current directory is used.
-o|--output Location to place the generated output.
-h|--help Displays help for this command.
-all|--show-all Shows all templates
Templates Short Name Language Tags
----------------------------------------------------------------------
Console Application console [C#], F# Common/Console
Class library classlib [C#], F# Common/Library
Unit Test Project mstest [C#], F# Test/MSTest
xUnit Test Project xunit [C#], F# Test/xUnit
ASP.NET Core Empty web [C#] Web/Empty
ASP.NET Core Web App mvc [C#], F# Web/MVC
ASP.NET Core Web API webapi [C#] Web/WebAPI
Solution File sln Solution
Examples:
dotnet new mvc --auth None --framework netcoreapp1.1
dotnet new xunit --framework netcoreapp1.1
dotnet new --help D:\vs-code-examples\FirstAspNetCoreProject>dotnet new mvc --auth None
D:\vs-code-examples\FirstAspNetCoreProject>code .
"terminal.integrated.shell.windows": "cmd.exe"
D:\vs-code-examples\FirstAspNetCoreProject>dotnet run Hosting environment: Production Content root path: D:\vs-code-examples\FirstAspNetCoreProject Now listening on: http://localhost:5000 Application started. Press Ctrl+C to shut down.
PM> Install-Package Twitter.BootstrapRTL
PM> Install-Package Microsoft.AspNet.Web.Optimization
using System.Collections.Generic;
using System.IO;
using System.Web;
using System.Web.Optimization;
namespace Mvc4TwitterBootStrapTest.Helper
{
/// <summary>
/// A custom bundle orderer (IBundleOrderer) that will ensure bundles are
/// included in the order you register them.
/// </summary>
public class AsIsBundleOrderer : IBundleOrderer
{
public IEnumerable<FileInfo> OrderFiles(BundleContext context, IEnumerable<FileInfo> files)
{
return files;
}
}
public static class BundleConfig
{
private static void addBundle(string virtualPath, bool isCss, params string[] files)
{
BundleTable.EnableOptimizations = true;
var existing = BundleTable.Bundles.GetBundleFor(virtualPath);
if (existing != null)
return;
Bundle newBundle;
if (HttpContext.Current.IsDebuggingEnabled)
{
newBundle = new Bundle(virtualPath);
}
else
{
newBundle = isCss ? new Bundle(virtualPath, new CssMinify()) : new Bundle(virtualPath, new JsMinify());
}
newBundle.Orderer = new AsIsBundleOrderer();
foreach (var file in files)
newBundle.Include(file);
BundleTable.Bundles.Add(newBundle);
}
public static IHtmlString AddScripts(string virtualPath, params string[] files)
{
addBundle(virtualPath, false, files);
return Scripts.Render(virtualPath);
}
public static IHtmlString AddStyles(string virtualPath, params string[] files)
{
addBundle(virtualPath, true, files);
return Styles.Render(virtualPath);
}
public static IHtmlString AddScriptUrl(string virtualPath, params string[] files)
{
addBundle(virtualPath, false, files);
return Scripts.Url(virtualPath);
}
public static IHtmlString AddStyleUrl(string virtualPath, params string[] files)
{
addBundle(virtualPath, true, files);
return Styles.Url(virtualPath);
}
}
}@using Mvc4TwitterBootStrapTest.Helper
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
@BundleConfig.AddStyles("~/Content/css",
"~/Content/bootstrap.css",
"~/Content/bootstrap-responsive.css",
"~/Content/Site.css"
)
@BundleConfig.AddScripts("~/Scripts/js",
"~/Scripts/jquery-1.9.1.min.js",
"~/Scripts/jquery.validate.min.js",
"~/Scripts/jquery.unobtrusive-ajax.min.js",
"~/Scripts/jquery.validate.unobtrusive.min.js",
"~/Scripts/bootstrap.min.js"
)
@RenderSection("JavaScript", required: false)
</head><!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link href="/Content/css?v=vsUQD0OJg4AJ-RZH8jSRRCu_rjl2U1nZrmSsaUyxoAc1" rel="stylesheet"/>
<script src="/Scripts/js?v=GezdoTDiWY3acc3mI2Ujm_7nKKzh6Lu1Wr8TGyyLpW41"></script>
</head>
<body>
<div>
<div>
<h1>
Title Title
</h1>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
<div>
@RenderBody()
</div>
</div>
</body><body>
<div class="row">
<div class="span7">
<h1>
Title Title
</h1>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
<div class="span5">
@RenderBody()
</div>
</div>
</body>
@{
ViewBag.Title = "Index";
}
<h2>
Index</h2>
<div class="hero-unit">
<h2>@ViewBag.Message</h2>
<p>
This is a template to demonstrate the way to beautify the default MVC template
using Twitter Bootstrap website. It is pretty simple and easy.</p>
<p>
<a href="http://asp.net/mvc" class="btn btn-primary btn-large" style="color: White;">
To learn more about ASP.NET MVC visit »</a></p>
</div> <div class="row">
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
</div>
<div class="row">
<div class="span3">3</div>
<div class="span4">4</div>
<div class="span5">5</div>
</div>
<div class="row">
<div class="span5">5</div>
<div class="span7">7</div>
</div>
<div class="row">
<div class="span3">3</div>
<div class="span7 offset2">7 offset 2</div>
</div>
<div class="row">
<div class="span12">12</div>
</div>[class*="span"]
{
background-color: lightblue;
text-align: center;
margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
} <div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<div class="visible-phone">
visible-phone</div>
</div>
<div class="span4">
<div class="visible-tablet">
visible-tablet</div>
</div>
<div class="span4">
<div class="visible-desktop">
visible-desktop</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<div class="hidden-phone">
hidden-phone</div>
</div>
<div class="span4">
<div class="hidden-tablet">
hidden-tablet</div>
</div>
<div class="span4">
<div class="hidden-desktop">
hidden-desktop</div>
</div>
</div>
</div>
خروجی پیش فرش وب سرویس WCF Data Services ساختار Xml دارد پس می‌بایست وب سرویس را متوجه سازیم که ما با خروجی Json نیاز داریم. از نسخه 5 به بعد اگر MaxProtocolVersion را بر روی V3 قرار دهیم دیگر با Accept Header برابر application/json کار نخواهد کرد و می‌بایست از application/json;odata=verbose استفاده نمود یا نسخه پروتکل را بر روی V2 یا پایین‌تر تنطیم کنید. علاوه بر آن کتابخانه‌های و قطعه کدهای تهیه شده است که با پارامتر format$ این کار را برای ما انجام می‌دهد در زیر آدرس دو نمونه آورده شده است.
[JSONPSupportBehavior] public class Northwind : DataService<NorthwindEntities>
http://localhost:8358/Northwind.svc/Products?$format=json
public class Northwind : ODataService<NorthwindEntities>
$.getJSON("Northwind.svc/Products?$format=json", function (data) {
$.each(data.d, function (i, item) {
$("<p/>").html(item.Product_Name + " " + item.Unit_Price).appendTo("#products");
});
});
$.ajax('Northwind.svc/Products', {
dataType: "json",
beforeSend: function (xhr) {
xhr.setRequestHeader("Accept", "application/json;odata=verbose");
xhr.setRequestHeader("MaxDataServiceVersion", "3.0");
},
success: function (data) {
$.each(data.d, function (i, item) {
$("<p/>").html(item.Product_Name + " " + item.Unit_Price).appendTo("#products");
});
}
});
