博客园_SuiFei

delphi函数，识别字符集编码

2012-01-11T11:04:00Z

纪念不用 Delphi 开发7周年

函数，获取web page文本，识别字符集编码；

1 function CreateHttpRequest(proxyServer: string = ''; proxyPort: integer = 0):
2   TIdHTTP;
3 function DecodeHttpRequestText(InString: string): string;
4 implementation
5
6 {$R *.dfm}
7
8 function DecodeHttpRequestText(InString: string): string;
9 begin
10   Result := UpperCase(InString);
11   //google,baidu,cnblogs,localhost等测试ok...
12   if (Pos('CHARSET=', Result) = 0) or (pos('=UTF-', Result) <> 0) then
13     InString := Utf8Decode(InString);
14   Result := InString;
15 end;
16
17 function CreateHttpRequest(proxyServer: string = ''; proxyPort: integer = 0):
18   TIdHTTP;
19 begin
20   Result := TIdHTTP.Create(nil);
21   with Result do
22   begin
23     HandleRedirects := true;
24     HTTPOptions := [hoForceEncodeParams];
25     ReadTimeout := 30000;
26     Request.Accept :=
27       'image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/x-shockwave-flash, */*';
28     Request.AcceptLanguage := 'zh-cn';
29     Request.ContentType := 'application/x-www-form-urlencoded';
30     Request.UserAgent :=
31       'Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 4.0)';
32     if (proxyServer <> '') then
33       proxyParams.ProxyServer := proxyServer; //'代理服务器地址';
34     if proxyPort <> 0 then
35       proxyParams.ProxyPort := proxyPort; //'代理服务器端口';
36   end;
37 end;
38
39 procedure TForm1.btn1Click(Sender: TObject);
40 var
41   getstr: string;
42 begin
43   mmo1.Lines.Clear;
44   getstr :=DecodeHttpRequestText( CreateHttpRequest().Get(edt1.Text));
45   mmo1.Lines.Add(getstr);
46
47 end;

本文链接

常用DNS列表（电信、网通）

2011-11-08T01:30:00Z

DNS 列表

电信 DNS 列表 -- 共 32 条 (按拼音排序)
电信	A安徽	202.102.192.68	202.102.199.68
电信	A澳门	202.175.3.8	202.175.3.3
电信	B北京	202.96.199.133	202.96.0.133	202.106.0.20	202.106.148.1
电信	C重庆	61.128.128.68	61.128.192.68
电信	F福建	202.101.115.55	218.85.157.99
电信	G甘肃	202.100.64.68	61.178.0.93
电信	G广东	202.96.128.86	202.96.128.166	202.96.134.133	202.96.128.68
电信	G广西	202.103.224.68	202.103.225.68
电信	G贵州	202.98.192.67	202.98.198.167
电信	H海南	202.100.192.68	202.100.199.8
电信	H河北	219.150.32.132
电信	H黑龙江	219.150.32.132	219.146.0.130	219.147.198.230
电信	H河南	219.150.150.150	222.88.88.88	222.85.85.85
电信	H湖北	202.103.0.68	202.103.24.68	202.103.0.117	202.103.44.150
电信	H湖南	202.103.96.112	202.103.96.68	220.170.0.18	61.187.91.18
电信	J江苏	61.177.7.1	61.147.37.1	218.2.135.1	221.228.255.1
电信	J江西	202.101.224.68	202.101.226.69
电信	J吉林	219.149.194.55
电信	L辽宁	219.150.32.132
电信	N内蒙古	219.150.32.132	219.146.0.130
电信	N宁夏	202.100.96.68	222.75.152.129
电信	Q青海	202.100.128.68
电信	S山东	219.146.0.130
电信	S上海	202.96.209.5	202.96.209.133	202.96.199.133
电信	S陕西	218.30.19.40	61.134.1.4
电信	S四川	61.139.2.69	202.98.96.68	218.6.200.139	61.139.54.66
电信	T台湾	168.95.1.1	168.95.192.1
电信	T天津	202.99.104.68
电信	X香港	205.252.144.126	218.102.62.71
电信	X新疆	61.128.114.166	61.128.114.133	61.128.99.133	61.128.99.134
电信	Y云南	222.172.200.68	61.166.150.123
电信	Z浙江	60.191.244.5	202.96.113.34	220.189.127.107	60.191.134.206

网通 DNS 列表 -- 共 23 条 (按拼音排序)
网通	A安徽	218.104.78.2
网通	B北京	202.106.0.20	202.106.196.115
网通	G甘肃	221.7.34.10
网通	G广东	221.4.66.66	210.21.4.130	221.4.8.1
网通	G广西	202.103.229.40	221.7.128.68
网通	H海南	221.11.132.2
网通	H河北	202.99.160.68	202.99.166.4
网通	H黑龙江	202.97.224.68	202.97.224.69
网通	H河南	202.102.224.68	202.102.227.68
网通	H湖北	218.104.111.112	218.104.111.114
网通	H湖南	58.20.127.170	58.20.57.4
网通	J江苏	221.6.4.66	221.6.96.177	218.104.32.106
网通	J江西	220.248.192.12	220.248.192.13
网通	J吉林	202.98.0.68	202.98.5.68
网通	L辽宁	202.96.69.38	202.96.64.68
网通	N内蒙古	202.99.224.8	202.99.224.67	202.99.224.68
网通	S山东	202.102.152.3	202.102.134.68
网通	S上海	210.22.70.3	210.22.84.3	210.52.207.2
网通	S山西	202.99.192.66	202.99.192.68
网通	S四川	221.10.251.196
网通	T天津	202.99.96.68	202.99.64.69
网通	Y云南	221.3.131.9	221.3.131.10
网通	Z浙江	221.12.1.228	221.12.33.228	221.12.65.228	218.108.248.200

本文链接

Visual studio 2010 sp1中文版正式版无法安装Silverlight5_Tools rc1 的解决办法

2011-09-02T06:56:00Z

现象参考：Visual studio 2010 中文版正式版无法安装Silverlight4 Tools的解决办法

解决办法如下：

编辑：ParameterInfo.xml

替换：1033 为 2052

保存：运行 SPInstaller.exe 完成安装

请详细阅读上个sl4 tools的文章内的步骤；不详谈，写博也没什么兴趣了。

本文链接

Resharper 6.x Keygen

2011-07-05T05:35:00Z

昨天收到一个留言，说到Resharper 6 已经出来了，上次发布的 5.0 keygen 已经不能使用了，所以这次更新了下，让其支持 6.x ；和 5.x 的版本不能混用。

Resharper 6.x 下载地址：/Files/Chinasf/Resharper6Keygen.rar

Resharper 5.x 下载地址：http://www.cnblogs.com/Chinasf/archive/2010/01/08/1642095.html

Resharper 5.x 在线注册机(Silverlight）：http://www.cnblogs.com/Chinasf/archive/2010/03/12/1684292.html

仅供学习和研究使用，下载后请24小时内删除。

2011/7/5

17:44 updated!

本文链接

守护进程杀手(测试)

2010-12-11T16:06:00Z

该软件是为了对付那些不友好的软件而开发；像迅雷、PPS、QQ，它们的主程序退出了，但还有静默程序在运行；这些静默程序不光浪费内存，而且还占用网络带宽，非常的讨厌；如果每次手动关闭它们的进程，初级用户不会，而且每次这样操作很麻烦；这个软件就是解决每次手工的问题，可以随系统自动启动；只要设置好进程名，即可实现监视。

配置方法：进程名之间用'->'符号分割

　　　　　主进程->静默进程1->静默进程2->静默进程3->....静默进程N

例　　如：ppstream.exe->ppsap.exe

检测原理：当主进程结束后，将关闭它产生的静默进程；

下载地址

/Files/Chinasf/DaemonProcessKillers.rar

写这个东西的原因是我很烦ppstream的ppsap.exe，不是为了成为个共享软件而作，所以，有bug就别找我，要代码自己反编译，使用出问题也与本人无关，总之我对它不负责；有需要的同志可以试试，没需要的请略过

本文链接

开发silverlight下的xps浏览器，支持xps printer输出格式

2010-09-24T06:16:00Z

很多人都做出了silverlight 版本的xps 浏览器，但很多人都卡在了xps printer输出的xps格式上，结果只能浏览Office saveas 导出的xps，而xps printer输出的xps文件一概不认；今天就来说说这个xps printer 输出的格式问题

当xps文档是打印输出的，导致的现象是如下这样子

1、Application.GetResourceStream娶不到任何东西，因为它缺少了zipPackageStreamResourceInfo

2、用SharpZip写了Application.GetResourceStream替换方法，字体出不来，xaml load一执行，就报个0行0列错

问题1很好解决

找个silverlight 的zip库的开源实现，然后重写个 Application.GetResourceStream 方法，类似：

internal static StreamResourceInfo GetResourceStream(Stream stream, Uri path)
{
   var result = Application.GetResourceStream(new System.Windows.Resources.StreamResourceInfo(stream, null), path);
   if (result != null)
       return result;

    if (stream.CanRead)
    {
        ZipFile zipFile = new ZipFile(stream);
        return (from ZipEntry entity in zipFile
                where entity.Name == path.ToString()
                select ExtractFile(zipFile, entity)
                into outMem select new StreamResourceInfo(outMem, null)).FirstOrDefault();
    }
    return null;
}

问题2又是个什么现象呢？

问题起源与 FontSource 只支持Application.GetResourceStream获取的Stream（internalMemoryStream） ;并不支持上面那个zip返回的 MemoryStream。

出现这个问题，一般也就是死菜了，除非你重写FontSource ,Glyphs相关的字体字库的实现，比如这个很牛 X 的 First floor Document toolKit,它可是看准了这个问题，重写了大堆东西，整了个控件拿来卖钱的；

解决办法也不是没有，用替换大法；Glyphs 用来描述文本，找个类似的UIElement，替换过去，也差不多了；前提是，还是得处理好 FontInfo，毕竟没给字体字形，那文本也就面目全非了；

这个时候需要做什么，就是读odttf文件，找出字体名，具体参照 monolight的c++源码

未完待续……

本文链接

visual studio 2005 连接 tfs2010

2010-08-25T05:47:00Z

Vs2005 的环境连不上的主要原因是 sp1包打在安装teamExplorer之前导致的
正确的安装顺序：
1、vs2005
2、2005版的团队资源管理器
3、打vs2005 sp1补丁
4、打vs2005 向前兼容的 tfs2010的补丁 http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=22215e4c-af6f-4e2f-96df-20e94d762689

- Install Visual Studio 2005
- Download and install Team Explorer 2005
- Download and install Visual Studio 2005 SP1
- Download and install VSTS 2005 Forward Compatibility Update

如果顺序不一致
1、安装 2005版的团队资源管理器
2、安装 vs2005 sp1补丁
3、打vs2005 向前兼容的 tfs2010的补丁

其中 vs2005 sp1 补丁无法安装，请重装vs2005，无法正常拆卸的，注册表节点是
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\8.0
删除后，删除本机目录再装

本文链接

软件开发报价的计算方法[转载]

2010-07-17T13:19:00Z

1．软件开发价格估算方法
软件开发价格与工作量、商务成本、国家税收和企业利润等项有关。为了便于计算，给出一个计算公式：

软件开发价格＝开发工作量 × 开发费用／人·月

1.1开发工作量
软件开发工作量与估算工作量经验值、风险系数和复用系数等项有关：

软件开发工作量＝估算工作量经验值 × 风险系数 × 复用系数

1.1.1估算工作量经验值（以A来表示）
    软什开发工作量的计算，曾有人提出以源代码行或功能点来计算，这些方法实施起来均有不少难度。目前国际上仍旧按以往经验的方式加以计算，国内各软件企业也是采用经验的方式加以估算工作量。
    为了更好地规范估算方法，建议可按照国家标准“GB／T 8566-2001软件生存周期过程”所规定的软件开发过程的各项活动来计算工作量。
    工作量的计算是按一个开发工作人员在一个月内（日历中的月，即包括国家规定的节假日）能完成的工作量为单位，也就是通常所讲的“人·月”。
    特别要提醒的是软件开发过程中既包括了通常所讲的软件开发，也应包括各类软件测试的活动。
1.1.2风险系数（以σ来表示）
    估算工作量经验值亦会存在较大风险，造成软件危机的因素很多，这也是一个方面的因素。特别当软件企业对该信息工程项目的业务领域不熟悉或不太熟悉，而且用户又无法或不能完整明白地表达他们的真实的需求，从而造成软件企业需要不断地完善需求获取，修改设计等各项工作。因此：

l ≤ 风险系数 ≤ 1.5

根据我们对软件企业的了解，超过估算工作量经验值的一半，已是不可接受，所以我们确定“1.5”为极限值。当然这既要看企业的能力，也要看用户能接受的程度。
1.1.3复用系数（以τ来表示）
估算工作量经验值是软件企业承担一般项目来估算的，但如果软件企业已经采用“基于构件的开发方法” ，并己建立起能够复用的构件库（核心资产库），或者已有一些软件产品，仅作二次开发，从而使软件开发工作量减少。因此：

0.25 ≤ 复用系数 ≤ 1

根据国内外软件企业在实施基于构件开发方法（软件产品线）的经验数据，提高工作效率达到25%（最高值）。
1.2开发费用／人·月
软件企业的商务成本、国家税收、企业利润、管理成本和质量成本。均可摊分到各个软件开发人员头上。

开发费用／人·月＝（P＋Q＋R）× S× τ

1.2.1 P（人头费）
人头费主要是员工的工资、奖金和国家规定的各项按人计算的费用。其总量在软件企业中的商务成本占70%－80%。

P ＝ B × 1.476

    国家规定的公积金 7%，医疗保险金12%，养老金22%，失业金 2%（即通常所说的四金），另外还有按工资总额计征的工伤保证金0.5%，生育保证金0.5%，残疾基金1.6%，工会基金2%，累计为47.6%。
    B为平均工资，即企业支付给员工的工资、奖金、物质奖励等多项总和，除以企业员工数，分摊到每个月。
1.2.2 Q（办公费）
    办公费包括企业办公房屋租赁费和物业管理费、通信费、办公消耗品、水电空调费、设备折旧、差旅费，另外也包括企业对员工的在职培训所支付的费用，其总量在软件企业中的商务成本占20%－30%。

Q ＝ B／3

    此处办公费用按商务成本的25%计算。
1.2.3 R（国家税收和企业利润）
    由于国家实施发展软件产业的优惠政策，故不单独列出计算，但软件企业仍需承担缴纳国家税收的义务，可一并与企业利润一起考虑。
    另外，软件企业的员工不可能全年满负荷地工作，即使一年十二个月都安排工作，但也需抽出时间进行在职培训和提职的岗前培训。据我们的了解，软件企业的员工一年能有10个月到 11个月的工作也是正常的。

R ＝ B／3

此处为我们的建议方案，各软件企业可视情况加以变更。
1.2.4 S（管理系数）
通常每个机构的管理人员都会有一定的比例，参考一些机构的做法，按每十个软件人员配备两个管理人员即管理成本：

1 ≤ S ≤ 1.2

1.2.5 T（优质系数）
    提高软件质量，必然有所开支，即质量成本，对于不同的软件企业来说，其质量成本不尽相同。
    软件企业与其他企业一样，也有诚信和品牌等诸多因素，从而增加企业的开支。
    目前我们可以按通过 ISO9000质量体系认证和CMM或CMMI的认证来确定，分别取值1.05、1.1、1.15、1.2。
    今后建议可对软件企业的资质分为四级。由软件行业协会根据CMMI的认证、品牌、诚信程度等各种因素加以确定。此体系建设还有待进一步探索。
    据此，我们综合上述各点：
    开发费用／人·月＝（B × 1.476 ＋ B／3 ＋ B／3）× l.2 × T
                     ＝ B ×（1.476 ＋ 2／3）× 1.2 × T
                     ＝ B × 2 .575 × T
                     ＝ B × λ
    当T＝1.05时，λ＝2.7
    当T＝1.2时，λ＝3.09
    因此，2.7 ≤ λ ≤ 3.09
    对于承接国外软件外包业务，一方面员工的工资较高，另外工作的安排也较难满负荷工作，用此建议R＝B／2。因此
    开发费用／人·月＝ B（1.476 ＋ 1／3 ＋ 1／2）× 1.2 × T
                     ＝ B × 2.767 × T
                     ＝ B × λ
    当T＝1.05时，λ＝2.906
    当T＝1.2时，λ＝3.32
    因此，2.9 ≤ λ ≤ 3.32
    结论：
        软件开发价格＝ A × σ × τ × B × λ
            A：估算工作量经验值
            B：软件企业的平均工资／人·月
            Q：风险系数l ≤ Q ≤ 1.5
            T：复用系数0.25 ≤ τ ≤ 1
           λ：综合系数2.7 ≤ λ ≤ 3.09
2. 软件（系统）维护收费价格估算方法
    在完成信心工程项目的系统集成和应用软件开发，并交付用户正式运行的一年内，对软件（系统）实行免费维护服务一年。
    在正式运行一年后，软件企业应与用户签定软件（系统）维护合同。该合同属技术转让合同，也可属技术开发合同。
    根据不同的用户要求，可分四种级别进行软件（系统）维护。
2.1 A级
    软件企业派出技术人员常驻用户，解决日常运行中发生的问题。
2.1.1 U（系统建设投资额）
    用户需要软件企业维护的系统，该系统建设的投资额。如用户只需要软件企业维护其所开发的应用软件，U就是该应用软件开发费；如用户需要软件企业维护整个系统，包括计算机硬件、软件、网络和应用软件，则U就是该信息工程项目的总投资额。
2.1.2 N（技术人员数）
    软件企业派出N个技术人员，常驻用户，因此：

软件（系统）维护费／年＝ U × 15% 或 B × λ × N × 12

B、λ参见1.
2.2 B级
软件企业每周七天，每天24小时（即7×24小时）响应，2小时到现场，且每天派技术人员到现场进行软件（系统）性能调试，使之运行处于良好状态。

软件（系统）维护费／年＝ U × 10%

2.3 C级
软件企业7×24小时响应，2小时到场。

软件（系统）维护费／年＝U × 5%

2.4 D级
    用户的信息工程系统或应用软件发生问题，由原承担的软件企业派人维护。
2.4.1 B’
    这种维护方式要求软件企业需要保存所有的技术档案，更需要软件企业抽出专人来不断熟悉和全面掌握该软件（系统）的各项技术细节。因此，软件企业的这项支出必然要在维护费用收入中得到回报。
    以1.1.3节中的B 作为参数，将其人·月单位改为人·天，以B’表示。
2.4.2 τ’
    软件企业如果采用基于构件开发方法，并建立起构件库，则会大大提高软件维护的效率。另外，如果有多家用户运行的系统大致类似，也可有所提高效率。
    以1.1.3节中的τ 作为参数，以τ’来表示。因此：

软件（系统）维护费／次＝B’ × τ’× n

    此次n表示所需要的人·天数。τ’的取值是0.2 ≤ τ’≤ 1。
3. 系统集成价格的估算方法
    将整个系统所涉及到的设备、软件、网络整和起来，并能正常地运行，其运行的结果能达到用户建立该系统的目标。这就是系统集成的含义。因此，可以理解为单纯的设备采购和供应并不涉及系统集成，以及单纯的应用软件开发也并不涉及系统集成。
    系统集成费应与整个系统的规模、整个系统的复杂程度等项有关。
    系统规模往往与系统建设费用密切相关。为了简便计算，以系统建设费用（以U来表示）为参考坐标。复杂程度（以α来表示）可分四种级别来区分。

系统集成费＝ U × α × T

T参见1.2.5节
3.1 A级
整个系统涉及到计算机硬件、软件、局域网络，且体系结构在三层次以下（含三层次）。

5% ≤ α ≤ 8%

3.2 B级
整个系统涉及到计算机硬件、软件、局域网络、互联网，且体系结构在三层以上（含三层次）。

7% ≤ α ≤ 10%

3.3 C级
整个系统涉及到计算机硬件、软件、局域网络、互联网以及多种网络接口。

8% ≤ α ≤ 12%

3.4 D级
整个系统涉及到计算机硬件、软件、网络、通信以及各种数据采集设备接口或者与用主系统有接口。

10% ≤ α ≤ 15%

4. 系统解决方案费用估算方法
    根据用户所提出的初步需求，软件企业根据以往的经验为之提供整个系统建设的方案，包括需购买的计算机硬件、软件、网络设备和应用软件开发的大体设想、费用估算、进度初步安排、信息化所涉及到的规章制度的一些规划，有时还会涉及信息中心的建设等等。这就是系统解决方案所要完成的工作。
    目前国内市场对于系统解决方案是一种智力劳动成果的认识不足，以及国内多数招标公司并不熟悉信息技术，从而更加使得系统解决方案收费变得困难。因此，目前的收费处于过渡阶段。
    系统解决方案费用与整个系统的规模、复杂程度等项有关。
    系统规模往往与系统建设费用密切相关，为了简便计算，以系统建设的总投资（以U来表示）为参考坐标。
    复杂程度就是用户的功能、性能要求复杂性、信息接口的类型和数量有关，以β来表示。

解决方案费用＝U × β × T

   T参见 1.2.5节
    关于β我们参照第3节所列各级。
    A级： 0.7% ≤ β ≤ 1.2%
    B级：     1% ≤ β ≤ 1.8%
    C级： 1.5% ≤ β ≤ 2.2%
    D级：    2% ≤ β ≤ 3%

转载：http://blog.sina.com.cn/s/blog_53decb410100hows.html

本文链接

Visual studio 2010 中文版正式版无法安装Silverlight4 Tools的解决办法

2010-05-30T14:28:00Z

update:补充一个，注册表搞不定的话，换个办法，见文末。

如果你也碰到这个问题，那么算你运气好；昨日下了园子里vs2010的msdn 版本，并在自家机器上安装了下，xp 系统，安装过程没问题，但是发觉无法安装 silverlight4_tool，不安装这个，最近的项目编译不了；项目是英文版vs2010开发的，我以为是自己的台式机环境出问题了；然后我到自己的thinkpad t400上win7环境里装；装好后发觉还是无法正常安装，一直提示如下错误：

经过一番摸索，发觉这个是语种版本的问题，如果期待官方，那势必要等到silverlight 4的中文版本推出，再等待 ria service中文版；那就不知道什么时候的事情了，我周一就要有编译环境呀。

那么如何在中文vs2010上安装英文的silverlight4 tools呢？我就不说那么专业的什么修改安装包，修改什么什么配置了，我找了个最简单有效的办法告诉大家，如下：

打开注册表

命令：regedit

打开节点：HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\10.0\Setup\VS\BuildNumber

在此处增加一个"字符串值"，输入名称为“1033”，设置它的值为“10.0.30319”

重新运行 silverlight4_tools.exe安装即可，安装完毕后，可以考虑删除掉该键值，具体有什么后遗症，待我明日到公司去测试下；

附图一张：

安装画面。。

运行画面。。

测试编译：我打开了离线tfs项目，编译了一次，ok，没问题，继续贴图。

这次连我在vs2010英文版中每次打开xaml design后编译出Out of Memory Exception - Stack Overflow错都解决了，我可是4g内存+ReadyFor4GB的环境呀，莫非中文版更适合我 :)_~~

update:补充一个，注册表搞不定的话，换个办法

运行 silverlight4_tools.exe ，出错画面处别点关闭
打开系统几个盘，应该有个根目录下有串像guid的目录（临时目录）；
将该目录copy一份，再修改里面的 ParameterInfo.xml 配置文件；
核对 <BlockIf DisplayText=".........></BlockIf>这个块内的系统需求；
或者干脆将该段删除掉，覆盖 ParameterInfo.xml；
再重新运行 SPInstaller.exe

该做法有点暴力，需要几个步骤，修改注册表搞不定的，就这样弄吧！

本文链接

51js 的json编辑器

2010-05-09T08:13:00Z

无忧JSON编辑器【辅助工具】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://imgqun.qq.com/cgi-bin/">
<title> ldh_JSON_Editor </title>
<style>
body,html{
margin:0px;padding:10px;overflow:hidden;font-size:12px;
background:#FFCC66 url(img?uuid=20b6767c202cdabf6049e98539e8df0de6);color:#333;font-family:tahoma;
}
.title{font-size:14px;background:url(img?uuid=2069cf3fd1e53a2bb365f771eac65b50a2) no-repeat;padding-left:30px;}
#ldh_ui_window{
width:840px;height:520px; position:absolute;
background:#fff url(img?uuid=209ef12ed3496ca2e94cf1a8041de28cc2) repeat-x 0 32px;
border:2px solid #4A84C4;border-top:none;
left:50%;margin-left:-420px;
top:50%;margin-top:-260px;
}
#ldh_ui_caption{
height:32px;line-height:32px;text-indent:1em;
background:url(img?uuid=203fe9e79d8933c63af9866344a990e5ee) repeat-x; text-align:center;
}
#ldh_ui_body_left{
width:300px;height:450px;overflow:auto;
position:absolute;left:10px;top:55px;
border:1px solid #4A84C4;
}
#editWindow{width:500px;position:absolute;left:325px;top:55px; border:1px solid #4A84C4;}
#tree_cap{height:18px;line-height:18px;text-align:center;background:url(img?uuid=203fe9e79d8933c63af9866344a990e5ee) repeat-x;}
/* toolbar */
#subToolbar{
height:29px;background:url(img?uuid=2089a60bdc587e2b2b895c3cb32608c06f) repeat-x 50% 50%;line-height:29px; position:relative;width:100%;text-indent:10px;
}
#subToolbar a{
color:#000;background:url(img?uuid=2023acf6c478a05549e3cdf0de3696ca7d) no-repeat 0% 50%; padding-left:20px;text-decoration:none;
}
#subToolbar span{position:absolute; right:10px;bottom:4px;}
#subToolbar a:hover{color:#fff;background-image:url(format.gif);text-decoration:underline;}
#subToolbar a#save_as{background-image:url(img?uuid=2083fbd06db4030248c60ab536af05def2); }
#subToolbar a#format_indent{background-image:url(img?uuid=2060be6af87eae7a41f7de458b271cdfdc); }
#subToolbar a#update{background-image:url(img?uuid=209d82f0afde195855dca5a2b516fdcc11); }
#subToolbar a#format_compress{background-image:url(img?uuid=20e66dfd444ae20969e4bfcc0d33809850); }
#subToolbar a#clear_txt{background-image:url(img?uuid=2069999c20b5d5f9fa36439831690cbea1); }
/* end */
#json_eidit{
width:497px; border:none;margin:0px;color:#000;
height:340px;font-size:14px;
}
.json_editInfo{
line-height:160%; border:1px solid #4A84C4;
width:483px;+width:500px; height:65px; color:#003300;
position:absolute;left:325px;bottom:12px;
}
#json_editInfo{
height:48px; padding-left:60px;padding-top:10px;
background:url(img?uuid=2097679a52658b38bc858e8274a2293451) no-repeat 28px 12px;
}
#json_editInfo b{color:red}
#ldh_ui_window .err{color:red;background-image:url(img?uuid=20bded9fd31a0fea0465715c35f1d59c45);}
#ldh_ui_window .busy{color:#333;background-image:url(img?uuid=20c121f445de7a8874541ef58b4147c0e4);}
#ldh_ui_window .info{color:#006600;background-image:url(img?uuid=20775d53781369b7d2a02b6faeb1693a5c);}
#json_editInfo input{width:50px;border:1px solid #4A84C4;height:14px;}
#json_editInfo  button{
background:url(img?uuid=200913d75fd547b62c50e13d8884bc1d98) no-repeat;
width:70px;height:20px;line-height:20px;text-align:center;
border:none;color:#114060;letter-spacing:5px;margin-left:10px;
}
/* for tree */
img,input,select{vertical-align:middle}
#ldh_ui_window #tree{white-space:nowrap;font-size:12px;line-height:24px;}
#tree a{text-decoration:none;color:#333;}
#tree a:hover,#tree a.hot{color:#000;background:#0B92FF;}
dd,dl,dt{padding:0;margin:0;border:none;font-size:12px;}
dt img{vertical-align:middle;}
dt{height:20px;white-space:nowrap;}
</style>
</head>
<body>
<div id="ldh_ui_window">
<div id="ldh_ui_caption"><strong >JSON-Editor</strong></div>
<div id="ldh_ui_body_left">
<div id="tree_cap">树视图</div>
<div id="tree"></div>
</div>
<div id="editWindow">
<div id="subToolbar">
<a href="javascript:void(0)" title="" id="format_indent">缩进</a> |
<a href="javascript:void(0)" title="" id="format_compress">紧凑</a> |
<a href="javascript:void(0)" title="" id="update">刷新视图</a> |
<a href="javascript:void(0)" title="" id="clear_txt">清空</a> |
<a href="javascript:void(0)" title="" id="save_as">另存为</a>
<span>
<label for="autoUpdate"><input type="checkbox" id="autoUpdate" checked /> 同步更新树视图</label>
</span>
</div>
<div id="edit">
<textarea id="json_eidit" >[{"中国食谱":["上海醉蟹","北京锅烧鸡","川式凉拌豇豆","清真酱牛肉"],"国外食谱":["泰式柠檬肉片","鸡柳汉堡","蒸桂鱼卷 "],"更多":{"中式":["南","北",{"地方":["小吃","大餐"]},"更多选择"]}},{"菜谱分类":["上海菜","贵州菜","潮汕菜","云南菜","东北菜","安徽菜","广东菜","浙江菜","湖南菜"]},"其它"]</textarea>
</div>
</div>
<fieldset > <legend>系统消息</legend>
<div id="json_editInfo" >正在加载图片,请稍候...</div>
</fieldset>
</div>
</body>
<script>
/*
main Object
*/
JE={
data:{},/* 关联数据 */
code:false,/* 格式化后的代码 */
oldCode:[],/* 历史代码 */
editUI:null,/* 关联编辑框 */
msgUI:null,/* 信息显示窗口 */
treeUI:null,/* 树窗口 */
name:'JE',/* 实例名 */
root:'<b>JSON无忧</b>',/* 根节点标题 */
checkbox:0,/* 是否添加复框 */
hot:null,/* 选中节点 */
indent:'    ',/*缩进符'\t'或者4个' '*/
firstUp:true,/*第一次自动刷新*/
onclick:Array,/*树点击通知*/
countInfo:'',/*统计信息*/
formating:false,/* 格式化中(禁止重构树) */
ico:{/* 树图标 */
//文件夹结构线
r0:'img?uuid=20166b3094daba4bc6e18817b8301b093a',
r0c:'img?uuid=208018827ed877e31810e838d33e4ac2b0',
r1:'img?uuid=2094c793496278bde84be80bb6cb2117f5',
r1c:'img?uuid=205f2329c537dcfd32b5f33bf642f76fa6',
r2:'img?uuid=20af62be7c197cae64d3e533f7aaf28c25',
r2c:'img?uuid=20a005983863e5bc8544cecd8b7f82fcdb',
//前缀图片
nl:'img?uuid=20f508bdc9bb8d98f4529e0fa2475b91bb',
vl:'img?uuid=20d5de63f4e6927bbb23c377bd1073d26f',
//文件结构线
f1:'img?uuid=202ccc639afd44130a3946e9837672479c',
f2:'img?uuid=20900ceb0053a2f7bd07a22337c4e4c72c',
root:'img?uuid=2069cf3fd1e53a2bb365f771eac65b50a2',
//文件夹
arr:'img?uuid=20b7d6e86f4f288ea097c10b1c0d7f4b6b',
arrc:'img?uuid=20b7d6e86f4f288ea097c10b1c0d7f4b6b',
obj:'img?uuid=20c34d1d5d5a4639061e08165c61a97e63',
objc:'img?uuid=20c34d1d5d5a4639061e08165c61a97e63',
//文件
arr2:'img?uuid=20327500502b71ed0278a0cc1bf8f8bb41',
obj2:'img?uuid=203346cafeedac1fb7628bc886b9b7fb47'
},
toTree:function(){/* JSON转换为树HTML,同时格式化代码 */
var draw=[],This=this,ico=this.ico;
JE.firstUp=false;/*完成首次自动构造*/
var notify=function(prefix/*前缀HTML*/,lastParent/*父是否是尾节点(确定图标是空白|结构线)*/,name/*节点名*/,value/*节点值*/,formObj/* 父是否是对象(确定子图标) */){/* 构造子节点 */
var rl=prefix==''?ico.r0:lastParent?ico.r1:ico.r2;/* 配置根节点图标 */
if(value&&value.constructor==Array){/* 处理数组节点 */
draw.push('<dl><dt>',This.draw(prefix,rl,ico.arr,name,''),'</dt><dd>');/* 绘制文件夹 */
for (var i=0;i<value.length;i++)
notify(prefix+This.img(lastParent?ico.nl:ico.vl),i==value.length-1,i,value[i]);
draw.push('</dd></dl>');
}else if(value&&typeof value=='object'){/* 处理对象节点 */
draw.push('<dl><dt>',This.draw(prefix,rl,ico.obj,name,''),'</dt><dd>');/* 绘制文件夹 */
var len=0,i=0;
for(var key in value)len++;/* 获取对象成员总数 */
for(var key in value)notify(prefix+This.img(lastParent?ico.nl:ico.vl),++i==len,key,value[key],true);
draw.push('</dd></dl>');
}else{/* 处理叶节点(绘制文件) */
draw.push('<dl><dt>',This.draw(prefix,lastParent?ico.f1:ico.f2,formObj?ico.obj2:ico.arr2,name,value),'</dt></dl>');
};
};/* 不是[]或者{}不绘制 */
if(typeof this.data=='object'){notify('',true,this.root,this.data);};
if(this.treeUI)this.treeUI.innerHTML=draw.join('');/* 显示在树窗口 */
this.msg('成功构造树视图!');
},
draw:function(prevfix,line,ico,name,value){/* 子项HTML构造器 */
var cmd=false,J=this.ico,imgName=false;
switch (line) {//传递切换图标
case J.r0:imgName='r0';break;
case J.r1:imgName='r1';break;
case J.r2:imgName='r2';
}
if(imgName)cmd=' onclick="'+this.name+'.show(this,\''+imgName+'\')" ';/* 加入折叠命令 */
var type=typeof name=='string'?'(对象成员)':'(数组索引)';
return prevfix+this.img(line,cmd)
+(this.checkbox?'<input type="checkbox" onclick="'+this.name+'.select(this)" />':'')
+this.img(ico)+' <a href="javascript:void(0)" onclick="'+this.name+'.click(this);" '
+'key="'+name+'" val="'+value+'" >'
+name+type+(value==''?'':' = ')+value+'</a>'
},
img:function(src,attr){/* img HTML构造 */
return '<img src="'+src+'" '+(attr||'')+'  />';
},
click:function(item){/* 子项点击统一回调 */
if(this.hot)this.hot.className='';
this.hot=item;
this.hot.className='hot';/* 切换选中项 */
this.onclick(item);
},
format:function(txt,compress/*是否为压缩模式*/){/* 格式化JSON源码(对象转换为JSON文本) */
if(/^\s*$/.test(txt))return this.msg('数据为空,无法格式化! ');
try{var data=eval('('+txt+')');}
catch(e){
JE.editUI.style.color='red';
return this.msg('数据源语法错误,格式化失败! 错误信息: '+e.description,'err');
};
JE.editUI.style.color='#000';
var draw=[],last=false,This=this,line=compress?'':'\n',nodeCount=0,maxDepth=0;
var notify=function(name,value,isLast,indent/*缩进*/,formObj){
nodeCount++;/*节点计数*/
for (var i=0,tab='';i<indent;i++ )tab+=This.indent;/* 缩进HTML */
tab=compress?'':tab;/*压缩模式忽略缩进*/
maxDepth=++indent;/*缩进递增并记录*/
if(value&&value.constructor==Array){/*处理数组*/
draw.push(tab+(formObj?('"'+name+'":'):'')+'['+line);/*缩进'[' 然后换行*/
for (var i=0;i<value.length;i++)
notify(i,value[i],i==value.length-1,indent,false);
draw.push(tab+']'+(isLast?line:(','+line)));/*缩进']'换行,若非尾元素则添加逗号*/
}else if(value&&typeof value=='object'){/*处理对象*/
draw.push(tab+(formObj?('"'+name+'":'):'')+'{'+line);/*缩进'{' 然后换行*/
var len=0,i=0;
for(var key in value)len++;
for(var key in value)notify(key,value[key],++i==len,indent,true);
draw.push(tab+'}'+(isLast?line:(','+line)));/*缩进'}'换行,若非尾元素则添加逗号*/
}else{
if(typeof value=='string')value='"'+value+'"';
draw.push(tab+(formObj?('"'+name+'":'):'')+value+(isLast?'':',')+line);
};
};
var isLast=true,indent=0;
notify('',data,isLast,indent,false);
this.countInfo='共处理节点<b>'+nodeCount+'</b>个,最大树深为<b>'+maxDepth+'</b>';
return draw.join('');
},
msg:function(text,type){/* 编辑状态或者错误通知 */
if(!this.msgUI)return alert(text);
with(new Date)var now=([getHours(),getMinutes(),getSeconds()].join(':')).replace(/\b\d\b/g,'0$&');
this.msgUI.innerHTML='<div>['+now+'] &nbsp;&nbsp;'+text.replace(/\n/g,'<br/>')+'</div>';
this.msgUI.className=type;
},
show:function (ico,id){/* 显隐树节点 */
var subView=ico.parentNode.parentNode.childNodes[1].style,J=this.ico;
if(subView.display=='none'){
subView.display='';
ico.src=J[id];
}else{
subView.display='none';
ico.src=J[id+'c'];
};
},
select:function (sender){
var sub=sender.parentNode.parentNode.getElementsByTagName("INPUT");
for (var i=0;i<sub.length;i++ ) {sub[i].checked=sender.checked;}
}
};
JE.add=function(){
this.msg('功能添加中...*_^');
}
JE.editItem=function(){
this.msg('功能添加中...*_^');
}
JE.begin=function(){/* 设置UI控件关联响应 */
var $=function (id){return document.getElementById(id)};
/* 关联UI */
JE.editUI=$("json_eidit");
JE.msgUI=$("json_editInfo");
JE.treeUI=$("tree");
var updateUI=$("update");
var auto=$("autoUpdate");
var fontSize=$("fontSize");
/* 单击树子项 */
JE.onclick=function(item){
var key='键名: <input value="'+item.getAttribute('key')+'" />',
val='  键值: '+(item.getAttribute('val')==''?'成员列表':'<input value="'+item.getAttribute('val')+'" />'),
add='<button onclick="'+this.name+'.add(this)">新增</button>',
edit='<button onclick="'+this.name+'.editItem(this)">修改</button>';
JE.msg(key+val+add+edit,'info');
}
/* 监听代码变化事件 */
JE.editUI.oninput=JE.editUI.onpropertychange=function (){
if(JE.formating)return;/* 格式化不刷新树 */
if(/^\s*$/.test(this.value))return  JE.msg('请输入JSON格式的代码!');;
clearTimeout(JE.update);
try{JE.data=eval('('+this.value+')');
}catch(e){
JE.editUI.style.color='red';
return JE.msg("源代码有错误: "+e.description+' , 如果正在编辑中, 请忽略此消息!','err');
};
JE.editUI.style.color='#000';
if(auto.checked||JE.firstUp){/*若同步*/
JE.msg('语法正确,正在重新构造树,请稍候...','busy');
JE.update=setTimeout(function(){
JE.toTree();
},450);
}else{
JE.msg('语法正确,请点击刷新,或者打开视图同步开关,或者继续编辑!')
}
return true;
};
if(window.ActiveXObject)
document.execCommand("BackgroundImageCache", false, true);
/* 拦截Tab,自动格式化 */
JE.editUI.onkeydown=function (){
if(event.keyCode==9){$('format_indent').onclick();event.returnValue=false;};
JE.code=this.value;
}
/* 格式化 */
var format=function(compress){
var code=JE.format(JE.editUI.value,compress);
JE.formating=true;
if(code)JE.editUI.value=code;
JE.editUI.focus();
setTimeout(function(){JE.formating=false;},1000);
return code;
}
/* 工具栏按钮 */
$('format_indent').onclick=function (){if(format())JE.msg('完成缩进风格转换,'+JE.countInfo)}
$('format_compress').onclick=function (){if(format(true)!=undefined)JE.msg('完成紧凑风格转换,'+JE.countInfo);}
updateUI.onclick=function (){
JE.firstUp=true;
JE.editUI.onpropertychange()?JE.msg('成功刷新视图!'):JE.msg('数据有误,刷新失败!','err')
JE.firstUp=false;
};
$('clear_txt').onclick=function (){JE.editUI.value=JE.treeUI.innerHTML='';JE.editUI.focus();}
auto.onclick=function (){JE.msg('自动同步视图功能'+(this.checked?'开启':'关闭!'));};
/* 另存为 */
if(/*@cc_on !@*/true){$('save_as').style.display='none'};
$('save_as').onclick=function (){
var d=document,w=d.createElement('IFRAME');
w.style.display="none";
d.body.appendChild(w);
setTimeout(function(){
var g=w.contentWindow.document;
g.charset = 'utf-8';
g.body.innerHTML=JE.editUI.value;
g.execCommand("saveas",'', "json.txt") ;
},1);
}
};
/* 从这里开始 */
window.onload=function (){
JE.begin();
}
</script>
</html>

提示：您可以先修改部分代码再运行

用来简单的查看、辅助修改繁杂的JSON数据，格式化或者压缩JJSON，当然也可以自由即时编辑一些简单的JSON数据。
大家可以输入或者粘贴一些JSON数据来校验是否正确。
按Tab键自动全文缩进格式化。

本文链接