ASP.NET MVC开发学习过程中遇到的细节问题以及注意事项
1、datagrid中JS函数传值问题:
columns:
{
field: 'TypeName', title: '分类名称', width: 120, sortable: true,
formatter: function (value, row, index) {
var contentDetails = "<a href='' style='text-decoration: none;' onclick='showDetailsDialog(" + row.ID + ");return false'>" + value + "</a>";
return contentDetails;
}
},
注意,以上点击事件的传值( row.ID或者value)一般都是一个int类型,如果是所传的值是字符串,则需要注意加转移字符符号。例如传值为分类名称则应该如下代码:
{
field: 'TypeName', title: '分类名称', width: 120, sortable: true,
formatter: function (value, row, index) {
var contentDetails = "<a href='' style='text-decoration: none;' onclick='showDetailsDialog(\"" + value + "\");return false'>" + value + "</a>";
return contentDetails;
}
},
2、MVC @Html.DropDownList显示默认值问题
视图页面代码:
@Html.DropDownList("ClassPre", (SelectList)ViewBag.JY_Atype_ClassPre, "==请选择上一级分类==", new { @style = "width: 60%; height: 32px" })或
@Html.DropDownList("ClassPre", (SelectList)ViewBag.JY_Atype_ClassPre, new { @style = "width: 60%; height: 32px" })
样式也可以去掉
Controller里面的代码:
ViewBag.JY_Atype_ClassPre = new SelectList(newList, "ID", "TypeName", model.ClassPre);
注意:控件的name和viewbag(或viewdata)不能重名。例如以上情况时:不要用ViewBag.ClassPre或ViewBag.TypeName或ViewBag.ID这样的名称,尽量避免这样的重名。
3、采用一个递归算法格式化展示多级分类名称
效果如下图:
List<JY_Atype> lst = bll.selectAll();
List<JY_Atype> newList = new List<JY_Atype>();
bll.GetMyList(lst, ref newList, 0, 1); //递归格式化分类
ViewBag.JY_Atype_ClassPre = new SelectList(newList, "ID", "TypeName", model.ClassPre);
/// <summary>
/// 递归方法格式化分类
/// </summary>
/// <param name="list">需要格式化的List类型的数据</param>
/// <param name="newList">格式化后返回的List类型的数据</param>
/// <param name="step">步骤,第一次执行时为0</param>
/// <param name="PerID">这个是上一级分类的分类ID(即当前分类的的父级ID)</param>
public void GetMyList(List<JY_Atype> list, ref List<JY_Atype> newList, int step, int PerID)
{
if (list.Count == 0)
{
return;
}
string _Step = "";
for (int i = 0; i < step; i++)
{
_Step += " ";
}
_Step += "├";
foreach (JY_Atype atype in list)
{
if (atype.ClassPre == PerID)
{
int n = newList.Count;
newList.Add(atype);
newList[n].TypeName = _Step + atype.TypeName;
newList[n].ID = atype.ID;
newList[n].ClassOrder = atype.ClassOrder;
newList[n].ClassPre = atype.ClassPre;
newList[n].IsSystem = atype.IsSystem;
newList[n].Img = atype.Img;
int newstep = step + 1;
GetMyList(list, ref newList, newstep, Convert.ToInt32(atype.ID));
}
}
}
4、MVC中采用百度富文本编辑器在编辑视图页面新闻内容初始化为空问题:
<span style="display: none;">
<input type="hidden" id="Content" class="easyui-textbox" style="width: 100%; height: 32px; display: none;" value="@Model.content">
</span>
<script type="text/javascript">
var URL = "/ueditor/"; //这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径
var editor = new baidu.editor.ui.Editor({ initialFrameHeight: 280, initialFrameWidth: 750 });
editor.render("editor");
editor.ready(function() {
editor.setContent($('#Content').val());
});
</script>
5、MVC数据注释及验证引用
using System.ComponentModel.DataAnnotations;
C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework\v4.0\System.ComponentModel.DataAnnotations.dll
6、项目中添加了MVC引用,但是一直编译不成功,总是提示System.Web中不包含Mvc的命名:FlagType.SelectListItems
最后解决:项目.Net FrameWork版本统一。
7、对于ASP.NET设置页面缓存:
如果页面加了:<%@ OutputCache Duration="60" VaryByParam="none" %>,可能造成页面分页不正常,尽量不要采用页面缓存。
8、JQuery EasyUI页面输入框事件JS:
<div class="editor-field">
<input required="true" id="PageCode" name="PageCode" value="@Model.PageCode" class="easyui-textbox" style="width: 60%; height: 32px" />
@Html.ValidationMessageFor(model => model.PageCode)
</div>
JS:
<script type="text/javascript">
$(function () {
$("input", $("#PageCode").next("span")).blur(function() {
//alert($(this).val());
var code = $(this).val();
$.post("@Url.Action("IsHavePageCode", "Sys_RolePermission")", { pagecode: code }, function (data) {
if (data.toString() == "1") {
alert("已有相同的模块编码");
}
});
});
});
</script>
9、 ASP.NET MVC中启用CSS和JS文件捆绑优化:
使用BundleTable捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度。
通过在Global.asax.cs文件中修改BundleTable的EnableOptimizations属性来打开和关闭捆绑优化。
protected void Application_Start()
{
//other code has been removed for clarity
//disable optimization
System.Web.Optimization.BundleTable.EnableOptimizations = false;
}
10、 ASP.NET MVC中有哪几种方式去修改默认的layout
(1)、修改根目录下的Views文件夹的 _ViewStart文件。_ViewStart为web application定义了默认layout页面。可以通过代码根据不同的Controller加载不同的layout。
@{
var controller =
HttpContext.Current.Request.RequestContext.RouteData.Values["Controller"].ToSt
ring();
string layout = "";
if (controller == "Admin")
{
layout = "~/Views/Shared/_AdminLayout.cshtml";
}
else
{
layout = "~/Views/Shared/_Layout.cshtml";
}
Layout = layout;
}
(2)、在Views文件夹的某一个View目录下新增 _ViewStart 文件。
(3)、在View页面的顶部修改Layout
@{
Layout = "~/Views/Shared/_AdminLayout.cshtml";
}
(4)、在ActionResult中指定Layout
public ActionResult Index()
{
RegisterModel model = new RegisterModel();
//TO DO:
return View("Index", "_AdminLayout", model);
}
11、在ASP.NET MVC 中有三种方式从controller传值到view中(还有一个实体模型传值就不说了):
ViewData, ViewBag 和 TempData。Asp.net WebForm 中可以在一次用户会话中使用Session去持久化数据。
![](http://upload-images.jianshu.io/upload_images/2799767-30d9b40a357e5bca.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
ViewData
-
- ViewData 是一个继承自
ViewDataDictionary
类的字典对象。public ViewDataDictionary ViewData { get; set; }
- ViewData 用来从controller中传值到相对应的view中。
- 生命周期仅存在于当前此次请求。
- 如果发生重定向,那么值将会被清空。
- 从ViewData中取值时需要进行类型转换和Null Check以避免异常。
- ViewData 是一个继承自
ViewBag
-
- ViewBag ViewBag是一个动态属性,是基于C# 4.0的动态语言的特性。
public Object ViewBag { get;}
- 是对ViewData的一次包装,也是用来从controller中传值到相对应的view中。
- 生命周期仅存在于当前此次请求。
- 如果发生重定向,那么值将会被清空。
- 从ViewBag中取值时不需要进行类型转换。
- ViewBag ViewBag是一个动态属性,是基于C# 4.0的动态语言的特性。
TempData
- TempData 是一个继承于
TempDataDictionary
类的字典对象,存储于Session中 。public TempDataDictionary TempData { get; set; }
- TempData 用来进行跨页面请求传值。
- TempData被请求后生命周期即结束。
- 从TempData中取值时需要进行类型转换和Null Check以避免异常。
- 主要用来存储一次性数据信息,比如error messages, validation messages。
详情可参考:TempData知多少,
Session - ASP.NET MVC中Session是Controller中的一个属性,Session是HttpSessionStateBase类型。
public HttpSessionStateBase Session { get; }
- Session保存数据直到用户会话结束(默认session过期时间为20mins)。
- Session对所有的请求都有效,不仅仅是单一的跳转。
- 从Session中取值时需要进行类型转换和Null Check以避免异常。
12、数据注解(数据注释)
Data Annotation 特性是位于System.ComponentModel.DataAnnotations
命名空间下,适用于Asp.net 项目(比如Asp.net web application & website, Asp.net MVC, Web forms ),同时也适用于Entity framework
ORM 模型。
Data Annotations帮助我们为model类或属性定义规则进行数据验证和显示合适的提示信息给终端客户。
Data Annotation 验证特性:
- DataType - 为属性指定数据类型
- DisplayName - 为属性指定显示名称
- DisplayFormat - 为属性指定显示格式
- Required - 限制属性为必录
- ReqularExpression - 用正则表达式验证属性的值是否满足要求
- Range - 限制属性的值在某一区间
- StringLength - 指定string类型属性的最小和最大长度
- MaxLength - 指定string类型属性的最大长度
- Bind - 添加参数或表单数据到model属性时,指定字段将会被添加到或排除
- ScaffoldColumn - 隐藏表单编辑界面的指定字段
ASP.NET MVC中如何注册Area:
在使用Area之前,确保已经在Global.asax的Application_Start方法中注册。
protected void Application_Start()
{
//Register all application Areas
AreaRegistration.RegisterAllAreas();
}
需要记住的是,必须在最开始注册Area,以至于注册的settings, filters 和 routes
能够应用于Area。
14、和 ASP.NET一样, MVC Forms authentication在IIS认证完成之后发生。可以在 ASP.NET MVC应用程序中的Web.config文件的forms节点进行配置。
默认的表单认证配置如下:
<system.web>
<authentication mode="Forms">
<forms loginUrl="Login.aspx"
protection="All"
timeout="30"
name=".ASPXAUTH"
path="/"
requireSSL="false"
slidingExpiration="true"
defaultUrl="default.aspx"
cookieless="UseDeviceProfile"
enableCrossAppRedirects="false" />
</authentication>
</system.web>
15、
ASP.NET MVC如何允许输入html tags:
ASP.NET MVC默认不允许用户去提交html去避免Cross Site Scripting(CSS)攻击 。ValidateInput
特性可以在action级别或controller级别启用或禁用输入校验。
[ValidateInput(false)]
public class HomeController : Controller
{
public ActionResult AddArticle()
{
return View();
}
}
ValidateInput
特性对所有属性都允许html tag输入,但这是不安全的。 如果你只是想针对部分属性允许html输入,可以通过为属性添加AllowHtml
特性。
public class BlogModel
{
[Required]
[Display(Name = "Title")]
public string Title { get; set; }
[AllowHtml]
[Required]
[Display(Name = "Description")]
public string Description { get; set; }
}
16、MVC中设置缓存
//Action缓存,10秒
[OutputCache(Duration = 10)]
// GET: Home
public ActionResult Index()
{
ViewBag.CurrentTime = DateTime.Now;
return View();
}
public ActionResult Index2()
{
ViewBag.CurrentTime = DateTime.Now;
return View();
}
使用配置文件进行缓存配置
在MVC的Web.config文件中,可以对缓存进行相关的配置。
在system.web节点中,添加caching子节点,然后如下:
<outputCacheSettings> <outputCacheProfiles> <add name="TestConfigCache" duration="10" /> </outputCacheProfiles> </outputCacheSettings>
配置好后,我们的Control缓存或者Action缓存就可以这么写:
[OutputCache(CacheProfile= "TestConfigCache")] // GET: Home public ActionResult Index() { ViewBag.CurrentTime = DateTime.Now; return View(); }