.Net c# MVC 2.0 与 DWZ(Jquery富文本框架)结合使用简单教程（一）

MVC 相信大家都知道是什么，这里就不多做解释了。

DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级

DWZ支持用html扩展的方式来代替javascript代码, 基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化.

做了简单介绍 就正式开始吧。（这是我自己在学习MVC的时候，做的一个简单例子，这里就简单说明下，MVC中的对数据库，增，删，改，查。(分页))

 

首先看下DWZ的整体页面，我个人觉得还是满漂亮的。类似于著名Extjs的风格。

 

列表信息 内容什么的都是可以更改的，也比较简单。

首先新建 Visual studio里的MVC项目

文件----新建---项目

 

新建MVC项目后 就会看到

主要是Models  Views  Controllers 

View 是展示页面用的 与controller 相对应，通过 return view（）; 方法来获取页面。

Models 用来放数据库 字段的（不知道是不是放这个的。）

contorllers 用来对应view页面 在里面可以写上业务逻辑，对数据库里 数据的操作。

先新建个文件夹，把DWZ的关键文件都给复制过来，如图（demo可以不要。）

 

 

对框架页面的配置，我这里也不多说了，相信大家都会。就是选中HTML标签，把应该删掉删。

新建的时候选择新建MVC的视图页 

 

以如下页面的做一个添加数据的例子

在此页面的form中配置如下

<form method="post" action="\software\addsoftware" enctype="multipart/form-data" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);">

action 是指向view里 此页面的路径（同时也是只想contorllers 针对与此view的控制器） class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);" 都是根据DWZ的要求放上去的，以后会做这个说明。

在Controllers文件夹里 有个 softwareController.cs 的控制器

 

里面有一个 addsoftware 的方法 用来添加数据进入数据库

addsoftware 
 1  [ValidateInput(false)]
 2         public ActionResult addsoftware(string softname, string description,string sftypeid,string softurl)
 3         {
 4             if (!string.IsNullOrEmpty(softname))
 5             {
 6                 software sf = new software();
 7                 sf.addtime = DateTime.Now;
 8                 sf.edittime = DateTime.Now;
 9                 sf.SoftWare_id = Guid.NewGuid();
10                 sf.SoftWare_name = softname;  
11                 sf.SoftWare_describe = description;
12                 sf.SoftWare_download = softurl;
13                 sf.software_typeid = Guid.Parse(sftypeid);
14 
15                 int bb = 0;
16                 bb = conn.ZJ123.Insert<software>(sf);
17                 if (bb > 0)
18                 {
19                     return Json(new
20                     {
21                         statusCode = "200",
22                         message = "保存成功！",
23                         navTabId = "softwareinsert",
24                         callbackType = "",
25                         forwardUrl = ""
26                     }, JsonRequestBehavior.AllowGet
27 
28                    );
29                 }
30                 else
31                 {
32                     return Json(new
33                     {
34                         statusCode = "300",
35                         message = "保存失败！",
36                         navTabId = "",
37                         callbackType = "",
38                         forwardUrl = ""
39                     }, JsonRequestBehavior.AllowGet
40 
41                 );
42                 }
43             }
44             else
45                 return View();
46 
47 
48         }

注意：各个参数名就是 每一个html名。

[ValidateInput(false)]

这个是为了表示，参数里html标签可通过验证，输入到数据库里去。

其中

 1 return Json(new
 2                     {
 3                         statusCode = "200",
 4                         message = "保存成功！",
 5                         navTabId = "softwareinsert",
 6                         callbackType = "",
 7                         forwardUrl = ""
 8                     }, JsonRequestBehavior.AllowGet
 9 
10                    );

200 为成功几号。还有失败，warnning。等其它指令。这一段以json类型返回，wdz会对其做出处理，显示如下。

 

好了添加操作就这么完成了。

 

这是我第一次写技术博，写的不是很好，这是我半年前 做的一个学习小项目，当时 看博客园的资料看得也满多的，就把这些写下来了，以后还会写一些。请各位大牛多多指教。

Write by Mark.j

2012.11.25

 

 

posted @ 2012-11-25 17:07  Mark J  阅读(450)  评论(0)    收藏  举报