开发笔记 第497页

[转载]谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer – 葡萄城控件技术团队博客 – 博客园.

[转载][asp.net]解决下载文件–中文名乱码问题 – Gary.Zhan – 博客园.

最近的项目中需要导出Excel 表格，Excel名称是中文的，在IE中下载老是出现中文名称乱码问题，设置 Respone Encoding 无果，最后找到解决方案如下：

public static string ToHexString(string s)
        {
            char[] chars = s.ToCharArray();
            StringBuilder builder = new StringBuilder();
            for (int index = 0; index < chars.Length; index++)
            {
                bool needToEncode = NeedToEncode(chars[index]);
                if (needToEncode)
                {
                    string encodedString = ToHexString(chars[index]);
                    builder.Append(encodedString);
                }
                else
                {
                    builder.Append(chars[index]);
                }
            }
            return builder.ToString();
        }
        /// <summary>
        /// Determines if the character needs to be encoded.
        /// </summary>
        /// <param name="chr"></param>
        /// <returns></returns>
        private static bool NeedToEncode(char chr)
        {
            string reservedChars = "$-_.+!*'(),@=&";
            if (chr > 127)
                return true;
            if (char.IsLetterOrDigit(chr) || reservedChars.IndexOf(chr) >= 0)
                return false;
            return true;
        }
        /// <summary>
        /// Encodes a non-US-ASCII character.
        /// </summary>
        /// <param name="chr"></param>
        /// <returns></returns>
        private static string ToHexString(char chr)
        {
            UTF8Encoding utf8 = new UTF8Encoding();
            byte[] encodedBytes = utf8.GetBytes(chr.ToString());
            StringBuilder builder = new StringBuilder();
            for (int index = 0; index < encodedBytes.Length; index++)
            {
                builder.AppendFormat("%{0}", Convert.ToString(encodedBytes[index], 16));
            }
            return builder.ToString();
        }

使用时，只需调用：
string downloadName = ToHexString(“中文名称”);

[转载]在MVC2.0使用Lodop为WEB打印提出完美解决方案 – ryanding – 博客园.

通过好友CallHot介绍Lodopweb打印控件。由于是国人开发的，故这两天认真了研究下，打算在未来的项目中使用。现将学习成果与园友分享。如果存在不足的地方，希望您指出。

具体的实现步骤如下：

一、准备工作

---

1.MVC2.0 + JQuery1.4.1 开发环境。

2.Lodop web 打印控件，官方地址：http://mtsoftware.v053.gokao.net/download.html  (注：国人开发，免费软件)。

3.StringTemplate，C#开源模板引擎。官方地址：http://www.stringtemplate.org。

本文主要给出WEB下打印步骤实现方案，具体的技术实现细节，请查看官方API。lodop,stringtemplate 官方已给出了详尽的文档说明。

  二、MVC2.0使用StringTemplate构造打印模板

---

StringTemplate 文中简称st。网络上有相关文档介绍st效率还不错。本文将st作为报表打印模板。在实际项目开发中将繁杂的报表打印工作内容，部分分配给美工来处理。而 开发人员只需提供数据源接口。使用st可以减轻开发人员的工作量。并将报表开发任务分工更细致。给项目带来的好处就不多论了。具体实现如下：

      1.在MVC2.0项目中引用st核心dll：

      2.建立st的模板文件，template.st（st模板专用文件）：

也可以认为st文件就是一个普通的html文件。该部分主要由美工负责处理，比如CSS。

       3.在MVC2.0 controller 内建立提供数据源的 JsonResult：

public JsonResult Print()
{
//构造打印数据
List list = new List();
for (int i = 0; i < 100; i++)
{
list.Add(new CustomerTest { CustomerName = "candy" + i, CustomerAddress = "思明区" + i, CustomerPhone = "13148484855" + i });
list.Add(new CustomerTest { CustomerName = "linda" + i, CustomerAddress = "湖里区" + i, CustomerPhone = "13847487545" + i });
list.Add(new CustomerTest { CustomerName = "ellie" + i, CustomerAddress = "海昌区" + i, CustomerPhone = "1359984665" + i });
}

//StringTemplate 打印模板文件，实际项目中为提高程序效率，应将打印模板文件缓存。
string serverPath = System.Web.HttpContext.Current.Server.MapPath("~");
string path = Path.Combine(serverPath, @"PrintTemplate\");

StringTemplateGroup group = new StringTemplateGroup("myGroup", path, typeof(TemplateLexer));
StringTemplate st = group.GetInstanceOf("template");
st.SetAttribute("customer", list);

//为打印提供html相关超文本内容。
StringBuilder sb = new StringBuilder();
sb.Append(@"");
sb.Append("");
sb.Append(@"");
sb.Append(@"");
string cssContent = System.IO.File.ReadAllText(Path.Combine(serverPath, @"Content\CSS\CSSForPrint.css"));
sb.Append(@"");
sb.Append("");
sb.Append("");
sb.Append(st.ToString());
sb.Append(" ");
sb.Append("");
sb.Append("");

return Json(new { success = true, data = sb.ToString() }, JsonRequestBehavior.AllowGet);
}

其中CustomerTest是自定义数据类，已经给出详细的注释了。仔细阅读不难理解。

4.MVC2.0 view html head 内加入js 代码:

<script type="text/javascript" language="javascript" src="CheckActivX.js"></script><object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> </object><script type="text/javascript">// <![CDATA[

        function prn1_preview(data) {
            LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印表格");
            //报表标题
            LODOP.ADD_PRINT_HTM(50, 300, 330, 300,
                      "<font color ='black' size ='6'>客户列表</font><font color ='blue' size ='2'>(制表人：张三)</font>");
            //报表内容打印。
            LODOP.ADD_PRINT_TABLE(100, 150, 760, 900, data);
            LODOP.PREVIEW();
        };

        $(function () {
            $("#btnPrint").click(function () {
                var url = '<%=Url.Action("Print","Home") %>';
                $.ajax({
                    type: "POST",
                    url: url,
                    cache: false,
                    dataType: 'json',
                    success: function (result) {
                        if (result.success) {
                            prn1_preview(result.data);
                        }
                    }
                });
            });
        })

// ]]></script>

三、运行截图

---

最后一页打印预览：

打印机横向打印：

   四、注意事项

---

本文给出的web打印方案需要读者对MVC2.0 、JQuery 、StringTemplate 有一定的了解。另外本例只是在IE下实现了WEB打印，如果需要Firefox或其他浏览器下支持web打印请联系Lodop作者。

[转载]google的html/css规范指南 – html5salon – 博客园.

google之前出了JavaScript规范指南，中文翻译传送门在此，现在有了html/css规范指南，明河开始翻译时版本是2.1。后续如果google有新的内容补充，明河也会跟进。

常规样式规则

协议

引入的assets资源文件（js、css、图片文件）忽略协议（http:, https:），比如：
不推荐的写法：

推荐的写法：

不推荐的写法：

推荐的写法：

关于google的这点建议，明河倒是觉得有待商榷，有兴趣的朋友看http://stackoverflow.com/questions/4831741/can-i-change-all-my-http-links-to-just，里面有详细的讨论，根据一位网友的测试，相对url在IE7、IE8下存在二次加载的问题。

常规格式规则

缩进

使用二个空格缩进（PS：明河一般使用四个空格缩进-_-!）

大写

只使用小写。
所有的代码只使用小写字母（PS:淘宝的做法是如果跟js的DOM操作相关，作为钩子使用J_Trigger类似的方式）：包括元素名称、样式名、属性名（除了text/CDATA）。
不推荐的写法：

推荐的写法：

尾部空白

删掉冗余的行尾空格。
不推荐的写法：

推荐的写法：

常规Meta规则

编码

使用utf-8编码。
指定页面的文档编码为utf-8

不需要特别指定样式引用的编码为utf-8。
（ps：关于html编码指定方面的内容，可以看《 Character Sets & Encodings in XHTML, HTML and CSS》）

注释

如果可能，注释还是必不可少的。
使用注释说明下代码：它包括了什么，它的目的是什么，为什么优先使用它。

行动项目

（ps：推荐使用）
google建议养成写TODO的习惯，特别是在项目中，记录下一些要改，但来不及修改的地方，或指派其他同事做修改。
高亮TODO，不同的编辑器有不一样的方式，比如idea是TODO:。

常规html设计规则

文档类型

使用html5文档声明：

不再使用XHTML（ application/xhtml+xml）。

HTML 的正确性

可以使用一些工具，检验你html的正确性，比如 W3C HTML validator。
不推荐的写法：

推荐的写法：

HTML 的语义性

使用富含语义性的标签（ps:建议掌握html5新增的部分语义标签）。
google特别指出了要确保html的可用性，看下面的代码
不推荐的写法：

推荐的写法：

多媒体元素降级处理

给多媒体元素，比如canvas、videos、 images增加alt属性，提高可用性（特别是常用的img标签，尽可量得加上alt属性，提供图片的描述信息）。
不推荐的写法：

推荐的写法：

html、css、JavaScript三层分离

尽可能保持结构（html结构标签）、描述（css）、行为（javascript）的分离，并且让他们尽可能少的交互。确保html文档内容只有html的结构，将css和javascript以资源的方式引入。
不推荐的写法：

推荐的写法：

实体引用

在html页面中避免使用实体引用。
如果你的文件是utf-8编码，就不需要使用像 —, ”, or ☺的实体引用。
不推荐的写法：

推荐的写法：

可选的标签

忽略一些可选的标签，比如
不推荐的写法：

推荐的写法：

html5的文档，可以忽略head、body标签。
所有可忽略的标签，可以看《 HTML5 specification 》，

type属性

样式和脚本引用可以忽略type属性。
不推荐的写法：

推荐的写法：

不推荐的写法：

推荐的写法：

html格式规则

常规格式

每一块、每一列表、每一表格元素都需要另起一行，并缩进每个子元素。

css样式规则

css验证

尽可能验证css的合法性，可以使用 W3C CSS validator。

id和class名

使用富有含义和通用的id和class名。
(ps：明河经常听周围的同事感慨，取好名字，也是个学问，有时候有些命名会让你很纠结，但好的命名的确可以提高可读性和可维护性。)
使用功能性和通用性的命名方式减少文档或模板的不必要的改动。
不推荐的写法：

推荐的写法：

id和class的命名风格

id和class的命名在保持语义性的同时尽可能的短。
不推荐的写法：

推荐的写法：

可以缩写单词，但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。

选择器

避免出现多余的祖先选择器。（存在性能上的差异问题，可以看 performance reasons）
避免出现元素标签名作为选择器的一部分。
不推荐的写法：

推荐的写法：

简化css属性写法

不推荐的写法：

推荐的写法：

使用简洁的属性写法有利于提高可读性和解析效率。

0和单位

属性值为0时，忽略单位。

属性值出现小数点忽略0

url的引用

使用url()时忽略刮号中的””。

16进制符号

不推荐的写法：

推荐的写法：

前缀

给选择器样式名增加前缀（可选）。
在大的项目（多人协作）中使用前缀可以减少样式冲突，同时可以明确选择器归属含义。

（PS:一般明河使用前缀来定位样式的归属，比如.nav-item，表明是nav导航下的子元素样式。）

id和class名的分隔符

单词使用“-”来连接。
不推荐的写法：

推荐的写法：

Hacks

尽可能地避免使用hack的方式解决浏览器样式兼容性问题。
（ps：明河觉得这个很难，毕竟IE横在那里。）
尽量避免使用CSS filters。

css格式规则

css属性按字母顺序书写

（PS：排序忽略浏览器前缀，比如-moz-，-webkit-）

块内容缩进

缩进所有的块状内容。

不可缺少的;

不推荐的写法：

推荐的写法：

属性值前增加个空格

不推荐的写法：

推荐的写法：

分隔选择器

不推荐的写法：

推荐的写法：

1行只有一个css属性，二个规则间有一个空行

[转载]SVN+AnkhSVN端配置 – stabley107 – 博客园.

对于ankhSVN我想很多人不陌生，因为经常使用，但是我还是发现很多人并不怎么会配置，或者完全不知道其需要配置，

如果不配置的话，当两个人同时需要修改某个文件的时候就容易中弹了。SVN默认是不支持“

锁定-编辑-解锁”的，所要你去配置。配置步骤吐下：

1）鼠标单击settings

2）鼠标单击edit

3)在相应位置添加

enable-auto-props = yes

* = svn:needs-lock，如下图

3)

这样设置之后新加入svn的文件会呈现锁型，但之前已经存在的文件却不是这样，如下图

Account.aspx是新加进去的，AccountDetail.aspx是设置之前已经存在的，能否把

AccountDetail.aspx改成前边带锁的呢？当然可以，步骤

1）鼠标右键单击AccountDetail.aspx文件

2）添加needs-lock属性，点ok后，check in

 

3)效果如图

如果需要的话，前面带勾的文件一个一个设置就好了，希望对大家有帮助。

转载WEB第三方打印控件[ASP.NET常用工具] – 将Java进行到底-http://www.itpob.cn – ITeye技术网站.

在B/S模式开发中,打印是个很大的困扰.无论是采用页面直接输出或者引用WORD.DLL也好,都有不足之处.

目前最好的办法就是采用第三方控件,网上流传的打印控件有很多.总结了下推荐3个给大家:

1、  DLPrinter

DLPrinter打印控件完全免费，界面大方、使用简单、但无签名，支持打印预览、直接打印，可设置页眉、页脚、页边距、打印份数、纸张大小等信息。遗憾的是作者不知道是什么原因，从2007年至今没的更新。

下载地址：http://files.cnblogs.com/panshenglu/DLPrinter.rar
打印预览图：

[转载]C#设计模式——生成器模式(Builder Pattern) – saville – 博客园.

一、概述
在软件系统中，有时候面临着复杂的对象创建，该对象由一定算法构成的子对象组成，由于需求变化，这些子对象会经常变换，但组合在一起的算法却是稳定的。生成器模式可以处理这类对象的构建，它提供了一种封装机制来隔离各类子对象的变化，从而保证系统的稳定。
二、生成器模式
生成器模式将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。其结构图如下：

Builder为创建Product对象的各个子对象指定抽象接口。
ConcreteBuilder实现了Builder接口，用于创建Product对象的各个子对象。
Director使用Builder来创建Product对象。
Product表示被构造的复杂对象。
三、示例
我们以普通汽车和高级汽车的创建为例来展示一下生成器模式的应用。
首先创建抽象的Builder

1     interface ICarBuilder
2     {
3         void BuilderWheels();
4         void BuilderWindows();
5     }

接着创建普通汽车的Builder和高级汽车的Builder

public class BasicBuilder : ICarBuilder
     {
         public void BuilderWheels()
         {
             Console.WriteLine("Builder Basic Wheels");
         }
 
         public void BuilderWindows()
         {
             Console.WriteLine("Builder Basic Windows");
         }
     }
 
     public class AdvancedBuilder : ICarBuilder
     {
         public void BuilderWheels()
         {
             Console.WriteLine("Builder Advanced Wheels");
         }
 
         public void BuilderWindows()
         {
             Console.WriteLine("Builder Advanced Windows");
         }
     }

然后创建汽车建造工厂，它使用Builder来创建不同种类的汽车

class CarFactory
     {
         public ICarBuilder Builder { get; set; }
 
         public CarFactory(ICarBuilder builder)
         {
             Builder = builder;
         }
 
         public void CreateCar()
         {
             Builder.BuilderWheels();
             Builder.BuilderWindows();
         }
     }

最后看一下如何调用

static void Main(string[] args)
     {
         CarFactory game = new CarFactory(new BasicBuilder());
         game.CreateCar();
         game.Builder = new AdvancedBuilder();
         game.CreateCar();
         Console.ReadLine();
     }

[转载]Android Camera 开发之前言 – 和尚释然 – 博客园.

[转载]在论 EXISTS作用 – 361741352 – 博客园.

[转载]使用MvcContrib分离ASP.NET MVC项目 – Lyon.L – 博客园.

概述

在ASP.NET MVC复杂项目的开发中，随着项目规模的扩大，我们可能需要对不同模块按需进行分离。可以使用ASP.NET MVC框架提供的“区域(Areas)”功能来组织项目，具体参见《使用Areas分离ASP.NET MVC项目》。 但是从上文可以看出，几个项目都是围绕Areas，通过“Build Event”最后整合到一起，总是有些“藕断丝连”的感觉。可以说，通过Areas独立出来的项目，并没有达到彻底的分离。在上文的评论中，有朋友指出可 以使用MvcContrib，于是学习了一下。

MvcContrib(Portable Area)可以将一个MVC项目里的所有内容（包括Views,Controllers,Scripts等）都编译到一个dll里面。如此一来，该MVC 项目就可以作为一个“插件（或部件）/Plugin(or Widget)”为其他项目使用，具有很强的重用性。

环境准备

仍然考虑上文中的场景：将面向用户的前台和面向管理员的后台进行分离。

1. 首先新建一个ASP.NET MVC3项目MyPortableAreaDemo（前台项目），项目模板选择“Internet Application”，视图引擎选择“Razor”。
2. 新增一个空的MVC项目MyPortableAreaDemo.Admin（后台项目），删除Global.asax.
3. 在MyPortableAreaDemo.Admin项目上面右键，添加一个类AdminAreaRegistration.cs并输入以下内容：

public class AdminAreaRegistration : AreaRegistration
{
public override string AreaName
{
get
{
return "Admin";
}
}

public override void RegisterArea(AreaRegistrationContext context)
{
context.MapRoute(
"Admin_default",
"Admin/{controller}/{action}/{id}",
new { action = "Index", id = UrlParameter.Optional }
);
}
}

安装MvcContrib

使用NuGet为MyPortableAreaDemo.Admin安装MvcContrib：

或者在Package Manager Console里面输入：Install-Package MvcContrib 进行安装。

使用MvcContrib

打开AdminAreaRegistration.cs，然后将其基类AreaRegistration修改为PortableAreaRegistration，将RegisterArea方法声明修改为（重要！）：

为默认路由加上命名空间限制，并且在RegisterArea方法中加入RegisterAreaEmbeddedResources()。现在看起来应该是这样子：

在MyPortableAreaDemo.Admin/Controllers下面添加一个HomeController和Index的Action，并且添加相应的View文件：

下面这一步非常重要：

将所有的css,js,image静态文件的属性-生成操作(Build Action)选择“嵌入的资源(Embedded Resources)”。这意味着这些静态文件都将被编译进dll文件里面，而不是像之前那样，以单独物理文件存在。这样做的好处是整个项目里面的结构都 是相对固定的，一个dll就包括了整个工程里的所有内容，可复用性高。缺点是每次修改了这个项目里的内容（即便是修改js或view等静态内容），也必须 要重新编译整个项目。这就要看个人的取舍了，你可以权衡这样做是否值得。

现在在主项目里面引用Admin项目。在主项目里面添加一个叫做Areas的文件夹，并将MyPortableAreaDemo/Web.config复制到新建的Areas文件夹下。

为什么需要这样做呢？这是因为Admin项目里的Portable Area在被主项目加载时，会被映射到这个Areas文件夹里，此时Controller就会在Areas下面去寻找对应的Views（而不是在主项目里寻找）视图。

好了，现在编译（记住，Portable Areas项目修改任何内容都必须重新编译！）整个解决方案，从主项目启动后访问：/Admin/Home/Index，如果一切顺利，你会看到：

访问静态文件

前面我们提到所有的静态文件(js,css,image)都被编译到了dll中，那么我们如何访问这些静态内容呢？尝试直接访问/Admin /Scripts/JQuery-1.4.4.min.js，浏览器会提示“无法找到资源”。因此我们还需要修改一下 AdminAreaRegistration.cs，添加如下路由：

//Scripts
context.MapRoute(
AreaName + "_Scripts",
base.AreaRoutePrefix + "/Scripts/{resourceName}",
new { controller = "EmbeddedResource", action = "Index", resourcePath="Scripts" },
new[] { "MvcContrib.PortableAreas" }
);
//Content
context.MapRoute(
AreaName + "_Content",
base.AreaRoutePrefix + "/Content/{resourceName}",
new { controller = "EmbeddedResource", action = "Index", resourcePath = "Content" },
new[] { "MvcContrib.PortableAreas" }
);

注意其中的resourcePath的值。现在我们就可以直接使用/Admin/Scripts/JQuery-1.4.4.min.js这种方式来访问内嵌资源了。

总结

通过MvcContrib Portable Area我们可以将MVC项目进行有效分离，并且使用内嵌资源的方式，将整个分离出来的项目编译成一个dll，可以随意复制引用，可重用性较好。

但是，这种方式也存在以下不足之处：

1. 由于所有静态资源都被编译到dll中，这就不可避免造成dll的体积变得越来越大，尤其在图片比较多的情况下更为明显。
2. 静态资源的访问形式。如果上面的Content,Scripts文件夹下面还有子文件夹（这是很常见的情形），只能通过resource的方式访问，而不能通过伪物理地址的方式，不算太友好。

基于上面两点，建议只将view视图文件作为内嵌资源编译到dll中，所有的静态文件(js,css,image)可以放到主项目中，直接访问。或者放在Admin项目里面，通过Build Event的方式同步到主项目相应目录里（参考上文）。

接下来准备研究一下nopCommerce的项目分离方式，插件式开发，希望每天都能进步一些。

项目源码下载：MyPortableAreaDemo.zip