快速入门系列--MVC--07与HTML5移动开发的结合

1  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0" />
2 <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

1 //Html文件中：
2 <link rel="stylesheet" type="text/css" media="only screen and (min-width:900px)" href="/content/theme/base/normalScreen.css" />
3 <link rel="stylesheet" type="text/css" media="only screen and (min-width:480px), only screen and (max-device-width:900)" href="/content/theme/base/smallScreen.css" />
4 <link rel="stylesheet" type="text/css" media="only screen and (max-width:480px)" href="/content/theme/base/tinyScreen.css" />
5 //CSS文件中：
6 @media screen and (min-width:900px) {
7 /*正常CSS内容，省略*/
8 }

 1 public class HTML5View : IView
 2 {
 3 public string FileName { get; private set; }//文件名
 4 public HTML5View(string fileName)
 5 {
 6 this.FileName = fileName;
 7 }
 8  
 9 public void Render(ViewContext viewContext, TextWriter writer)
10 {
11 byte[] buffer = null;
12 using (var fs = new FileStream(this.FileName, FileMode.Open))
13 {
14 buffer = new byte[fs.Length];
15 fs.Read(buffer, 0, buffer.Length);
16 }
17 writer.Write(Encoding.UTF8.GetString(buffer));//读取文件并渲染
18 }
19 }

 1  public class HTML5ViewCacheKey
 2 {
 3 public string ControllerName { get; private set; }
 4 public string ViewName { get; private set; }
 5 public HTML5ViewCacheKey(string controllerName, string viewName)
 6 {
 7 this.ControllerName = controllerName ?? string.Empty;
 8 this.ViewName = viewName ?? string.Empty;
 9 }
10 
11 public override int GetHashCode()
12 {
13 return this.ControllerName.ToLower().GetHashCode() ^ this.ViewName.ToLower().GetHashCode();
14 } 
15 
16 public override bool Equals(object obj)
17 {
18 HTML5ViewCacheKey key = obj as HTML5ViewCacheKey;
19 if (null == key)
20 return false;
21 return key.GetHashCode() == this.GetHashCode();
22 }
23 }

 1 public class HTML5ViewEngine : IViewEngine
 2 {
 3 private Dictionary<HTML5ViewCacheKey, ViewEngineResult> viewEngineResults =
 4 new Dictionary<HTML5ViewCacheKey, ViewEngineResult>();
 5 private static object syncHelper = new object();
 6  
 7 public ViewEngineResult FindPartialView(ControllerContext controllerContext, string partialViewName, bool useCache)
 8 {
 9 return this.FindView(controllerContext, partialViewName, null, useCache);
10 }
11 
12 public ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
13 {
14 string controllerName = controllerContext.RouteData.GetRequiredString("controller");
15 var key = new HTML5ViewCacheKey(controllerName, viewName);
16 ViewEngineResult result = null;
17 if (!useCache)//是否支持缓存
18 {
19 result = InternalFindView(controllerContext, viewName, controllerName);
20 viewEngineResults[key] = result;
21 return result;
22 }
23 if (viewEngineResults.TryGetValue(key, out result)) //视图是否已经在缓存中
24 {
25 return result;
26 }
27 
28 lock (syncHelper)//锁定视图数据写入缓存过程
29 {
30 if (viewEngineResults.TryGetValue(key, out result))
31 {
32 return result;
33 }
34 result = InternalFindView(controllerContext, viewName, controllerName);
35 viewEngineResults[key] = result;
36 return result;
37 }
38 }
39 
40 private ViewEngineResult InternalFindView(ControllerContext controllerContext, string viewName, string controllerName)
41 {
42 string[] searchLocations = new string[]{
43 string.Format("~/staticViews/{0}/{1}.html", controllerName.ToLower(), viewName.ToLower()),
44 string.Format("~/staticViews/Shared/{0}.html", viewName.ToLower())
45 };
46 
47 string filename = controllerContext.HttpContext.Request.MapPath(searchLocations[0]);
48 if (File.Exists(filename))
49 {
50 return new ViewEngineResult(new HTML5View(filename), this);
51 }
52 filename = string.Format(@"\staticViews\shared\{0}.html", viewName.ToLower());
53 if (File.Exists(filename))
54 {
55 return new ViewEngineResult(new HTML5View(filename), this);
56 }
57 return new ViewEngineResult(searchLocations);
58 }
59 
60 public void ReleaseView(ControllerContext controllerContext, IView view)
61 {
62 }
63 }

1  public class MvcApplication : System.Web.HttpApplication
2 {
3 protected void Application_Start()
4 {
5 //省略
6 ViewEngines.Engines.Insert(0, new HTML5ViewEngine());
7 }