开发工具使用微软的vs2010和mvc3插件安装完成后首先新建一个ASP.NET MVC3工程。从ext.net首页下载Ext.Net MVC,新建一个Ext.Net MVC工程有两种方法:
一、在开发电脑连接互联网的情况下,下载一个NuGet安装包,此安装包在Ext.Net MVC下载界面有相应的下载地址,安装后打开新建的ASP.NET MVC3工程,在vs2010中选择:工具->库程序包管理器会在vs2010下方出现程序包管理器控制台如图所示,在其中输入“Install-Package Ext.NET.MVC”,便会自动将所需的引用、配置文件自动安装好。如下图所示:
二、手动设置Ext.Net MVC3 开发环境
(一)添加相应的动态链接库引用,将刚才下载的Ext.Net MVC文件压缩包解压,在lib文件夹中找到对应的MV3版本动态链接库,在引用中添加如下引用:Ext.Net.dll、Ext.Net.Utilities.dll、Newtonsoft.Json.dll、Transformer.NET.dll。
(二)设置系统web.config文件
1.在configuration中添加
<configSections>
<sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
<section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
<section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
</sectionGroup>
<section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
</configSections>
2. 在configuration中添加
<system.web.webPages.razor>
<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
<pages pageBaseType="System.Web.Mvc.WebViewPage">
<namespaces>
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Routing" />
<add namespace="Ext.Net" />
<add namespace="Ext.Net.MVC" />
</namespaces>
</pages>
</system.web.webPages.razor>
3.在<configuration> <system.web> <pages>中加入:
<controls>
<add assembly="Ext.Net" namespace="Ext.Net" tagPrefix="ext" />
</controls>
在<configuration> <system.web> <pages> <namespaces>中加入:
<add namespace="Ext.Net" />
<!--<add namespace="Ext.Net.MVC"/>-->
<add namespace="Ext.Net.MVC" />
4.在<configuration> <system.web>中加入:
<httpHandlers>
<add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false" />
</httpHandlers>
<httpModules>
<add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" />
</httpModules>
5.在 <system.webServer>中加入
<modules>
<add name="DirectRequestModule" preCondition="managedHandler" type="Ext.Net.DirectRequestModule, Ext.Net" />
</modules>
<handlers>
<add name="DirectRequestHandler" verb="*" path="*/ext.axd" preCondition="integratedMode" type="Ext.Net.ResourceHandler" />
</handlers>
6.在<configuration> <runtime><assemblyBinding>中加入:
<dependentAssembly>
<assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" />
<bindingRedirect oldVersion="1.0.0.0-5.0.7" newVersion="5.0.8" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Ext.Net.Utilities" publicKeyToken="2c34ac34702a3c23" />
<bindingRedirect oldVersion="0.0.0.0-2.2.1" newVersion="2.3.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Transformer.NET" publicKeyToken="e274d618e7c603a7" />
<bindingRedirect oldVersion="0.0.0.0-2.1.0" newVersion="2.1.1" />
</dependentAssembly>
(三)设置view中的web.config
1.在<configuration> <system.web.webPages.razor><pages>中加入
<add namespace="Ext.Net" />
<add namespace="Ext.Net.MVC" />
(四)设置global.asax
1.在class MvcApplication中加入
protected void Application_AuthenticateRequest(object sender, System.EventArgs e)
{
string url = HttpContext.Current.Request.FilePath;
if (url.EndsWith("ext.axd"))
{
HttpContext.Current.SkipAuthorization = true;
}
}
2.在RegisterRoutes(RouteCollection routes)函数中加入:
routes.IgnoreRoute("{exclude}/{extnet}/ext.axd");
新建一个简单的页面
新建控制器ExamplesController,代码不做改动如下所示
public class ExamplesController : Controller
{
//
// GET: /Examples/
public ActionResult Index()
{
return View();
}
}
然后增加Index页面代码如下所示
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
</head>
<body>
@Html.X().ResourceManager()
@Html.X().Label().Text("hello world")
</body>
</html>
这段实例就是在页面中加入了一个Label标签,标签上的文字是“hello world”
运行此程序,结果在浏览器的左上角显示“hello world”