开发笔记 第676页

[转载]ASP.NET MVC 3 Beta初体验之超酷的Chart – 海纳百川 – 博客园.

        public ActionResult BasicChart()
        {
            return View();
        }

<p>
    @{
    var key = new Chart(width: 600, height: 400)
    .AddTitle("人员流动情况")
    .AddSeries(name: "Employee",xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"}, yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"})
    .Write();
    }
</p>

        public ActionResult ShowBasicChart()
        {
            return View();
        }

View代码：定义一个img标签，将src改成生成图片的action。

<p><img src="BasicChart" /> </p>

效果：有了站点样式和母板：

第二种方式：数据库查询

示例：

@{     var db = Database.Open("SmallBakery"); 
    var data = db.Query("SELECT Month, Number FROM Employee"); 
    var key = new Chart(width: 600, height: 400) 
        .AddTitle("人员流动") 
        .DataBindTable(dataSource: data, xField: "Month")
         .Write(); }

第三种方式：XML

@using System.Data; @{    
 var dataSet = new DataSet();     
dataSet.ReadXmlSchema(Server.MapPath("~/App_Data/data.xsd")); 
    dataSet.ReadXml(Server.MapPath("~/App_Data/data.xml"));  
   var dataView = new DataView(dataSet.Tables[0]); 
      var key = new Chart(width: 600, height: 400)     
    .AddTitle("Sales Per Employee")    
     .AddSeries("Default", chartType: "Pie",   
          xValue: dataView, xField: "Name",  
           yValues: dataView, yFields: "Sales")  
       .Write(); 
}

        @{     
       var key = new Chart(width: 600, height: 400)         
       .AddTitle("人员流动情况")         
       .AddSeries(name: "Employee",chartType: "Pie", xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"}, yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"})         
       .Write(); 
      }

template属性：它可以定义背景模板，如修改代码为：template: ChartTheme.Green

代码

    @{
    var key = new Chart(width: 600, height: 400,template: ChartTheme.Green)
    .AddTitle("人员流动情况")
    .AddSeries(name: "Employee",xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"}, yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"})
    .Write();
    }

效果：

3、Chart保存

将Chart保存到缓存中：看下面代码：

代码

@{     
    var chartKey = Request["key"]; 
    if (chartKey != null) 
    {        
            var cachedChart = Chart.GetFromCache(key: chartKey);  
            if (cachedChart == null) 
            {  
                 cachedChart = new Chart(600, 400);    
                 cachedChart.AddTitle("Cached Chart -- Cached at " + DateTime.Now); 
                 cachedChart.AddSeries(               
                 name: "Employee",   
                 axisLabel: "Name",        
                 xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"}, 
                 yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"});      
                 cachedChart.SaveToCache(key: chartKey,minutesToCache: 2,slidingExpiration: false);     
             }      
            Chart.WriteFromCache(chartKey);  
     } 
   }

Chart.GetFromCache(key: chartKey)将根据key从缓存中取出Chart，cachedChart.SaveToCache(key: chartKey,minutesToCache: 2,slidingExpiration: false)是将Chart缓存起来。看下图：

当再次请求的时候，就直接从缓存中取数据。设置缓存两分钟，两分钟之后这次的缓存失效。

将Chart保存为图片：

使用下面代码将图形保存为图片：

    @{
    var filePathName = "_ChartFiles/chart01.jpg";
    if (!File.Exists(Server.MapPath(filePathName)))
    {
    var chartImage = new Chart(600, 400);
    chartImage.AddTitle("Chart Title");
    chartImage.AddSeries(
    name: "Employee",
    axisLabel: "Name",
    xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"},
    yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"});
    chartImage.Save(path: filePathName);
    }
    }

保存之后的图片：

将Chart保存为保存为XML：

    @{   Chart chartXml;
    var filePathName = "_ChartFiles/XmlChart.xml";
    if (File.Exists(Server.MapPath(filePathName)))
    {
    chartXml = new Chart(width: 600,height: 400,templatePath: filePathName);
    }
    else {
    chartXml = new Chart(width: 600,height: 400);
    chartXml.AddTitle("Chart Title -- Saved at " + DateTime.Now);
    chartXml.AddSeries(
    name: "Employee",
    axisLabel: "Name",
    xValue: new[] {  "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"},
    yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"});
    chartXml.SaveXml(path: filePathName);
    }
    chartXml.Write();
    }

从上面代码我们可以看到，可以通过templatePath将XML转换成Chart。通过SaveXml可以将Chart保存为XML。生成的XML如下：

代码

<Chart Width="600" Height="400">
  <Series>
    <Series Name="Employee" XValueType="String" YValueType="String" ChartArea="Default" AxisLabel="Name">
      <Points>
        <DataPoint YValues="2" AxisLabel="一月份" />
        <DataPoint YValues="6" AxisLabel="二月份" />
        <DataPoint YValues="4" AxisLabel="三月份" />
        <DataPoint YValues="5" AxisLabel="四月份" />
        <DataPoint YValues="3" AxisLabel="五月份" />
        <DataPoint YValues="4" AxisLabel="六月份" />
        <DataPoint YValues="9" AxisLabel="七月份" />
        <DataPoint YValues="2" AxisLabel="八月份" />
        <DataPoint YValues="5" AxisLabel="九月份" />
      </Points>
    </Series>
  </Series>
  <ChartAreas>
    <ChartArea Name="Default">
    </ChartArea>
  </ChartAreas>
  <Titles>
    <Title Name="Title1" Text="Chart Title -- Saved at 2010/10/19 23:41:02">
    </Title>
  </Titles>
</Chart>

总结：本文就三个方面介绍了ASP.NET MVC 3 Beta中的Chart。包括它的数据源配置、显示以及保存。

参考：http://www.asp.net/webmatrix/tutorials/7-displaying-data-in-a-chart

本文完整代码：http://files.cnblogs.com/zhuqil/MvcApplicationChart.rar

作者：朱祁林
出处：http://zhuqil.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

[转载]【More Effective C#】Lambda表达式优化 – 空逸云 – 博客园.

使用Lambda表达式将会造成Lambda表达式主题部分的代码重复.

var allEmployees = new List<Employee>() { new Employee { EmployeeId = 1, Classification = 1, FirstName = "Skin", LastName = "Sen" } };

            var earlyFolks = from e in allEmployees

                             where e.MonthlySalary < 4000 && e.Classification == 1 && e.YearsOfService > 20

                             select e;

若每当我们要获取一次不同工薪阶层的数据.就要重复一次.相信久经”高重用,松耦合”定律的你.肯定会想尽办法将其实现高重用,松耦合.在以前方法调用的时代.可能你会将其提炼出

private static bool LowPaidSalaried(Employee e, int salar)
        {
            return e.MonthlySalary < salar && e.Classification == 1;
        }

这样,每次我们调用的时候,将大大减少代码量,提高可复用性.

var earlyFolks = from e in allEmployee
                             where LowPaidSalaried(e, 4000) && e.YearsOfService > 20
                             select e;

然而,很不幸的是.在这里.这种重构的方式反倒降低了其可重用性.实际上,第一种方法的可重用性比第二种方法更高些.为什么呢?明明已经提炼出重用方法了.这与Lambda表达式的求值,解析以及最终的执行方式有关.

前面的<<LINQ表达式与方法调用的映射>>里说过.编译器会根据不同的LINQ Provider将Lambda表达式转换成不同的内容来执行.对于LINQ to Object.将转换成委托方法.而LINQ to SQL则是转换成表达式数.在数据迭代时才会转换成SQL语句执行.所以.若我们是在LINQ2SQL或ADO.Net EF中如此重构.编译期通过了.但运行时将出错.因为无法将你的自定义方法转换成相关的SQL语句.,因此.将抛出一个异常.

难道,Lambda表达式就只能重复再重复了吗?当然不是.在这里.延迟执行很好的将其作用发挥得淋漓精致.前面说过.延迟执行保存的并不是值,而是获取 值的方法或者步骤.这样,每次我们调用完”获取”数据的方法.实际上.数据还没获得.得到的.只是一系列的”步骤”.我们可以在步骤的的基础上再添加步 骤.这样.就完美的实现了Lambda下的重构.

public static IQueryable<Employee> LowPaidSalaried(this IQueryable<Employee> sequence)
        {
            return from s in sequence
                   where s.Classification == 1 && s.MonthlySalary < 4000
                   select s;
        }

var allEmployees = FindAllEmployees();

var salaried = allEmployees.LowPaidSalaried();

这样.只有在需要数据的时候,才会根据”步骤”得到相应的数据.对于IEnumerable<T>,我们可以使用yield return来返回序列.

在复杂的查询中服用Lambda表达式最有效的办法就是封装封闭泛型类型的查询创建扩展方法.通过包含Lambda表达式的小方法叠加”步骤”.从而达到最有效的优化.

[转载]InfoQ: Data Link：jQuery的数据绑定插件.

作为微软贡献的JQuery程序库之一，Data Link让双向数据绑定成为可能。尽管目的相同，Data Link的实现和WPF或者Silverlight则是完全不同的。

Data Link通过一个名为link的方法，来将表单中的input元素和目标对象绑定在一起。就像在XAML中设置一个DataContext一般，link 方法是由表单来调用的。默认情况下，这会在每个命名input元素和对象相对应的字段之间创建一个双向绑定。然而，还有很多选项可供选择。

如果不需要绑定所有的元素，开发者可以将一个形如“{fieldName: “elementName”, …}”的字典传给表单。这样就限定了数据绑定的范围，只会绑定指定的元素字段对。对于特定的元素，还可通过设置“twoWay: false”选项，来避免对象的改变反过来影响input元素。

值转换器和twoWay属性有些类似，命名为“convert”和“convertBack”。和XAML不同的是，既可以把一个函数作为参数传 入，也可以通过一个内联的匿名函数来定义转换器。如果在某些绑定字段变化的时候，其他字段也要随之变动的话，便可通过转换器来实现。

jQuery Data Link API依赖于JQuery 1.4.3，这个版本尚未发布。可以在github上下载jQuery 1.4.3和jQuery Data Link。JQuery Data Link基于MIT和GPL V2授权。

查看英文原文：Data Link – A Data-Binding for jQuery

[转载]Asp.net mvc3.0安装包及帮助文档下载地址~~ – 王祖康 – 博客园.

http://go.microsoft.com/fwlink/?LinkID=157073这个是安装包的下载地址。

http://go.microsoft.com/fwlink/?LinkId=145989这个是mvc3.0帮助文档的下载地址，不过此帮助文档是英文的。

[转载][ASP.NET MVC 专题] ViewEngine的发展以及应用 – JasenKin – 博客园.

ViewEngine的发展以及应用

(一)MVC1版本的ViewEngine

从上图，我们可以知道：（1）当客户端发送请求时，DefaultControllerFactory根据RequestContext对象和ControllerName来生成我们的Controller。Controller的ViewDataDictionary将保存相关的数据，并且通过ViewEngine传递给View。

public virtual IController CreateController(RequestContext requestContext, string controllerName)
{
Type controllerType = this.GetControllerType(requestContext, controllerName); //type = this.GetControllerTypeWithinNamespaces(requestContext.RouteData.Route, controllerName, namespaces);
return this.GetControllerInstance(requestContext, controllerType);
}

protected internal virtual IController GetControllerInstance(RequestContext requestContext, Type controllerType)
{
return (IController) Activator.CreateInstance(controllerType);//反射
}

（2）在我们以前的MVC版本中，Controller拥有ViewEngine的属性。我们先看下下述的代码：ViewEngine依据ViewContext，ViewLocator怎么处理View以及响应客户端？？

public void RenderView(ViewContext viewContext)
{
string viewLocation = ViewLocator.GetViewLocation(viewContext, viewContext.ViewName);//根据ViewContext以及相关内容获取view的相对文件路径
string viewPath = viewContext.HttpContext.Request.MapPath(viewLocation););//获取view的绝对文件路径
string viewTemplate = File.ReadAllText(viewPath);//读取文件内容
IRenderer renderer = new PrintRenderer();
viewTemplate = renderer.Render(viewTemplate, viewContext);//正则表达式处理相应内容，难点！
viewContext.HttpContext.Response.Write(viewTemplate);//发送响应到客户端
}

从上面的代码中，我们能够清晰的看到，总体框架就是这么赤裸裸的“请求—>响应”。虽然代码是过去版本的，但是依旧能够使我们比较容易的理解整个过程的细节。

关于以前版本的自定义ViewEngine请参考http://blog.maartenballiauw.be/post/2008/05/Creating-a-custom-ViewEngine-for-the-ASPNET-MVC-framework.aspx

（二）随着MVC版本的改进，我们的ViewEngine一直在变，从未被超越。ViewLocator不再使用了，将属性整合到ViewEngine中了。先看下我们的继承链上的LocationFormats，如下：

上面的6个属性就涵盖了我们的代码文件的相对路径形式。如果要改变我们的代码文件路径，我们需要设置一下我们自己的LocationFormats。我们仅仅需要做的就是将父类的属性重新设置成相关的路径形式既可，如下示例：

将属性重新赋值后，相对路径就改变了，系统会通过GetLocation()方法获取每次请求匹配的相对视图路径地址。我们可以通过 ViewEngineCollection(IList<T>)来添加自己的ViewEngine。如下所示，我们通过双检锁的技巧（盗版的）来添加新的ViewEngine。其他的留给系统去考虑吧，XX，封装的太厉害了，哥也有时候摸不清方向！

将你的相关的代码文件放在你想放置的地方，对于public HomeViewEngine(string directory){}构造函数，我们实例化 HomeViewEngine时传递相关的参数既可。系统会根据相关路径查找文件。

（三）RazorViewEngine的相对文件路径如下：

我们同样可以通过继承来覆盖原有的LocationFormats，这样，我们的视图文件路径也就可以随心所欲的放置在自己的目录下了。

更多Razor应用的请参考http://weblogs.asp.net/rashid/archive/2010/07/10/use-razor-as-asp-net-mvc-viewengine.aspx

总结

本文稍微的总结了ViewEngine的发展以及如何在项目中应用。随着MVC版本的改进，封装越来越多，很多细节被掩盖了。在Razor中，系统根据ViewEngine的相关路径属性获取的文件内容，系统如何处理@指令的？

Regex templatePattern = new Regex(@”@？？？”, RegexOptions.Multiline);//@？？

MatchEvaluator replaceCallback = new MatchEvaluator(m => HandleRegexData());
templatePattern.Replace(viewTemplate, replaceCallback);这个需进一步学习才行。

作者：JasenKin
出处：http://www.cnblogs.com/jasenkin/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

[转载]ASP.NET MVC 3 Beta之WebGrid的使用 – 海纳百川 – 博客园.

ASP.NET MVC 3 Beta中除了推出一种新的视图引擎Razor。还推出了几种新的HtmlHelper。我比较关注的是WebGrid，这篇文章将介绍一下 WebGrid的使用。WebGrid提供了分页和排序的功能，在此之前在MVC中分页和排序时需要自己去写的。这篇文章将分别介绍在aspx视图引擎和 Razor视图引擎中如何使用它。

我通过ADO.NET Entity Data Model从NORTHWND的Products中表中取数据。在Controller中取数据：

    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            NORTHWNDEntities entity = new NORTHWNDEntities();
            return View( entity.Products.ToList());
        }
     }

在aspx视图引擎中使用WebGrid代码如下：

 <div id="grid">
 <% var grid = new WebGrid(source: Model, defaultSort: "ProductName", rowsPerPage: 5); %>
 <%=grid.GetHtml(
     tableStyle: "grid",
     headerStyle: "head",
     alternatingRowStyle: "alt",
     columns: grid.Columns(
               grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ProductID })),
               grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Employee', '{0}')", item.ProductID), @class = "Delete", href = "JavaScript:void(0)" })),
               grid.Column("ProductName","产品名称"),
               grid.Column("QuantityPerUnit","每单位数量"),
               grid.Column("UnitPrice","单价"),
               grid.Column("UnitsInStock", "库存单位"),
               grid.Column("UnitsOnOrder","订单单位"),
               grid.Column("ReorderLevel","重新排序级别"),
               grid.Column("Discontinued","已停产")
     )
     )

 
   %>
 </div>

在Razor中使用WebGrid代码如下：

 <div id="grid">
@{ 
 var grid = new WebGrid(source: Model,
defaultSort: "ProductName", 
rowsPerPage: 10);
}
@grid.GetHtml(
tableStyle: "grid",
headerStyle: "head",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ProductID })),
grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Product', '{0}')", item.ProductID), @class = "Delete", href = "JavaScript:void(0)" })), 
grid.Column("ProductName","产品名称"),
grid.Column("QuantityPerUnit","每单位数量"),
grid.Column("UnitPrice","单价"),
grid.Column("UnitsInStock", "库存单位"),
grid.Column("UnitsOnOrder","订单单位"),
grid.Column("ReorderLevel","重新排序级别"),
grid.Column("Discontinued","已停产")
)
)
</div>

WebGrid构造函数如下：

public WebGrid(IEnumerable<dynamic> source, IEnumerable<string> columnNames = null, string defaultSort = null, int rowsPerPage = 10, bool canPage = true, bool canSort = true, string ajaxUpdateContainerId = null, string fieldNamePrefix = null, string pageFieldName = null, string selectionFieldName = null, string sortFieldName = null, string sortDirectionFieldName = null);

常见参数意思是：

1、source 表示数据源

2、columnNames表示显示的列

3、defaultSort 默认按什么排序

4、rowsPerPage 每页多少行数据

5、canPage 是否能排序

上面两段代码的意思是定义了一个既分页又能排序的grid。

运行：

在看看两个view的完整代码：

aspx：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<List<WebGridAspx.Models.Products>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    产品列表
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script  type="text/javascript">
    function deleteRecord(a, b) {
        alert("删除:"+b);
    }
</script>
 <h2>产品列表</h2> 
 <div id="grid">
 <% var grid = new WebGrid(source: Model, defaultSort: "ProductName", rowsPerPage: 5); %>
 <%=grid.GetHtml(
     tableStyle: "grid",
     headerStyle: "head",
     alternatingRowStyle: "alt",
     columns: grid.Columns(
               grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ProductID })),
               grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Employee', '{0}')", item.ProductID), @class = "Delete", href = "JavaScript:void(0)" })),
               grid.Column("ProductName","产品名称"),
               grid.Column("QuantityPerUnit","每单位数量"),
               grid.Column("UnitPrice","单价"),
               grid.Column("UnitsInStock", "库存单位"),
               grid.Column("UnitsOnOrder","订单单位"),
               grid.Column("ReorderLevel","重新排序级别"),
               grid.Column("Discontinued","已停产")
     )
     )

 
   %>
 </div>


</asp:Content>

Razor：

代码

 @model List<WebGridRazor.Models.Products>
 @{
  View.Title = "产品列表";
 }

 <p>
 <h2>产品列表</h2> 
 <div id="grid">
  @{ 
  
  var grid = new WebGrid(source: Model,
  defaultSort: "ProductName", 
  rowsPerPage: 3);
 }
  @grid.GetHtml(
     tableStyle: "grid",
     headerStyle: "head",
     alternatingRowStyle: "alt",
     columns: grid.Columns(
          grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ProductID })),
          grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Product', '{0}')", item.ProductID), @class = "Delete", href = "JavaScript:void(0)" })), 
          grid.Column("ProductName","产品名称"),
          grid.Column("QuantityPerUnit","每单位数量"),
          grid.Column("UnitPrice","单价"),
          grid.Column("UnitsInStock", "库存单位"),
          grid.Column("UnitsOnOrder","订单单位"),
          grid.Column("ReorderLevel","重新排序级别"),
          grid.Column("Discontinued","已停产")
     )
     )
 </div>
 </p>

Razor去掉了那些模板页的代码，使代码看起来更整洁。比较喜欢Razor。

总结：本文很简单，介绍了一下ASP.NET MVC 3 Beta中新功能WebGrid，由于这种方式WebGrid是在内存中分页和排序的，所以不适合大数据量。

代码：http://files.cnblogs.com/zhuqil/MvcApplication11.rar

作者：朱祁林
出处：http://zhuqil.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

[转载]再续 asp.net 域名欺骗式开发之泛解析域名 – 路过秋天 – 博客园.

前言：

泛解析使用：在博客中比较常用，看博客园就知道了

泛解析开发：

如何进行？

方式一：修改host

在上次asp.net 域名欺骗式开发中，我们通过修改host文件，实现了域名欺骗。

但是对于二级域名，我们只能通过一个一个输入来解析如：

说明：

疑问：host文件的域名能不能改成*.cnblogs.com实现泛解析欺骗？答案是不能！

于是，我们需要另一种方案来实现泛解析的欺骗式开发，而迎之而来的就是：

方式二：DNS解析[对于DNS就不解释那么多了，详情问Google]

实现简单步骤[示例演示泛解析博客园]：

A ：从管理工具打开DNS

B ：右键新建区域

C ：直接下一步

D ：输入域名

E ：直接下一步

F ：直接下一步

G ：直接点完成

H ：区域建完了，右键新建主机

I ：输入*，并指向本向IP，点击添加主机完成

OK，至此主机就完了，不过一般还不能立即生效[不知网上的其它教程咋就一下子就ping了出来,忽悠人还是咋的]

经过一翻折腾猜测性的发现，有两步需要注意

最后一切就绪，再Ping一下博客园，结果如图

结言：

[转载]探索Asp.net mvc 的文件上传(由浅入深) – 爱因斯坦的小脑 – 博客园.

代码下载：http://files.cnblogs.com/n-pei/mvcfileupload.zip

最近因为TeamVideo需要用到视频和图片上传功能，所以试着Google了很多资料，和大家分享下。

1．最基本的文件上传。

在View界面通过Form把数据POST到控制端(Controller)，Controller把文件存储到服务器，再Redirect到其他页面。

View部分的代码：

Controller部分需要判断是否有Post过来文件，有文件就保存，再重定向到index页面。

上面的例子是最简单的，下一步我们考虑给它加上一个JQuery的UI，让上传文件时的样子变成如下：

要达到这个效果，首先需要下载JQuery UI的几个插件。

在模板中添加这些脚本:

把上面实现的简单的文件上传放到一个DIV中，我们需要实现的功能是当鼠标点击某个按钮时，这个DIV会弹出来。

最后是DIV弹出的脚本:

接下来我们考虑把图片上传到服务器后再让它显示在当前页面中。显示的效果如下:

也就是说我们在上传图片到服务器端后，需要得到此图片的创建时间，大小名称等。

FileRepository把文件的信息放到一个List中：

通过Controller部分把这个List传递给View。

View部分的代码请参考附件。

对于图片的存储，我下一步想着把它存储在数据库中。

首先是创建表结构：

使用ADO.NET Data Model来存储数据,所以我们需要创建一个edmx文件。

保存到图片到数据库中的Controller部分：

View部分代码：

过程如下图：

这里需要一个辅助类来帮助输入文本的Post。你可以在下载的代码中看到。

上传图片并保存到数据库中，我们还需要来把图片显示出来，这个相对来说就比较麻烦了。

搜索了很久才找到的方法如下：

保存图片到数据库后的查询结果：

目前我还不知道如何把一个List的图片显示出来。希望谁能够提供一个好的解决方案。

传统的方法来存储文件(图片)上面的介绍已经很多了。如何使用AJAX方法来存储文件到服务器呢？

我搜索了下，比较多的是使用JQuery Form这个插件来实现的。

你需要去下载jQuery Form这个插件，放到你的Script文件夹中。并在Master模板中添加。

当你点击Button时，创建一个Form并使用AJAX方式POST到服务器端保存。保存方式就不说了，下面是使用jQuery Form的JS代码：

除了使用jQuery form这个插件还有其他的AJAX方式实现文件的上传：

我举两个例子：

1. jQuery & Flash AJAX上传文件。

代码地址：http://swfupload.googlecode.com/

主要是通过Flash和js的交互用flash程序来post数据到后台的Controller。

除了flash部分，其它的和上面介绍的代码大同小异。我会在代码包里放上这部分的代码，供大家下载。

效果：

2. 纯jQueryAJAX上传文件(http://valums.com/ajax-upload/)

这个推荐大家看一下。

看这边文章的同仁们，周末愉快，呵呵。

参考资料：

http://weblogs.asp.net/imranbaloch/archive/2010/04/03/image-preview-in-asp-net-mvc.aspx、

http://weblogs.asp.net/jgalloway/archive/2008/01/08/large-file-uploads-in-asp-net.aspx

http://www.highoncoding.com/Articles/689_Uploading_and_Displaying_Files_Using_ASP_NET_MVC_Framework.aspx

http://www.mikesdotnetting.com/Article/125/ASP.NET-MVC-Uploading-and-Downloading-Files

http://valums.com/ajax-upload/

Cheers

[转载]QQ2010自动登录 源码 – 快手人生 – 博客园.

原文地址：http://www.ecranesoft.com/bbs/showtopic-9568.aspx

v0.56.8.5 以上版本支持

下面用到的函数在”帮助文档->库->标准库->winex库”中有详细的说明

//QQ2010自动登录
//支持qq简体中文版,英文国际版
import process
import fsys.lnk;
import winex;
import key;

//查找qq安装路径
qq = fsys.lnk.search(“qq.exe”)

//运行qq
process.execute(qq);

//等待QQ窗口创建
qqhwnd,qqnumber,tid,pid = winex.wait( “<QQ2010>|<QQ Internation>” , ,“TXGuiFoundation”,“ATL\:\d+”)

//等待qq窗口激活
winex.waitActive(qqhwnd)

//输入QQ号
winex.say(“829056”,qqnumber)

//查找密码输入框
qqpwd=winex.findEx(qqhwnd,1,“Edit”)

//按退格20次，清除原来的密码
key.repeat(‘\t’,20)

//输入密码
key.send(‘abc123&^#5’)

//按回车键登录
key.press(“ENTER”)

//等待登录窗口关闭
winex.waitClose(qqhwnd)

[转载]安装SQL Server 2008提示：redist.cab错误 与Sql.cab错误_包罗万象网.

在我做的虚拟机里安装了Windows2003操作系统，再接着安装SQL Server2008时出现了错误，共二个错误：redist.cab错误 与SQL.cab错误。(如下图）

安装完成后的报告：

根据错误提示信息看，可能是网络有问题无法下载安装组件，也可能是资源盘有问题

查看错误报告后，查阅一些资料，我有了解决方法

于是，在http://www.microsoft.com/technet/security/bulletin/ms08-069.mspx下载了：MSxml4.0和MSxml6.0

依次安装，重启虚拟机。

进入虚拟机后，再打开SQL Server2008安装盘修复

修复工作很花了点时间，不过顺利完成了（如下图）

再打开SQL Server2008看了下，一切功能正常，修复工作完成。