开发笔记 第842页

一.A.不用事务,关用Select 语句.是否可以分布式查询?
B.LINKSERVER 在做分布式更新事务时不能对本机操作.(就是不能环回分布式事务)
C.DBCC TRACEON (3604, 7300)–用跟踪看更详细错误信息.
D.下载MS提供的DTCPing.exe 分装在两台机上,按README说明来运行它.看出错信息.
http://download.microsoft.com/download/complus/msdtc/1.7/nt45/en-us/DTCPing.exe
二.两台机的MSDTC是否都打开了.
三.MSDTC设置是否正确.
1.打开命令提示，运行”net stop msdtc”，然后运行”net start msdtc”。
2.转至”组件服务管理工具”。
3.浏览至”启动管理工具”。
4.选择”组件服务”。
a.展开”组件服务”树，然后展开”我的电脑”。
b.右键单击”我的电脑”，然后选择”属性”。
C.在 MSDTC 选项卡中，确保选中了下列选项： 网络 DTC 访问
网络管理
网络事务
XA 事务
e.另外，”DTC 登录帐户”一定要设置为”NT Authority\NetworkService”。
5.单击”确定”。这样将会提示您”MS DTC 将会停止并重新启动。
所有的依赖服务将被停止。请按'是'继续”。单击”是”继续。
6.单击”确定”关闭”我的电脑”属性窗口。
四.
MSDTC依赖于RPC,RPC使用的端口是135,测试135端口是否打开.是否有防火墙?如果有先关了防火墙.
telnet IP 135
如果是关闭的打开它.
五.
有的机由于各种原因),SQLOLEDB不能使用分布式事务,更改为”MSDASQL” 的ODBC方式联接.
使用RRAS而不是RAS.(控制面版–管理工具–远程服务管理器)
Check whether you are using Remote Access Server (RAS) to access remote servers. If so, make sure that you have implemented Routing RAS (RRAS). Linked server does not work on RAS because RAS allows only one way communication.
七.检查你的两台服务器是否在同一个域中.
如果不在同一个域中,是否建立可信任联接.
八.如果是WIN2000,升级到SP4
九.升级MDAC到2.6以上,最好是2.8.
十.要安装SQL的最新补丁: sp3a
'全部补丁的位置
http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=9032f608-160a-4537-a2b6-4cb265b80766
'应该安装的补丁sql 2000 sp3
http://download.microsoft.com/download/d/d/e/dde427eb-0296-4eac-a47c-d11a66b03816/chs_sql2ksp3.exe
我的解决方法：net stop msdtc”，然后运行”net start msdtc”开启服务后正常。

最近在使用.Net中的TransactionScope事务的过程中，发现个问题，当事务提交后
直接return到另一个控制器来执行数据库操作，结果数据库连接不能使用，
后来发现原来是return语句不应该放在事务中，只有当事务提交后才真正的释放连接，否则再次打开
只不过是提交事务而已，因此需要在事务using范围外执行再次的数据库操作
错误代码:

//如果没有改变分类
if (theModuleId == moduleId)
{
return this.SavePublishInfo(identifier, infoTitle, moduleId, linkManId, infoContent, picture, keyWords,displayLinkMan);
}
else//如果修改了分类，先插入到新分类表中一条记录，然后删除源记录
{
using (System.Transactions.TransactionScope tx = new System.Transactions.TransactionScope())
{
//先插入一条记录
int userid = ((UserInfo)Session["User"]).Identifier;
Information information = new Information();
try
{
business.Save<Information>(information);
try
{
//然后再按id和moduleID删除原记录
//Information info = new Information();
information.Identifier = identifier;
information.ModuleId = theModuleId;
business.Remove<Information>(information);
tx.Complete();
return this.Index();
}
catch (Exception e)
{
//回滚事务
tx.Dispose();
return baseController.Error("Error", "错误提示", "修改记录失败！错误信息:</br>" + e.Message);
}
}
catch (Exception e)
{
tx.Dispose();
return baseController.Error("Error", "错误提示", "修改记录失败！错误信息:</br>" + e.Message);
}
}

正确代码：
注意：return this.Index();

//如果没有改变分类
if (theModuleId == moduleId)
{
return this.SavePublishInfo(identifier, infoTitle, moduleId, linkManId, infoContent, picture, keyWords,displayLinkMan);
}
else//如果修改了分类，先插入到新分类表中一条记录，然后删除源记录
{
using (System.Transactions.TransactionScope tx = new System.Transactions.TransactionScope())
{
//先插入一条记录
int userid = ((UserInfo)Session["User"]).Identifier;
Information information = new Information();
try
{
business.Save<Information>(information);
try
{
//然后再按id和moduleID删除原记录
//Information info = new Information();
information.Identifier = identifier;
information.ModuleId = theModuleId;
business.Remove<Information>(information);
tx.Complete();
}
catch (Exception e)
{
//回滚事务
tx.Dispose();
return baseController.Error("Error", "错误提示", "修改记录失败！错误信息:</br>" + e.Message);
}
}
catch (Exception e)
{
tx.Dispose();
return baseController.Error("Error", "错误提示", "修改记录失败！错误信息:</br>" + e.Message);
}
}
return this.Index();

最近MVC页面中自定义了属性后，结果发现有的页面中能用this.属性名 读取有的读取不了
而且提示CS1061错误，说属性未定义，开始还以为是ViewPage的OnLoad事件的问题
后来发现原来是由于页面相似，将其他页面粘贴过来后忘了该CodeBehind=”EditInfo.aspx.cs” Inherits=”NewTang.Views.Shop.EditInfo”
的原因

需要引用的js文件：
Content/JQuery-1.2.6.js
fckeditor/fckeditor.js
JQuery.FCKEditor.js

JavaScript代码：

$(document).ready(function(){
//初始化FCKEditor
$.fck.config = {path: '../../FCKeditor/', height: 300 ,toolbar:'Basic'};
$('textarea#infoContent').fck();
});

HTML代码：

<textarea id="infoContent" name="infoContent" rows="22" ></textarea>

读取FCKEditor的值代码：

$.fck.content('infoContent', ''); //注意‘infoContent’即为你绑定的textArea的Id或name，这样才能取得值

翻译整理：Young.J
官方网站：http://JQuery.com
    JQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！
   下载地址：Starterkit （http://jQuery.bassistance.de/jQuery-starterkit.zip）
                       jQuery Downloads （http://jquery.com/src/）

   下载完成后先加载到文档中，然后我们来看个简单的例子！

     上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同 理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函 数。
     在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元 素,$("#p")表示取id为"p"(<span  id="p"></span>)的元素.

我将从以下几个内容来讲解jQuery的使用:
1:核心部分
2:DOM操作
3:css操作
4:JavaScript处理
5:动态效果
6:event事件
7:ajax支持
8:插件程序

                                             一：核心部分
$(expr)
说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础
参数：expr：字符串，一个查询表达式或一段html字符串
例子：
未执行jQuery前：

<p>one</p>
<div>
      <p>two</p>
</div>
    <p>three</p> 
    <a href="#" id="test" onClick="jq()" >jQuery</a>

jQuery代码及功能：

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

运行：当点击id为test的元素时，向body中添加“<div><p>Hello</p></div>”
$(elem)
说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象
参数： elem：通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

jQuery代码及功能：

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

运行：当点击id为test的元素时，背景色变成黑色

$(elems)
说明：限制jQuery作用于一组特定的DOM元素
参数： elem：一组通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

<form id="form1">
      <input type="text" name="textfield">
      <input type="submit" name="Submit" value="提交">
</form>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){ 
   $(form1.elements ).hide(); 
}

运行：当点击id为test的元素时，隐藏form1表单中的所有元素。
$(fn)
说明：$(document).ready()的一个速记方式，当文档全部载入时执行函数。可以有多个$(fn)当文档载入时，同时执行所有函数！
参数：fn (Function):当文档载入时执行的函数！
例子：

$( function(){
    $(document.body).background("black");
})

运行：当文档载入时背景变成黑色，相当于onLoad。
$(obj)
说明：复制一个jQuery对象，
参数：obj (jQuery): 要复制的jQuery对象
例子：
未执行jQuery前：

<p>one</p>
<div>
   <p>two</p>
</div>
<p>three</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    var f = $("div"); 
    alert($(f).find("p").html()) 
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容。
each(fn)
说明：将函数作用于所有匹配的对象上
参数：fn (Function): 需要执行的函数
例子：
未执行jQuery前：

<img src="1.jpg"/>
<img src="1.jpg"/>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
   $("img").each(function(){ 
        this.src = "2.jpg"; });
}

运行：当点击id为test的元素时，img标签的src都变成了2.jpg。
eq(pos)
说明：减少匹配对象到一个单独得dom元素
参数：pos (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

<p>This is just a test.</p>
<p>So is this</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    alert($("p").eq(1).html())
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个<p>标签的内容

get() get(num)
说明：获取匹配元素，get(num)返回匹配元素中的某一个元素
参数：get (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

<p>This is just a test.</p>
<p>So is this</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    alert($("p").get(1).innerHTML);
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个<p>标签的内容
注意get和eq的区别，eq返回的是jQuery对象，get返回的是所匹配的dom对象，所有取$("p").eq(1)对象的内容用jQuery方法html()，而取$("p").get(1)的内容用innerHTML

index(obj)
说明：返回对象索引
参数：obj (Object): 要查找的对象
例子：
未执行jQuery前：

<div id="test1"></div>
<div id="test2"></div>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    alert($("div").index(document.getElementById('test1')));
    alert($("div").index(document.getElementById('test2')));
}

运行：当点击id为test的元素时，两次弹出alert对话框分别显示0，1

size()   Length
说明：当前匹配对象的数量，两者等价
例子：
未执行jQuery前：

<img src="test1.jpg"/>
<img src="test2.jpg"/>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    alert($("img").length);
}

运行：当点击id为test的元素时，弹出alert对话框显示2，表示找到两个匹配对象 

                                                   二：DOM操作
属性
我 们以<img id="a" scr="5.jpg"/>为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery 里$("#a")将得到jQuery对象[ <img id="a" scr="5.jpg"/> ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对 象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法，方便大家快速对DOM对象进行操作
herf()   herf(val)
说明：对jQuery对象属性herf的操作。
例子：
未执行jQuery前

<a href="1.htm" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
   alert($("#test").href());
   $("#test").href("2.html");
}

运行：先弹出对话框显示id为test的连接url，在将其url改为2.html，当弹出对话框后会看到转向到2.html
同理，jQuery还提供类似的其他方法，大家可以分别试验一下：
herf()  herf(val)   html()  html(val)   id()  id (val)  name()  name (val)   rel()  rel (val)
src()    src (val)   title()  title (val)   val()  val(val)

操作
after(html)  在匹配元素后插入一段html

<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
       $("#test").after("<b>Hello</b>");  
}

执行后相当于：

<a href="#" id="test" onClick="jq()">jQuery</a><b>Hello</b>

after(elem)  after(elems)  将指定对象elem或对象组elems插入到在匹配元素后

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能

function jq(){  
     $("a").after($("#test"));  
}

执行后相当于

<a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

append(html)在匹配元素内部，且末尾插入指定html

<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){ 
     $("#test").append("<b>Hello</b>");  
}

执行后相当于

<a href="#" onClick="jq()">jQuery<b>Hello</b></a>

同理还有append(elem)  append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解！
appendTo(expr)  与append(elem)相反

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能

function jq(){  
      $("a"). appendTo ($("#test"));  
}

执行后相当于

<p id="test">after<a href="#" onClick="jq()">jQuery</a> </p>

clone() 复制一个jQuery对象

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
     $("#test").clone().appendTo($("a"));  
}

复制$("#test")然后插入到<a>后,执行后相当于

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

empty() 删除匹配对象的所有子节点

<div id="test">
  <span>span</span>
  <p>after</p>
</div>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
    $("#test").empty();  
}

执行后相当于

<div id="test"></div><a href="#" onClick="jq()">jQuery</a>

insertAfter(expr)   insertBefore(expr)
     按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)
prepend (html)  prepend (elem)  prepend (elems)   在匹配元素的内部且开始出插入
通过下面例子区分append(elem)  appendTo(expr)  prepend (elem)

<p id="a">p</p>
<div>div</div>

执行$("#a").append($("div")) 后相当于

<p id="a">
  P
  <div>div</div>
</p>

执行$("#a").appendTo($("div")) 后 相当于

<div>
   div
   <p id="a">p</p>
</div>

执行$("#a").prepend ($("div")) 后 相当于

<p id="a">
   <div>div</div>
   P
</p>

remove()  删除匹配对象
注意区分empty()，empty()移出匹配对象的子节点，remove()，移出匹配对象
wrap(htm) 将匹配对象包含在给出的html代码内

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
      $("p").wrap("<div class='wrap'></div>"); 
}

执行后相当于

<div class='wrap'><p>Test Paragraph.</p></div>

wrap(elem) 将匹配对象包含在给出的对象内

<p>Test Paragraph.</p><div id="content"></div>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
      $("p").wrap( document.getElementById('content') );
}

执行后相当于

<div id="content"><p>Test Paragraph.</p></div>

遍历、组合
add(expr)  在原对象的基础上在附加符合指定表达式的jquery对象

<p>Hello</p><p><span>Hello Again</span></p>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     var f=$("p").add("span");    
     for(var i=0;i < $(f).size();i++){
     alert($(f).eq(i).html());}
}

执行$("p")得到匹配<p>的对象，有两个，add("span")是在("p")的基础上加上匹配<span >的对象，所有一共有3个，从上面的函数运行结果可以看到$("p").add("span")是3个对象的集合，分别是 [<p>Hello</p>]，[<p><span>Hello Again</span></p>]，[<span>Hello Again</span>]。
add(el)  在匹配对象的基础上在附加指定的dom元素。
        $("p").add(document.getElementById("a"));
add(els)  在匹配对象的基础上在附加指定的一组对象，els是一个数组。

<p>Hello</p><p><span>Hello Again</span></p>

jQuery代码及功能：

function jq(){
     var f=$("p").add([document.getElementById("a"), document.getElementById("b")])
     for(var i=0;i < $(f).size();i++){
             alert($(f).eq(i).html());}
}

注意els是一个数组，这里的[ ]不能漏掉。
ancestors ()  一依次以匹配结点的父节点的内容为对象,根节点除外（有点不好理解，看看下面例子就明白了）

<div>
    <p>one</p>
    <span>
    <u>two</u>
    </span>
</div>

jQuery代码及功能：

function jq(){
     var f= $("u").ancestors();
     for(var i=0;i < $(f).size();i++){
      alert($(f).eq(i).html());}
}

第一个对象是以<u>的父节点的内容为对象，[ <u>two</u> ]
第一个对象是以<u>的父节点的父节点（div）的内容为对象，[<p>one</p><span><u>two</u></span> ]
一般一个文档还有<body>和<html>，依次类推下去。
ancestors (expr)  在ancestors（）的基础上之取符合表达式的对象
如上各例子讲var f改为var f= $("u").ancestors(“div”),则只返回一个对象：
[ <p>one</p><span><u>two</u></span>  ]
children()  返回匹配对象的子介点

<p>one</p>
<div id="ch">   
     <span>two</span>
</div>

jQuery代码及功能：

function jq(){
    alert($("#ch").children().html());
}

$("#ch").children()得到对象[ <span>two</span> ].所以.html()的结果是”two”
children(expr)  返回匹配对象的子介点中符合表达式的节点

<div id="ch">   
      <span>two</span>
      <span id="sp">three</span>
</div>

jQuery代码及功能

function jq(){
    alert($("#ch").children(“#sp”).html());
}

$("#ch").children()得到对象[<span>two</span><span id="sp">three</span> ].
$("#ch").children(“#sp”)过滤得到[<span id="sp">three</span> ]
parent ()  parent (expr)取匹配对象父节点的。参照children帮助理解
contains(str)  返回匹配对象中包含字符串str的对象

<p>This is just a test.</p><p>So is this</p>

jQuery代码及功能：

function jq(){
    alert($("p").contains("test").html());
}

$("p")得到两个对象，而包含字符串”test”只有一个。所有$("p").contains("test")返回 [ <p>This is just a test.</p> ]
end() 结束操作,返回到匹配元素清单上操作前的状态.

filter(expr)   filter(exprs)   过滤现实匹配符合表达式的对象 exprs为数组，注意添加“[ ]”

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

jQuery代码及功能：

function jq(){
    alert($("p").filter(".selected").html())
}

$("p")得到三个对象，$("p").contains("test")只返回class为selected的对象。
find(expr)  在匹配的对象中继续查找符合表达式的对象

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

Query代码及功能：

function jq(){
    alert($("p").find("#a").html())
}

在$("p")对象中查找id为a的对象。
is(expr)  判断对象是否符合表达式,返回boolen值

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

Query代码及功能：

function jq(){
    alert($("#a").is("p"));
}

在$("#a ")是否符合jquery表达式。
大家可以用$("#a").is("div");  ("#a").is("#a")多来测试一下
next()  next(expr)  返回匹配对象剩余的兄弟节点

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

jQuery代码及功能

function jq(){
        alert($("p").next().html());
        alert($("p").next(".selected").html());
}

$("p").next()返回 [ <p id="a">Hello Again</p> , <p class="selected">And Again</p> ]两个对象
$("p").next(".selected)只返回 [<p class="selected">And Again</p> ]一个对象
prev ()  prev (expr)  参照next理解

not(el)  not(expr)  从jQuery对象中移出匹配的对象，el为dom元素，expr为jQuery表达式。

<p>one</p><p id="a">two</p>
<a href="#" onclick="js()">jQuery</a>

jQuery代码及功能：

function js(){
     alert($("p").not(document.getElementById("a")).html());
     alert($("p").not(“#a”).html());
}

$("p")由两个对象，排除后的对象为[<p>one</p> ]
siblings ()  siblings (expr)  jquery匹配对象中其它兄弟级别的对象

<p>one</p>
<div>
  <p id="a">two</p>
</div>
<a href="#" onclick="js()">jQuery</a>

jQuery代码及功能：

function js(){
       alert($("div").siblings().eq(1).html());
}

$("div").siblings()的结果实返回两个对象[<p>one</p>，<a href="#" onclick="js()">jQuery</a> ]
alert($("div").siblings(“a”)返回一个对象[<a href="#" onclick="js()">jQuery</a> ]
其他
addClass(class)   为匹配对象添加一个class样式
removeClass (class)   将第一个匹配对象的某个class样式移出

attr (name)   获取第一个匹配对象的属性

<img src="test.jpg"/><a href="#" onclick="js()">jQuery</a> 

jQuery代码及功能：

function js(){
     alert($("img").attr("src"));
}

返回test.jpg
attr (prop)   为第一个匹配对象的设置属性，prop为hash对象，用于为某对象批量添加众多属性

<img/><a href="#" onclick="js()">jQuery</a>

jQuery代码及功能：

function js(){
     $("img").attr({ src: "test.jpg", alt: "Test Image" }); 
}

运行结果相当于<img src="test.jpg" alt="Test Image"/>
attr (key,value)   为第一个匹配对象的设置属性，key为属性名，value为属性值

<img/><a href="#" onclick="js()">jQuery</a>

jQuery代码及功能

function js(){
     $("img").attr(“src”,”test.jpg”); 
}

运行结果相当于<img src="test.jpg"/>
removeAttr (name)   将第一个匹配对象的某个属性移出

<img alt="test"/><a href="#" onclick="js()">jQuery</a>

jQuery代码及功能：

function js(){
     $("img"). removeAttr("alt"); 
}

运行结果相当于<img />
toggleClass (class)   将当前对象添加一个样式，不是当前对象则移出此样式，返回的是处理后的对象

<p>Hello</p><p class="selected">Hello Again</p><a href="#" onclick="js()">jQuery</a>

$("p")的结果是返回对象 [<p>Hello</p>,<p class="selected">Hello Again</p> ]
$("p").toggleClass("selected")的结果是实返回对象 [ <p class="selected">Hello</p>, <p>Hello Again</p> ] 
         三：CSS操作

      传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操 作，$("#a").background()，$("#a").background(“red”)
$("#a")得到jQuery对象[ <div id="a" … /div> ]
$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法，来操作css
background ()   background (val)     color()    color(val)     css(name)    css(prop)   
css(key, value)      float()   float(val)   height()   height(val)  width()  width(val) 
left()   left(val)       overflow()   overflow(val)   position()   position(val)  top()   top(val)

这里需要讲解一下css(name)  css(prop)  css(key, value)，其他的看名字都知道什么作用了！

<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>

css(name)  获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red，("#a").css("background ")将得到blue
css(prop)  prop是一个hash对象，用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最 终效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" }，hash对象，color为key，"red"为value，
css(key, value)  用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p id="b" style="color:red">test</p>
                                              四：JavaScript处理

$.browser()  判断浏览器类型，返回boolen值

$(function(){
    if($.browser.msie) {
        alert("这是一个IE浏览器");}
    else if($.browser.opera) {
        alert("这是一个opera浏览器");}
})

当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari
$.each(obj, fn)  obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each()

$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });

    分别将0，1，2为参数，传入到function(i)中

$.each({ name: "John", lang: "JS" },  function(i){ alert( "Name: " + i + ", Value: " + this );

    { name: "John", lang: "JS" }为一个hash对象，依次将hash中每组对象传入到函数中
$.extend(obj, prop)  用第二个对象扩展第一个对象

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);

执行后settings对象为{ validate: true, limit: 5, name: "bar" }
可以用下面函数来测试

$(function(){
       var settings = { validate: false, limit: 5, name: "foo" };
        var options = { validate: true, name: "bar" };
        $.extend(settings, options);
        $.each(settings,  function(i){ alert( i + "=" + this ); });
})

$.grep(array,fn)  通过函数fn来过滤array，将array中的元素依次传给fn，fn必须返回一个boolen，如fn返回true，将被过滤

$(function(){
        var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
        $.each(arr, function(i){ alert(i); });
})

我们可以看待执行$.grep后数组[0,1,2,3,4]变成[0，1]
$.merge(first, second)  两个参数都是数组，排出第二个数组中与第一个相同的，再将两个数组合并

$(function(){ 
        var arr = $.merge( [0,1,2], [2,3,4] )
        $.each(arr,  function(i){ alert(i); });
})

可以看出arr的结果为[0,1,2,3,4]
$.trim(str)  移出字符串两端的空格
    $.trim("   hello, how are you?   ")的结果是"hello, how are you?"
                                   五：动态效果

       在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则 显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否 等于none，如果等于则设为block,如果不等于这设为none，如果在将效果设置复杂一点，当点击按钮时，不是忽然隐藏和显示子菜单，而是高度平滑 的转变，这时就要通过setTimeout来设置子菜单的height了，再复杂一点透明度也平滑的消失和显现，这时显现下来需要编写很多代码，如果js 基础不好的朋友可能只能从别人写好的代码拿过来修改了！jQuery实现上面效果只需要1句话就行，$("#a").toggle("slow"),,学完jQuery后还需要抄袭修改别人的代码吗？下面我们逐个介绍jQuery用于效果处理的方法。
hide()  隐藏匹配对象

<p id="a">Hello Again</p><a href="#" onClick=’ ("#a").hide()’>jQuery</a>

当点击连接时,id为a的对象的display变为none。
show() 显示匹配对象
hide(speed)  以一定的速度隐藏匹配对象，其大小（长宽）和透明度都逐渐变化到0，speed有3级("slow", "normal",  "fast")，也可以是自定义的速度。
show(speed)  以一定的速度显示匹配对象，其大小（长宽）和透明度都由0逐渐变化到正常
hide(speed, callback)  show(speed, callback) 当显示和隐藏变化结束后执行函数callback
toggle()    toggle(speed) 如果当前匹配对象隐藏，则显示他们，如果当前是显示的，就隐藏，toggle(speed),其大小（长宽）和透明度都随之逐渐变化。

<img src="1.jpg" style="width:150px"/>
<a href="#" onClick='$("img").toggle("slow")'>jQuery</a>

fadeIn(speeds)   fadeOut(speeds)  根据速度调整透明度来显示或隐藏匹配对象，注意有别于hide(speed)和show(speed)，fadeIn和fadeOut都只调整透明度，不调整大小

<img src="1.jpg" style="display:none"/><a href="#" onClick='$("img ").fadeIn("slow")'> jQuery </a>

点击连接后可以看到图片逐渐显示。
fadeIn(speed, callback)  fadeOut(speed, callback)   callback为函数，先通过调整透明度来显示或隐藏匹配对象，当调整结束后执行callback函数

<img src="1.jpg"/>
<a href="#" onClick='$("img ").fadeIn("slow",function(){ alert("Animation Done."); })'> jQuery </a>

点击连接后可以看到图片逐渐显示,显示完全后弹出对话框
fadeTo(speed, opacity, callback)  将匹配对象以speed速度调整倒透明度opacity，然后执行函数callback。Opacity为最终显示的透明度(0-1).

<img src="1.jpg"/><br>
<a href="#" onClick='$("img ").fadeTo("slow",0.55,function(){ alert("Animation Done."); })'> jQuery </a>

大家可以看一下自己看看效果，如果不用jQuery，编写原始javascript脚本可能很多代码！
slideDown(speeds)  将匹配对象的高度由0以指定速率平滑的变化到正常！

<img src="1.jpg" style="display:none"/>
<a href="#" onClick='$("img ").slideDown("slow")'>jQuery</a>

slideDown(speeds,callback)  将匹配对象的高度由0变化到正常！变化结束后执行函数callback

slideUp("slow")  slideUp(speed, callback) 匹配对象的高度由正常变化到0

slideToggle("slow") 如果匹配对象的高度正常则逐渐变化到0，若为0，则逐渐变化到正常 
 六：事件处理

 hover(Function, Function)    当鼠标move over时触发第一个function，当鼠标move out时触发第二个function
样式：<style>.red{color:#FF0000}</style>
Html代码： <div id="a">sdf</div>
jQuery代码及效果

$(function(){
  $("#a").hover(function(){$(this).addClass("red");},
                            function(){ $(this).removeClass("red"); 
                          });
})

最终效果是当鼠标移到id为a的层上时图层增加一个red样式，离开层时移出red样式
toggle(Function, Function)    当匹配元素第一次被点击时触发第一个函数，当第二次被点击时触发第二个函数
样式：<style>.red{color:#FF0000}</style>
Html代码： <div id="a">sdf</div>
jQuery代码及效果

$(function(){
  $("#a"). toggle (function(){$(this).addClass("red");},
                              function(){ $(this).removeClass("red"); 
                            });
})

最终效果是当鼠标点击id为a的层上时图层增加一个red样式，离开层时移出red样式
bind(type, fn)   用户将一个事件和触发事件的方式绑定到匹配对象上。
trigger(type)   用户触发type形式的事件。$("p").trigger("click")
还有：unbind()   unbind(type)    unbind(type, fn)

Dynamic event(Function)    绑定和取消绑定提供函数的简捷方式
例：

$("#a").bind("click",function() { 
                                       $(this).addClass("red");
})

也可以这样写：

$("#a").click(function() { 
                        $(this).addClass("red");
});

最终效果是当鼠标点击id为a的层上时图层增加一个red样式，
jQuery提供的函数
用于browers事件
error(fn)    load(fn)     unload(fn)    resize(fn)    scroll(fn)

用于form事件
change(fn)    select(fn)    submit(fn)
用于keyboard事件
keydown(fn)    keypress(fn)    keyup(fn)

用于mouse事件
click(fn)    dblclick(fn)    mousedown(fn)   mousemove(fn)
mouSEOut(fn)  mouSEOver(fn)     mouseup(fn)

用于UI事件
blur(fn)    focus(fn)
以上事件的扩展再扩展为5类
举例，click(fn) 扩展 click()  unclick()  oneclick(fn)  unclick(fn)
click(fn)：增加一个点击时触发某函数的事件
click()：可以在其他事件中执行匹配对象的click事件。
unclick ()：不执行匹配对象的click事件。
oneclick(fn)：只增加可以执行一次的click事件。
unclick (fn)：增加一个点击时不触发某函数的事件。
上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。

                                       七：Ajax支持

 通用方式：
$.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。
         (String)type：数据传递方式(get或post)。
         ((String)url：数据请求页面的url
         ((String)data：传递数据的参数字符串，只适合post方式
         ((String)dataType：期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
         ((Boolean)ifModified： 当最后一次请求的相应有变化是才成功返回，默认值是false
         ((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
         ((Boolean)global：是否为当前请求触发ajax全局事件，默认为true
         ((Function)error：当请求失败时触发的函数。
         ((Function)success：当请求成功时触发函数
         ((Function)complete：当请求完成后出发函数
jQuery代码及说明

$.ajax({url: "ajax.htm",
          success:function(msg){ 
                         $(div"#a").html(msg);
                } 
    });

将ajax.htm返回的内容作为id为a的div内容

$.ajax({ url: "ajax.aspx",
              type:"get",           
             dataType:"html",
             data: "name=John&location=Boston",
             success:function(msg){ 
                                 $("#a").html(msg);
                              } 
         });

用get方式向ajax.aspx页面传参数，并将返回内容负给id为a的对象。
$.ajaxTimeout(time) 设置请求结束时间
   $.ajaxTimeout( 5000 )
其它简化方式：

$.get(url, params, callback)  用get方式向远程页面传递参数，请求完成后处理函数，除了url外，其它参数任意选择！

$.get( "ajax.htm" , function(data){ $("#a").html(data)  })

$.get(   "ajax.asp", 
            { name: "young", age: "25" },
            function(data){ alert("Data Loaded: " + data); }
        ) 

$.getIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，执行函数callback
$.getJSON(url, params, callback)  用get方式向远程json对象传递参数，请求完成后处理函数callback。
$.getScript(url, callback)  用get方式载入并运行一个远程javascript文件。请求完成后处理函数callback。
$.post(url, params, callback)  用post方式向远程页面传递参数，请求完成后处理函数callback
load(url, params, callback)  载入一个远程文件并载入页面DOM中，并执行函数callback

$("#a").load("ajax.htm", function() { alert("load is done"); } );

仰天一笑 徐羽 向ajax.htm页面发出请求，将返回结果装入id为a的内容中，然后再执行函数callback。
loadIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，将返回结果载入页面DOM中，并执行函数callback
ajaxStart(callback) 当ajax请求发生错误是时执行函数callback
ajaxComplete(callback)  当ajax请求完成时执行函数callback
ajaxError(callback)  当ajax请求发生错误时执行函数callback
ajaxStop(callback)  当ajax请求停止时执行函数callback
ajaxSuccess(callback)  当ajax请求成功时执行函数callback
   
                                       八：jQuery插件

     随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件 就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考，这些网站头提供了大量的demo，并且使用及其简单，及时E文不好，也能快速掌握！
    http://jquery.com/plugins     官方推荐
    http://interface.eyecon.ro/demos    效果超级棒，使用更简单，一定有你喜欢的！
    http://www.dyve.net/jquery/
    http://bassistance.de/jquery-plugins
   还有其它很多插件，大家可以google以下，如果大家发现好的了，可以留言共享以下！
   
    ——————————————————————————————————————————————
    至此jQuery已经介绍完毕，并合并整理提供给大家 下载 ，更多详细的使用请大家参考官方网站，下面我再推荐一些jQuery的学习网站方便大家更好的掌握这项工具！
    http://keel.sike.googlepages.com/jQuery_getting_started.html     中文入门介绍，Keel翻译
    http://jquery.com/api      jquery提供全部基本方法的介绍及demo，方便大家查询！

“^\d+$” //非负整数（正整数 + 0）
“^[0-9]*[1-9][0-9]*$” //正整数
“^((-\d+)|(0+))$” //非正整数（负整数 + 0）
“^-[0-9]*[1-9][0-9]*$” //负整数
“^-?\d+$” //整数
“^\d+(\.\d+)?$” //非负浮点数（正浮点数 + 0）
“^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$” //正浮点数
“^((-\d+(\.\d+)?)|(0+(\.0+)?))$” //非正浮点数（负浮点数 + 0）
“^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$” //负浮点数
“^(-?\d+)(\.\d+)?$” //浮点数
“^[A-Za-z]+$” //由26个英文字母组成的字符串
“^[A-Z]+$” //由26个英文字母的大写组成的字符串
“^[a-z]+$” //由26个英文字母的小写组成的字符串
“^[A-Za-z0-9]+$” //由数字和26个英文字母组成的字符串
“^\w+$” //由数字、26个英文字母或者下划线组成的字符串
“^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$” //email地址
“^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$” //url
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/ // 年-月-日
/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/ // 月/日/年
“^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$” //Emil
“(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?” //电话号码
“^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$” //IP地址
YYYY-MM-DD基本上把闰年和2月等的情况都考虑进去了
^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$
C#正则表达式
图片 src[^>]*[^/].(?:jpg|bmp|gif)(?:\”|\')
中文 ^([\u4e00-\u9fa5]+|[a-zA-Z0-9]+)$
网址 “\foundAnchor>[^'””>]+?)[^>]*?\>”
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
—————————————————————————
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup=”value=value.replace(/[^\u4E00-\u9FA5]/g,'')” onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))”
1.用正则表达式限制只能输入全角字符： onkeyup=”value=value.replace(/[^\uFF00-\uFFFF]/g,'')” onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))”
2.用正则表达式限制只能输入数字：onkeyup=”value=value.replace(/[^\d]/g,'') “onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))”
3.用正则表达式限制只能输入数字和英文：onkeyup=”value=value.replace(/[\W]/g,'') “onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))”
4.计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,”aa”).length;}
5.JavaScript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：
String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}
利用正则表达式分解和转换IP地址：
6.下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的JavaScript程序：
function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(“不是一个正确的IP地址!”)
}
}
不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：
var ip=”10.100.20.168″
ip=ip.split(“.”)
alert(“IP值是：”+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
(?<=>)[^>]*(?=<)

代码下载位置: MVCFramework2008_03.exe (189 KB)
Browse the Code Online

 目录

模型视图控制器模式
创建控制器
创建视图
稍大的示例
创建表单和回发
创建控制器
其他扩展点
要告别 Web 窗体吗？

Figure 1 MVC 模式请求流程 (单击该图像获得较大视图)

Figure 2 MVC 项目结构 

复制代码

using System;
using System.Web;
using System.Web.Mvc;
namespace HelloFromMVC.Controllers
{
public class HelloController : Controller
{
[ControllerAction]
public void Index()
{
...
}
}
}

复制代码

[ControllerAction]
public void HiThere(string id)
{
ViewData["Name"] = id;
RenderView("HiThere");
}

 Figure 3 Controller Unit Test

复制代码

namespace HelloFromMVC.Tests {     [TestClass]     public class HelloControllerFixture     {         [TestMethod]         public void HiThereShouldRenderCorrectView()         {             TestableHelloController controller = new                TestableHelloController();             controller.HiThere("Chris");              Assert.AreEqual("Chris", controller.Name);             Assert.AreEqual("HiThere", controller.ViewName);         }      }      class TestableHelloController : HelloController     {         public string Name;         public string ViewName;          protected override void RenderView(             string viewName, string master, object data)         {             this.ViewName = viewName;             this.Name = (string)ViewData["Name"];         }     }  }  

Figure 4 将视图添加到项目中 (单击该图像获得较大视图)

复制代码

<html  >
<head runat="server">
<title>Hi There!</title>
</head>
<body>
<div>
<h1>Hello, <%= ViewData["Name"] %></h1>
</div>
</body>
</html>

复制代码

using System;
using System.Web;
using System.Web.Mvc;
namespace HelloFromMVC.Views.Hello
{
public partial class HiThere : ViewPage
{
}
}

Figure 5 成功的 MVC 视图 (单击该图像获得较大视图)

 Figure 6 Route Table

复制代码

public class Global : System.Web.HttpApplication
{
protected void Application_Start(object sender, EventArgs e)
{
// Change Url= to Url="[controller].mvc/[action]/[id]"
// to enable automatic support on IIS6
RouteTable.Routes.Add(new Route
{
Url = "[controller]/[action]/[id]",
Defaults = new { action = "Index", id = (string)null },
RouteHandler = typeof(MvcRouteHandler)
});
RouteTable.Routes.Add(new Route
{
Url = "Default.aspx",
Defaults = new {
controller = "Home",
action = "Index",
id = (string)null },
RouteHandler = typeof(MvcRouteHandler)
});
}
}

复制代码

Url = "[controller]/[action]/[id]"

复制代码

  RouteTable.Routes.Add(new Route
{
Url = "[id]",
Defaults = new {
controller = "Hello",
action = "HiThere" },
RouteHandler = typeof(MvcRouteHandler)
});

Figure 7 编辑主页 (单击该图像获得较大视图)

 Figure 8 WikiPageController Implementation of ShowPage

复制代码

public class WikiPageController : Controller  {   ISpaceRepository repository;    public ISpaceRepository Repository    {     get {       if (repository == null)        {         repository = new FileBasedSpaceRepository(             Request.MapPath("~/WikiPages"));       }       return repository;     }      set { repository = value; }   }    [ControllerAction]   public void ShowPage(string pageName, int? version)    {     WikiSpace space = new WikiSpace(Repository);     WikiPage page = space.GetPage(pageName);      RenderView("showpage",        new WikiPageViewData        {          Name = pageName,         Page = page,         Version = version ?? 0        });   } }  

 Figure 9 WikiPageViewData Object

复制代码

public class WikiPageViewData {      public string Name { get; set; }     public WikiPage Page { get; set; }     public int Version { get; set; }      public WikiPageViewData() {         Version = 0;     }      public string NewVersionUrl {         get {             return string.Format("/CreateNewVersion/{0}", Name);         }     }      public string Body {         get { return Page.Versions[Version].Body; }     }      public string HtmlBody {         get { return Page.Versions[Version].BodyAsHtml(); }     }      public string Creator {         get { return Page.Versions[Version].Creator; }     }      public string Tags {         get { return string.Join(",", Page.Versions[Version].Tags); }     } }  

复制代码

namespace MiniWiki.Views.WikiPage {
public partial class ShowPage : ViewPage<WikiPageViewData>
{
}
}

复制代码

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"
AutoEventWireup="true" CodeBehind="ShowPage.aspx.cs"
Inherits="MiniWiki.Views.WikiPage.ShowPage" %>
<asp:Content
ID="Content1"
ContentPlaceHolderID="MainContentPlaceHolder"
runat="server">
<h1><%= ViewData.Name %></h1>
<div id="content" class="wikiContent">
<%= ViewData.HtmlBody %>
</div>
</asp:Content>

复制代码

namespace MiniWiki.Views.Layouts
{
public partial class Site :
System.Web.Mvc.ViewMasterPage<WikiPageViewData>
{
}
}

 Figure 10 Site.Master

复制代码

<%@ Master Language="C#"    AutoEventWireup="true"    CodeBehind="Site.master.cs"    Inherits="MiniWiki.Views.Layouts.Site" %> <%@ Import Namespace="MiniWiki.Controllers" %> <%@ Import Namespace="MiniWiki.DomainModel" %> <%@ Import Namespace="System.Web.Mvc" %> <html > <head runat="server">   <title><%= ViewData.Name %></title>   <link href="http://../../Content/Site.css" rel="stylesheet" type="text/css" /> </head> <body>   <div id="inner">     <div id="top">       <div id="header">         <h1><%= ViewData.Name %></h1>       </div>       <div id="menu">         <ul>           <li><a href="http://Home">Home</a></li>           <li>             <%= Html.ActionLink("Edit this page",                    new { controller = "WikiPage",                          action = "EditPage",                          pageName = ViewData.Name })%>         </ul>       </div>     </div>     <div id="main">       <div id="revisions">         Revision history:         <ul>           <%              int i = 0;             foreach (WikiPageVersion version in ViewData.Page.Versions)             { %>               <li>                 <a href="http://<%= ViewData.Name %>?version=<%= i %>">                   <%= version.CreatedOn %>                   by                   <%= version.Creator %>                 </a>               </li>           <%  ++i;           } %>         </ul>       </div>       <div id="maincontent">         <asp:ContentPlaceHolder            ID="MainContentPlaceHolder"            runat="server">         </asp:ContentPlaceHolder>       </div>     </div>   </div> </body> </html>  

复制代码

[ControllerAction]
public void EditPage(string pageName)
{
WikiSpace space = new WikiSpace(Repository);
WikiPage page = space.GetPage(pageName);
RenderView("editpage",
new WikiPageViewData {
Name = pageName,
Page = page });
}

 Figure 11 EditPage.aspx

复制代码

<%@ Page Language="C#"    MasterPageFile="~/Views/Shared/Site.Master"    AutoEventWireup="true"    CodeBehind="EditPage.aspx.cs"    Inherits="MiniWiki.Views.WikiPage.EditPage" %> <%@ Import Namespace="System.Web.Mvc" %> <%@ Import Namespace="MiniWiki.Controllers" %> <asp:Content ID="Content1"    ContentPlaceHolderID="MainContentPlaceHolder"    runat="server">   <form action="<%= Url.Action(     new { controller = "WikiPage",      action = "NewVersion",      pageName = ViewData.Name })%>" method=post>     <%       if (ViewContext.TempData.ContainsKey("errors"))       {     %>     <div id="errorlist">       <ul>       <%         foreach (string error in            (string[])ViewContext.TempData["errors"])         {       %>         <li><%= error%></li>       <% } %>       </ul>     </div>     <% } %>     Your name: <%= Html.TextBox("Creator",                    ViewContext.TempData.ContainsKey("creator") ?                     (string)ViewContext.TempData["creator"] :                     ViewData.Creator)%>     <br />     Please enter your updates here:<br />     <%= Html.TextArea("Body", ViewContext.TempData.ContainsKey("body") ?          (string)ViewContext.TempData["body"] :          ViewData.Body, 30, 65)%>     <br />     Tags: <%= Html.TextBox(               "Tags", ViewContext.TempData.ContainsKey("tags") ?                (string)ViewContext.TempData["tags"] :                ViewData.Tags)%>     <br />     <%= Html.SubmitButton("SubmitAction", "OK")%>     <%= Html.SubmitButton("SubmitAction", "Cancel")%>   </form> </asp:Content>  

 Figure 12 NewVersion Action

复制代码

[ControllerAction] public void NewVersion(string pageName) {   NewVersionPostData postData = new NewVersionPostData();   postData.UpdateFrom(Request.Form);    if (postData.SubmitAction == "OK") {     if (postData.Errors.Length == 0) {       WikiSpace space = new WikiSpace(Repository);       WikiPage page = space.GetPage(pageName);       WikiPageVersion newVersion = new WikiPageVersion(         postData.Body, postData.Creator, postData.TagList);       page.Add(newVersion);     } else {       TempData["creator"] = postData.Creator;       TempData["body"] = postData.Body;       TempData["tags"] = postData.Tags;       TempData["errors"] = postData.Errors;        RedirectToAction(new {          controller = "WikiPage",          action = "EditPage",          pageName = pageName });       return;     }   }    RedirectToAction(new {      controller = "WikiPage",     action = "ShowPage",      pageName = pageName }); }  

 Figure 13 Controller Factory

复制代码

public class WikiPageControllerFactory : IControllerFactory {    public IController CreateController(RequestContext context,      Type controllerType)   {     return new WikiPageController(       GetConfiguredRepository(context.HttpContext.Request));   }    private ISpaceRepository GetConfiguredRepository(IHttpRequest request)   {     return new FileBasedSpaceRepository(request.MapPath("~/WikiPages"));   } }  

复制代码

ControllerBuilder.Current.SetControllerFactory(
typeof(WikiPageController), typeof(WiliPageControllerFactory));

函数虽然简单，但是对处理HTML文档还是很有效的
<%
Function RemoveHTML(strHTML)
Dim objRegExp, Match, Matches
Set objRegExp = New Regexp
objRegExp.IgnoreCase = True
objRegExp.Global = True
'取闭合的<>
objRegExp.Pattern = "<.+?>"
'进行匹配
Set Matches = objRegExp.Execute(strHTML)
' 遍历匹配集合，并替换掉匹配的项目
For Each Match in Matches
strHtml=Replace(strHTML,Match.Value,"")
Next
RemoveHTML=strHTML
Set objRegExp = Nothing
End Function
%>

http://plugins.JQuery.com/project/FCKEditor/

由于在.net中，Request时出现有HTML或JavaScript等字符串时，系统会认为是危险性值。立马报错上面的错误。6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
解决办法：6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
解决方案一： 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
在.aspx文件头中加入这句： 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
<%@ Page validateRequest="false"  %> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
解决方案二： 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
修改web.config文件: 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
<configuration> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
  <system.web> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
    <pages validateRequest="false" /> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
  </system.web> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
</configuration> 6jZÁªÉÞ¯‚www.orpai.com&decäs¢?$
因为validateRequest默认值为true。只要设为false即可