1.从数据库获取分类数据信息,后台Controller中的Catagory的Action调用了Service中的GetCatagory方法,返回了一个list,这个list就是分类列表,通过return View(list)把list作为参数返还给页面,前台页面html第一行的@model List<Mvc3Demo.Models.Catagory> 意思就是我们可以直接访问Controller中通过强类型传递过来的分类列表。
2.向数据库添加分类信息,网页上点击提交,有一个onclick事件,执行addcata方法,而且通过var catagoryname = $("#cataName").val();获取到输入的值,然后再利用ajax技术,把catagoryname作为参数传递给后台(post),执行Home控制器中的AddCata的Action,这个Action调用了Service中AddCatagorys方法,当然这个AddCatagorys方法再影响的行数>1的情况(sql语句执行成功)下就返回一个true,然后再AddCata的Action中,我们再一次调用GetCatagory方法,获取到分类,那最后一个分类就是我们刚刚添加进去的分类,也就是list[list.count-1],然后返回json,并把参数最后这个分类传递到前台 return Json(catagory)。
3.前台接收到后台传递过来的数据dataInfo之后,然后在类名为cata的元素之后添加(jquer的append方法)新的分类,并且还可以把新添加的分类设置为选中(select的选中事件)
注:此篇随笔只供参考使用,而且也有很多小瑕疵,最主要的不是代码,逻辑才是最重要的。