<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>权记 &#187; web</title>
	<atom:link href="http://www.quanlei.com/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.quanlei.com</link>
	<description>一个关于我们生活点滴的网站，一个记录我们酸甜苦辣的日志。</description>
	<lastBuildDate>Thu, 02 Feb 2012 06:37:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>分享：web标准化交流会第二十期北京站总结</title>
		<link>http://www.quanlei.com/2011/07/share-w3ctech-beijing-20th/</link>
		<comments>http://www.quanlei.com/2011/07/share-w3ctech-beijing-20th/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 10:58:00 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[前端]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=2408</guid>
		<description><![CDATA[分享内容如下： 开心网 李国新 规范JavaScript开发模式(海贝网CommonJS实践之路) 傲游浏览器 赵锦江 git和github简介 谷歌 黄昊 Chrome 浏览器开发者工具介绍 W3Help 貘 javaScript模板引擎 -jsTemplate 应用场景及设计实现 联想研究院 小贝 谈团队协作的“兼”情和“基”情<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享：CSS3渐变按钮" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F08%2Fshare-multiple-gradient-buttons-with-css3%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/08/18/23386672.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：CSS3渐变按钮</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="转载：Web 前端优化最佳实践之内容篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F06%2F%25E8%25BD%25AC%25E8%25BD%25BD%25EF%25BC%259Aweb-%25E5%2589%258D%25E7%25AB%25AF%25E4%25BC%2598%25E5%258C%2596%25E6%259C%2580%25E4%25BD%25B3%25E5%25AE%259E%25E8%25B7%25B5%25E4%25B9%258B%25E5%2586%2585%25E5%25AE%25B9%25E7%25AF%2587%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">转载：Web 前端优化最佳实践之内容篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p class="btitle">分享内容如下：</p>
<blockquote>
<table class="table" width="645" height="104">
<tbody>
<tr>
<td>开心网</td>
<td>李国新</td>
<td><a title="规范JavaScript开发模式(海贝网CommonJS实践之路)" href="http://www.slideshare.net/winnersong/java-script-8419561">规范JavaScript开发模式(海贝网CommonJS实践之路)</a></td>
</tr>
<tr>
<td>傲游浏览器</td>
<td>赵锦江</td>
<td><a title="用Git探囊取物" href="http://bulaoge.net/topic.blg?dmn=g3g4&amp;tid=2130098">git和github简介</a></td>
</tr>
<tr>
<td>谷歌</td>
<td>黄昊</td>
<td><a href="http://www.slideshare.net/huanghao39/chrome-8476039">Chrome 浏览器开发者工具介绍</a></td>
</tr>
<tr>
<td>W3Help</td>
<td>貘</td>
<td><a href="http://www.slideshare.net/dskyline/javascript-template">javaScript模板引擎 -jsTemplate 应用场景及设计实现</a></td>
</tr>
<tr>
<td>联想研究院</td>
<td>小贝</td>
<td><a title="谈团队协作的“兼”情和“基”情" href="http://www.slideshare.net/dskyline/ss-8425867">谈团队协作的“兼”情和“基”情</a></td>
</tr>
</tbody>
</table>
</blockquote>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F&title=%E5%88%86%E4%BA%AB%EF%BC%9Aweb%E6%A0%87%E5%87%86%E5%8C%96%E4%BA%A4%E6%B5%81%E4%BC%9A%E7%AC%AC%E4%BA%8C%E5%8D%81%E6%9C%9F%E5%8C%97%E4%BA%AC%E7%AB%99%E6%80%BB%E7%BB%93" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享：CSS3渐变按钮" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F08%2Fshare-multiple-gradient-buttons-with-css3%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/08/18/23386672.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：CSS3渐变按钮</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="转载：Web 前端优化最佳实践之内容篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F06%2F%25E8%25BD%25AC%25E8%25BD%25BD%25EF%25BC%259Aweb-%25E5%2589%258D%25E7%25AB%25AF%25E4%25BC%2598%25E5%258C%2596%25E6%259C%2580%25E4%25BD%25B3%25E5%25AE%259E%25E8%25B7%25B5%25E4%25B9%258B%25E5%2586%2585%25E5%25AE%25B9%25E7%25AF%2587%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">转载：Web 前端优化最佳实践之内容篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2011/07/share-w3ctech-beijing-20th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在web页面中提供打印功能</title>
		<link>http://www.quanlei.com/2011/01/web-print/</link>
		<comments>http://www.quanlei.com/2011/01/web-print/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 13:48:38 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[编程相关]]></category>
		<category><![CDATA[activeX]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[打印]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=2071</guid>
		<description><![CDATA[最近一个项目需要在页面里面提供打印功能，这个功能似乎看起来很不起眼，因为在目前各大网站的文章页面都有打印功能，之前的项目也使用过，而且很简单就一句话： 调用本地的打印接口，很方便，也很轻量，主流浏览器支持非常好，用户只要点个按钮或者链接就基本上搞定。 但是也有问题，比如不能精确分页，不能设置纸型等。 除此之外，还有两种常见的基于网页的打印方式： 一种是依赖activeX控件来打印，这也决定了其只能在IE浏览器下可以使用了，部分通过安装插件可以在Firefox实现打印，比如 Lodop。 另外一种是基于Java Applet的打印，比如JasperReport的Applet实现方式，通过调用Java的通用打印接口，也可以比较好的实现网页打印，但是前提是用户的客户端必须安装一个几十兆的Java虚拟机，每次打印都得重新去服务器获取数据，其次是比较慢的响应速度。例如：http://www.jwebhosting.net/servlets/jr123/printer.html 具体使用那种就需要结合项目来选取了，比如我们的客户使用IE的多，而且用户群体比较广，那么我们就考虑使用activeX在IE下打印，而在其他浏览器下则考虑使用浏览器自带的print方法来代替。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="分享：web标准化交流会第二十期北京站总结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：web标准化交流会第二十期北京站总结</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE and firefox comflict in web design" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fie-and-firefox-comflict-in-web-design%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE and firefox comflict in web design</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="打开浏览器来编程，CodeRun – 基于web的IDE开发工具" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F10%2F%25E6%2589%2593%25E5%25BC%2580%25E6%25B5%258F%25E8%25A7%2588%25E5%2599%25A8%25E5%25B0%25B1%25E5%258F%25AF%25E4%25BB%25A5%25E7%25BC%2596%25E7%25A8%258B%25EF%25BC%258Ccoderun-%25E5%259F%25BA%25E4%25BA%258Eweb%25E7%259A%2584ide%25E5%25BC%2580%25E5%258F%2591%25E5%25B7%25A5%25E5%2585%25B7%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258260.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">打开浏览器来编程，CodeRun – 基于web的IDE开发工具</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>最近一个项目需要在页面里面提供打印功能，这个功能似乎看起来很不起眼，因为在目前各大网站的文章页面都有打印功能，之前的项目也使用过，而且很简单就一句话：</p>
<pre class="brush: plain; title: ; notranslate">
window.print();
</pre>
<p>调用本地的打印接口，很方便，也很轻量，主流浏览器支持非常好，用户只要点个按钮或者链接就基本上搞定。 但是也有问题，比如不能精确分页，不能设置纸型等。</p>
<p>除此之外，还有两种常见的基于网页的打印方式：<span id="more-2071"></span></p>
<p>一种是依赖activeX控件来打印，这也决定了其只能在IE浏览器下可以使用了，部分通过安装插件可以在Firefox实现打印，比如 <a href="http://blog.sina.com.cn/mtsoftware">Lodop</a>。</p>
<p>另外一种是基于Java Applet的打印，比如JasperReport的Applet实现方式，通过调用Java的通用打印接口，也可以比较好的实现网页打印，但是前提是用户的客户端必须安装一个几十兆的Java虚拟机，每次打印都得重新去服务器获取数据，其次是比较慢的响应速度。例如：<a href="http://www.jwebhosting.net/servlets/jr123/printer.html">http://www.jwebhosting.net/servlets/jr123/printer.html</a></p>
<p>具体使用那种就需要结合项目来选取了，比如我们的客户使用IE的多，而且用户群体比较广，那么我们就考虑使用activeX在IE下打印，而在其他浏览器下则考虑使用浏览器自带的print方法来代替。<!--more--></p>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&title=%E5%9C%A8web%E9%A1%B5%E9%9D%A2%E4%B8%AD%E6%8F%90%E4%BE%9B%E6%89%93%E5%8D%B0%E5%8A%9F%E8%83%BD" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="分享：web标准化交流会第二十期北京站总结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：web标准化交流会第二十期北京站总结</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE and firefox comflict in web design" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fie-and-firefox-comflict-in-web-design%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE and firefox comflict in web design</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="打开浏览器来编程，CodeRun – 基于web的IDE开发工具" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F10%2F%25E6%2589%2593%25E5%25BC%2580%25E6%25B5%258F%25E8%25A7%2588%25E5%2599%25A8%25E5%25B0%25B1%25E5%258F%25AF%25E4%25BB%25A5%25E7%25BC%2596%25E7%25A8%258B%25EF%25BC%258Ccoderun-%25E5%259F%25BA%25E4%25BA%258Eweb%25E7%259A%2584ide%25E5%25BC%2580%25E5%258F%2591%25E5%25B7%25A5%25E5%2585%25B7%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258260.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">打开浏览器来编程，CodeRun – 基于web的IDE开发工具</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2011/01/web-print/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用JSON插件进行数据交换格式(includeProperties和excludeProperties用法)</title>
		<link>http://www.quanlei.com/2010/06/struts2-json/</link>
		<comments>http://www.quanlei.com/2010/06/struts2-json/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 15:58:22 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[编程相关]]></category>
		<category><![CDATA[excludeProperties]]></category>
		<category><![CDATA[includeProperties]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[struts]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/2010/06/%e5%88%a9%e7%94%a8json%e6%8f%92%e4%bb%b6%e8%bf%9b%e8%a1%8c%e6%95%b0%e6%8d%ae%e4%ba%a4%e6%8d%a2%e6%a0%bc%e5%bc%8f/</guid>
		<description><![CDATA[JSON（Java Script Object Notation），是一种语言无关的数据交换格式。 JSON插件是Structs 2 的Ajax插件，通过利用JSON插件，开发者可以很方便，灵活的利用Ajax进行开发。 Json是一种轻量级的数据交换格式，JSon插件提供了一种名为json的Action ResultType 。一旦为Action指定了该结果处理类型，JSON插件就会自动将Action里的数据序列化成JSON格式的数据，并返回给客户端物理视图的JavaScript。简单的说，JSON插件允许我们在JavaScript中异步的调用Action。 而且Action不需要指定视图来显示Action的信息显示而是由JSON插件来负责具体将Action里面具体的信息返回给调用页面。Json的数据格式可简单如下形式： person = { name: &#8216;Jim&#8217;,age: 18,gender: &#8216;man&#8217;}。 如果action的属性很多，我们想要从Action返回到调用页面的数据。这个时候配置includeProperties或者 excludeProperties拦截器即可。而这2个拦截器的定义都在struts2的json-default包内，所以要使用该拦截器的包都要继承自json-default。 经过测试，下面的设置也是可以的，就是在includeProperties里面直接写你所在Action的属性 利用Struts 2的支持的可配置结果，可以达到过滤器的效果。Action的处理结果配置支持正则表达式。但是如果返回的对象是一个数组格式的Json数据。比如 peson Bean中有对象persion1&#8230;person9，而我只要JSON插件，则可以用如下的正则表达式。 需要注意的是,如果用JSON插件把返回结果定为JSON。而JSON的原理是在ACTION中的get方法都会序列化，所以前面是get的方法只要没指定不序列化，都会执行，那么可以在该方法的前面加注解声明该方法不做序列化。 原文出处：http://developer.51cto.com/art/201001/176090.htm Apache Struts Json 介绍：http://struts.apache.org/2.1.8/docs/json-plugin.html<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Notes:ajaxForm上传文件，返回json，回调不到success的处理建议" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F08%2Fnotes-ajaxform-upload-json-callback-success%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Notes:ajaxForm上传文件，返回json，回调不到success的处理建议</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/51-52周主题] – Java Net and XML parser" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2Fjava-net-and-xml-parser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/51-52周主题] – Java Net and XML parser</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Java SE 6 新特性: JMX 与系统管理" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fjava6_jmx%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Java SE 6 新特性: JMX 与系统管理</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="通过Java的static，理解JavaScript的prototype" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F12%2Fjava-static-help-understand-javascript-prototype%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">通过Java的static，理解JavaScript的prototype</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>JSON（Java Script Object Notation），是一种语言无关的数据交换格式。 JSON插件是Structs 2 的Ajax插件，通过利用JSON插件，开发者可以很方便，灵活的利用Ajax进行开发。</p>
<p>Json是一种轻量级的数据交换格式，JSon插件提供了一种名为json的Action ResultType 。一旦为Action指定了该结果处理类型，JSON插件就会自动将Action里的数据序列化成JSON格式的数据，并返回给客户端物理视图的JavaScript。简单的说，JSON插件允许我们在JavaScript中异步的调用Action。</p>
<p>而且Action不需要指定视图来显示Action的信息显示而是由JSON插件来负责具体将Action里面具体的信息返回给调用页面。Json的数据格式可简单如下形式： person = { name: &#8216;Jim&#8217;,age: 18,gender: &#8216;man&#8217;}。</p>
<p>如果action的属性很多，我们想要从Action返回到调用页面的数据。这个时候配置includeProperties或者 excludeProperties拦截器即可。而这2个拦截器的定义都在struts2的json-default包内，所以要使用该拦截器的包都要继承自json-default。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;struts&gt;
    &lt;constant value=&quot;spring&quot; name=&quot;struts.objectFactory&quot; /&gt;
    &lt;include file=&quot;struts-admin.xml&quot;&gt;&lt;/include&gt;
    &lt;package name=&quot;default&quot; extends=&quot;json-default&quot;&gt;
        &lt;action class=&quot;com.person.PersonAction&quot; name=&quot;person&quot; method=&quot;view&quot;&gt;
            &lt;result type=&quot;json&quot;&gt;
                &lt;param name=&quot;includeProperties&quot;&gt;person\.name,persoon\.age,person\.gender &lt;/param&gt;
            &lt;/result&gt;
        &lt;/action&gt;
    &lt;/package&gt;
&lt;/struts&gt;
</pre>
<p><span id="more-1626"></span><br />
<span style="color: #800000;">经过测试，下面的设置也是可以的，就是在includeProperties里面直接写你所在Action的属性</span></p>
<pre class="brush: xml; title: ; notranslate">
&lt;struts&gt;
    &lt;constant value=&quot;spring&quot; name=&quot;struts.objectFactory&quot; /&gt;
    &lt;include file=&quot;struts-admin.xml&quot;&gt;&lt;/include&gt;
    &lt;package name=&quot;default&quot; extends=&quot;json-default&quot;&gt;
        &lt;action class=&quot;com.person.PersonAction&quot; name=&quot;person&quot; method=&quot;view&quot;&gt;
            &lt;result type=&quot;json&quot;&gt;
                &lt;param name=&quot;includeProperties&quot;&gt;name,age,gender &lt;/param&gt;
            &lt;/result&gt;
        &lt;/action&gt;
    &lt;/package&gt;
&lt;/struts&gt;
</pre>
<p>利用Struts 2的支持的可配置结果，可以达到过滤器的效果。Action的处理结果配置支持正则表达式。但是如果返回的对象是一个数组格式的Json数据。比如 peson Bean中有对象persion1&#8230;person9，而我只要JSON插件，则可以用如下的正则表达式。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;struts&gt;
    &lt;constant value=&quot;spring&quot; name=&quot;struts.objectFactory&quot; /&gt;
    &lt;include file=&quot;struts-admin.xml&quot;&gt;&lt;/include&gt;
    &lt;package name=&quot;default&quot; extends=&quot;json-default&quot;&gt;
        &lt;action class=&quot;com.person.PersonAction&quot; name=&quot;person&quot; method=&quot;view&quot;&gt;
            &lt;result type=&quot;json&quot;&gt;
                &lt;param name=&quot;includeProperties&quot;&gt;person\.name,persoon\.age,person\.gender &lt;/param&gt;
            &lt;/result&gt;
        &lt;/action&gt;
    &lt;/package&gt;
&lt;/struts&gt;
&lt;!--利用Struts 2的支持的可配置结果，可以达到过滤器的效果。Action的处理结果配置支持正则表达式。 但是如果返回的对象是一个数组格式的Json数据。比如peson Bean中有对象persion1...person9，而我只要person1的json数据， 则可以用如下的正则表达式。 --&gt;
&lt;struts&gt;
    &lt;constant value=&quot;spring&quot; name=&quot;struts.objectFactory&quot; /&gt;
    &lt;include file=&quot;struts-admin.xml&quot;&gt;&lt;/include&gt;
    &lt;package name=&quot;default&quot; extends=&quot;json-default&quot;&gt;
        &lt;action class=&quot;com.person.PersonAction&quot; name=&quot;person&quot; method=&quot;view&quot;&gt;
            &lt;result type=&quot;json&quot;&gt;
                &lt;param name=&quot;includeProperties&quot;&gt;person\[\d+\]\.person1 &lt;/param&gt;
            &lt;/result&gt;
        &lt;/action&gt;
    &lt;/package&gt;
&lt;/struts&gt;
&lt;!--excludeProperties拦截器的用法与此类同，如果拦截的仅仅是一个对象，如果拦截掉person Bean的整个对象。 --&gt;
&lt;struts&gt;
    &lt;constant value=&quot;spring&quot; name=&quot;struts.objectFactory&quot; /&gt;
    &lt;include file=&quot;struts-admin.xml&quot;&gt;&lt;/include&gt;
    &lt;package name=&quot;default&quot; extends=&quot;json-default&quot;&gt;
        &lt;action class=&quot;com.person.PersonAction&quot; name=&quot;person&quot; method=&quot;view&quot;&gt;
            &lt;result type=&quot;json&quot;&gt;
                &lt;param name=&quot;excludeProperties&quot;&gt;person &lt;/param&gt;
            &lt;/result&gt;
        &lt;/action&gt;
    &lt;/package&gt;
&lt;/struts&gt;
</pre>
<p>需要注意的是,如果用JSON插件把返回结果定为JSON。而JSON的原理是在ACTION中的get方法都会序列化，所以前面是get的方法只要没指定不序列化，都会执行，那么可以在该方法的前面加注解声明该方法不做序列化。</p>
<pre class="brush: java; title: ; notranslate">
    @JSON(serialize = false)
    public User getUser() {
        return this.User;
    }

    @JSON(format = &quot;yyyy-MM-dd&quot;)
    public Date getStartDate() {
        return this.startDate;
    }
</pre>
<p>原文出处：http://developer.51cto.com/art/201001/176090.htm</p>
<p>Apache Struts Json 介绍：http://struts.apache.org/2.1.8/docs/json-plugin.html</p>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F&title=%E5%88%A9%E7%94%A8JSON%E6%8F%92%E4%BB%B6%E8%BF%9B%E8%A1%8C%E6%95%B0%E6%8D%AE%E4%BA%A4%E6%8D%A2%E6%A0%BC%E5%BC%8F%28includeProperties%E5%92%8CexcludeProperties%E7%94%A8%E6%B3%95%29" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Notes:ajaxForm上传文件，返回json，回调不到success的处理建议" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F08%2Fnotes-ajaxform-upload-json-callback-success%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Notes:ajaxForm上传文件，返回json，回调不到success的处理建议</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/51-52周主题] – Java Net and XML parser" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2Fjava-net-and-xml-parser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/51-52周主题] – Java Net and XML parser</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Java SE 6 新特性: JMX 与系统管理" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fjava6_jmx%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Java SE 6 新特性: JMX 与系统管理</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="通过Java的static，理解JavaScript的prototype" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F12%2Fjava-static-help-understand-javascript-prototype%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F06%2Fstruts2-json%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">通过Java的static，理解JavaScript的prototype</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2010/06/struts2-json/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[10/17 周主题] – Axure入项目</title>
		<link>http://www.quanlei.com/2010/05/1017-week-subject-axure-quick-start/</link>
		<comments>http://www.quanlei.com/2010/05/1017-week-subject-axure-quick-start/#comments</comments>
		<pubDate>Tue, 04 May 2010 13:44:01 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[周主题]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[Axure]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[原型]]></category>
		<category><![CDATA[框架]]></category>
		<category><![CDATA[界面]]></category>
		<category><![CDATA[项目]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=1563</guid>
		<description><![CDATA[很早就关注和试用Axure了，但是没在之前的项目中使用过，因为一些原因，借这次的这个web项目开始在公司推广Axure的使用，不过说到推广，现在也就我一人的用，其他项目要用还未知呢！ 先看看Axure的Demo吧：http://www.axure.org/demo/ 做过前端的人应该会更有感觉，操作上不会感觉太难，很快就可以上手，这要得益于Axure强大的组件库，基本上常用的组件都有，另外还有其他一些特殊的第三方组件提供下载。 这次项目中用Axure主要原因是界面框架的原因，如果UI和前端(我做)做完页面，把网页给客户看，那估计要费时不少，加上随时的改动，到后面会越做越忙，越做改动越大，所以就早动手，先用Axure把网站的各个页面框架和页码流程搭起来，跟客户一一确认，尽快完成这块的内容，再由UI去跟客户确认配色的问题，前端这个时候就可以开工了，跟之前的项目流程比，至少框架不会大动了！ 第一次拿做好的页面框架给客户看，客户以为这么快页面就出来啦，很有兴趣，当然我就得必须解释解释了，这个只是框架图，和最终的效果图是有些距离的，这些页面只是将页面框架和流程展示下。 学习Axure，最主要就是多用，多看别人的Axure例子，如果一个效果自己一下子无法实现，可以在网上找别人的rp文件，仔细研究下，很快就可以自己做出来了！ 再者Axure现在有好些模板，不一定就得自己去实现，Axure只是个工具，不管从哪个方面入手，达到你要的效果即可。 推荐区国内Axure推广比较有名的网站：http://www.axure.org/ 上面有很多教程和例子，可以进一步帮助学习Axure的使用。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="周主题推迟一周" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2Fweek-subject-delay-a-week%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">周主题推迟一周</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="快速删除svn项目中的.svn文件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2Fquick-delete-svn-files%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">快速删除svn项目中的.svn文件</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="项目越到尾声越怕改动" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F10%2F%25E9%25A1%25B9%25E7%259B%25AE%25E8%25B6%258A%25E5%2588%25B0%25E5%25B0%25BE%25E5%25A3%25B0%25E8%25B6%258A%25E6%2580%2595%25E6%2594%25B9%25E5%258A%25A8-3%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">项目越到尾声越怕改动</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/49周主题] – Swing Tips" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2F0949-week-subject-swing%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/49周主题] – Swing Tips</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>很早就关注和试用Axure了，但是没在之前的项目中使用过，因为一些原因，借这次的这个web项目开始在公司推广Axure的使用，不过说到推广，现在也就我一人的用，其他项目要用还未知呢！</p>
<p style="text-align: center;"><a href="http://www.quanlei.com/wp-content/uploads/2010/05/axure.gif" rel="lightbox[1563]"><img class="aligncenter size-full wp-image-1589" title="axure" src="http://www.quanlei.com/wp-content/uploads/2010/05/axure.gif" alt="" width="589" height="346" /></a></p>
<p>先看看Axure的Demo吧：<a href="http://www.axure.org/demo/">http://www.axure.org/demo/</a></p>
<p>做过前端的人应该会更有感觉，操作上不会感觉太难，很快就可以上手，这要得益于Axure强大的组件库，基本上常用的组件都有，另外还有其他一些特殊的第三方组件提供下载。</p>
<p>这次项目中用Axure主要原因是界面框架的原因，如果UI和前端(我做)做完页面，把网页给客户看，那估计要费时不少，加上随时的改动，到后面会越做越忙，越做改动越大，所以就早动手，先用Axure把网站的各个页面框架和页码流程搭起来，跟客户一一确认，尽快完成这块的内容，再由UI去跟客户确认配色的问题，前端这个时候就可以开工了，跟之前的项目流程比，至少框架不会大动了！</p>
<p>第一次拿做好的页面框架给客户看，客户以为这么快页面就出来啦，很有兴趣，当然我就得必须解释解释了，这个只是框架图，和最终的效果图是有些距离的，这些页面只是将页面框架和流程展示下。</p>
<p>学习Axure，最主要就是多用，多看别人的Axure例子，如果一个效果自己一下子无法实现，可以在网上找别人的rp文件，仔细研究下，很快就可以自己做出来了！</p>
<p>再者Axure现在有好些模板，不一定就得自己去实现，Axure只是个工具，不管从哪个方面入手，达到你要的效果即可。</p>
<p>推荐区国内Axure推广比较有名的网站：http://www.axure.org/ 上面有很多教程和例子，可以进一步帮助学习Axure的使用。</p>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F&title=%5B10%2F17+%E5%91%A8%E4%B8%BB%E9%A2%98%5D+%E2%80%93+Axure%E5%85%A5%E9%A1%B9%E7%9B%AE" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="[10/01周主题] – Web 项目开发中的常见问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/01周主题] – Web 项目开发中的常见问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="周主题推迟一周" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2Fweek-subject-delay-a-week%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">周主题推迟一周</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="快速删除svn项目中的.svn文件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2Fquick-delete-svn-files%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">快速删除svn项目中的.svn文件</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="项目越到尾声越怕改动" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F10%2F%25E9%25A1%25B9%25E7%259B%25AE%25E8%25B6%258A%25E5%2588%25B0%25E5%25B0%25BE%25E5%25A3%25B0%25E8%25B6%258A%25E6%2580%2595%25E6%2594%25B9%25E5%258A%25A8-3%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">项目越到尾声越怕改动</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/49周主题] – Swing Tips" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F12%2F0949-week-subject-swing%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/49周主题] – Swing Tips</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2010/05/1017-week-subject-axure-quick-start/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>本地图片预览(支持IE6，IE7，IE8， Firefox3)</title>
		<link>http://www.quanlei.com/2010/01/view-picture-on-local-machine/</link>
		<comments>http://www.quanlei.com/2010/01/view-picture-on-local-machine/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 14:11:09 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[Demo]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[本地图片预览]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=1162</guid>
		<description><![CDATA[最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。 这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3， 不包含Opera，Safari和Chrome，这三个基本上需求很小，没有研究。 总结一下就是： IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览。 FireFox下调用file的getAsDataURL方法获取Data URI数据来显示预览。 下面是一个完整的Demo： &#60;html&#62; &#60;head&#62; &#60;script src=&#34;http://deepliquid.com/projects/Jcrop/js/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; &#60;input type=&#34;file&#34; id=&#34;picture&#34; name=&#34;picture&#34; size=&#34;35&#34; value=&#34;&#34; onchange=&#34;setImg(this)&#34;/&#62; &#60;div id=&#34;preview_fake&#34; style=&#34;margin-left: 50px&#34;&#62; &#60;/div&#62; &#60;img id=&#34;preview_size_fake&#34;/&#62; &#60;style type=&#34;text/css&#34;&#62; #preview_fake{ /* 该对象用于在IE下显示预览图片 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } #preview_size_fake{ /* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); visibility:hidden; } &#60;/style&#62; &#60;script type=&#34;text/javascript&#34;&#62; function setImg(obj){ if( !obj.value.match( /.jpg&#124;.gif&#124;.png&#124;.bmp/i ) ){ [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="IE6 window.location 跳转问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F01%2Fie6-windowlocation-%25E8%25B7%25B3%25E8%25BD%25AC%25E9%2597%25AE%25E9%25A2%2598%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6 window.location 跳转问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="XP下 IE6 英文系统 Date 问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F10%2Fxp%25E4%25B8%258B-ie6-%25E8%258B%25B1%25E6%2596%2587%25E7%25B3%25BB%25E7%25BB%259F-date-%25E9%2597%25AE%25E9%25A2%2598%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">XP下 IE6 英文系统 Date 问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/14周主题] – IE6 hacks" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F04%2Fweek-subject-1014-ie6-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258336.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/14周主题] – IE6 hacks</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE6 IE7 FF的区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F07%2Fie6-ie7-ff%25E7%259A%2584%25E5%258C%25BA%25E5%2588%25AB%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6 IE7 FF的区别</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE and firefox comflict in web design" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fie-and-firefox-comflict-in-web-design%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE and firefox comflict in web design</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。</p>
<p>这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3， 不包含Opera，Safari和Chrome，这三个基本上需求很小，没有研究。</p>
<h3>总结一下就是：</h3>
<blockquote><p>IE6下可以直接从file的value获取图片路径来显示预览。<br />
IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览。<br />
FireFox下调用file的getAsDataURL方法获取Data URI数据来显示预览。</p></blockquote>
<h3>下面是一个完整的Demo：</h3>
<div class="runcode">
<p><textarea name="runcode" style="overflow-y:visible;width:610px;font-size:12px" class="runcode_text" id="runcode_IPhKTo">
&lt;html&gt;
&lt;head&gt;
&lt;script src=&quot;http://deepliquid.com/projects/Jcrop/js/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type=&quot;file&quot; id=&quot;picture&quot; name=&quot;picture&quot; size=&quot;35&quot; value=&quot;&quot; onchange=&quot;setImg(this)&quot;/&gt;
&lt;div id=&quot;preview_fake&quot; style=&quot;margin-left: 50px&quot;&gt;
&lt;/div&gt;
&lt;img id=&quot;preview_size_fake&quot;/&gt;
&lt;style type=&quot;text/css&quot;&gt;
        #preview_fake{
            /* 该对象用于在IE下显示预览图片
            */
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
        }
        #preview_size_fake{
            /* 该对象只用来在IE下获得图片的原始尺寸，无其它用途
            */
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
            visibility:hidden;
        }
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    function setImg(obj){
        if( !obj.value.match( /.jpg|.gif|.png|.bmp/i ) ){
            alert('图片格式无效！');
            return false;
        }
        $(&quot;#preview_fake&quot;).empty();
        var img = document.createElement(&quot;img&quot;);
        img.setAttribute(&quot;src&quot;, &quot;&quot;);
        img.setAttribute(&quot;id&quot;, &quot;preview&quot;);
        document.getElementById(&quot;preview_fake&quot;).appendChild(img);
        if($.browser.msie){
           if($.browser.version == 6.0){
              $(&quot;#preview&quot;).attr(&quot;src&quot;,obj.value);
           }else{
              var objPreview = document.getElementById('preview' );
              var objPreviewFake = document.getElementById('preview_fake' );
              var objPreviewSizeFake = document.getElementById('preview_size_fake' );
              obj.select();
              var imgSrc =document.selection.createRange().text;
              objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src= imgSrc;
              objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src= imgSrc;
              autoSizePreview(objPreviewFake,objPreviewSizeFake.offsetWidth,objPreviewSizeFake.offsetHeight );
              objPreview.style.display ='none';
           }
        }
        if($.browser.mozilla){
            $(&quot;#preview&quot;).attr(&quot;src&quot;,obj.files[0].getAsDataURL());
        }
        if($.browser.opera){
            alert(&quot;暂时不支持Opera浏览器&quot;);
        }
        if($.browser.safari){
            alert(&quot;暂时不支持Safari浏览器&quot;);
        }
    }
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<script type="text/javascript">function changeTsize(){document.getElementById("runcode_IPhKTo").style.height = document.getElementById("runcode_IPhKTo").scrollHeight + "px";}window.setTimeout(changeTsize,0);</script><p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_IPhKTo');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_IPhKTo');"/> <input type="button" value="另存代码" class="runcode_button" onclick="saveCode('runcode_IPhKTo','runcode_IPhKTo');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F&title=%E6%9C%AC%E5%9C%B0%E5%9B%BE%E7%89%87%E9%A2%84%E8%A7%88%28%E6%94%AF%E6%8C%81IE6%EF%BC%8CIE7%EF%BC%8CIE8%EF%BC%8C+Firefox3%29" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="IE6 window.location 跳转问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F01%2Fie6-windowlocation-%25E8%25B7%25B3%25E8%25BD%25AC%25E9%2597%25AE%25E9%25A2%2598%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6 window.location 跳转问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="XP下 IE6 英文系统 Date 问题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F10%2Fxp%25E4%25B8%258B-ie6-%25E8%258B%25B1%25E6%2596%2587%25E7%25B3%25BB%25E7%25BB%259F-date-%25E9%2597%25AE%25E9%25A2%2598%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">XP下 IE6 英文系统 Date 问题</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[10/14周主题] – IE6 hacks" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F04%2Fweek-subject-1014-ie6-problems%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258336.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/14周主题] – IE6 hacks</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE6 IE7 FF的区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F07%2Fie6-ie7-ff%25E7%259A%2584%25E5%258C%25BA%25E5%2588%25AB%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6 IE7 FF的区别</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE and firefox comflict in web design" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2008%2F03%2Fie-and-firefox-comflict-in-web-design%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2Fview-picture-on-local-machine%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE and firefox comflict in web design</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2010/01/view-picture-on-local-machine/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[10/01周主题] – Web 项目开发中的常见问题</title>
		<link>http://www.quanlei.com/2010/01/1001-week-subject-web-project-problems/</link>
		<comments>http://www.quanlei.com/2010/01/1001-week-subject-web-project-problems/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 08:32:40 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[周主题]]></category>
		<category><![CDATA[编程相关]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JDBC]]></category>
		<category><![CDATA[JPA]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[乱码]]></category>
		<category><![CDATA[测试]]></category>
		<category><![CDATA[浏览器]]></category>
		<category><![CDATA[表单]]></category>
		<category><![CDATA[项目]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=1149</guid>
		<description><![CDATA[这周来一直在赶一个Web项目，没多少时间focus到其他上面，于是这周的主题就干脆做个整理，整理下web项目开发时遇到的一些问题和解决办法。 本周主题：Web 项目开发中的常见问题 一、中文乱码 建议统一使用UTF8，或者全局做个filter处理。 二、表单校验 使用第三方校验框架， 而非自己去写，可以减少很多工作量。 三、Ajax的使用 首页尽量少用ajax，页面初次加载时常会加载不上来，尤其多个Ajax实例同时运行。 四、UI 规范 UI最好是出Demo，跟客户确认，定终稿，然后开发按最终效果图实现页面最好，否则没有页面或者效果图，即使有统一的规范，还是会浪费很多时间去调UI问题。 五、浏览器的兼容问题 虽然IE6基本上淘汰了，可老机器上使用IE6的还是不少的，Css 在处理兼容问题时，建议分开处理，在页面进行浏览器version判断，读取不同的css，这样管理和调整起来都方便。 六、比较完整的测试数据 页面框架搭完了，看着效果不错，可是填完数据后会发现和想象的不太一样。 七、用JPA Or JDBC 与数据库交互 JPA与JDBC相比之下，使用JPA大大减少了编程人员的工作量，因此还是偏向使用JPA，特殊环境下再选择JDBC<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="[10/17 周主题] – Axure入项目" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258330.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/17 周主题] – Axure入项目</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/48周主题] – JPA" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2F0948-week-subject-jpa%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258991.jpg" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/48周主题] – JPA</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享：web标准化交流会第二十期北京站总结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：web标准化交流会第二十期北京站总结</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>这周来一直在赶一个Web项目，没多少时间focus到其他上面，于是这周的主题就干脆做个整理，整理下web项目开发时遇到的一些问题和解决办法。</p>
<h1>本周主题：Web 项目开发中的常见问题</h1>
<h3>一、中文乱码</h3>
<blockquote><p>建议统一使用UTF8，或者全局做个filter处理。</p></blockquote>
<h3>二、表单校验</h3>
<blockquote><p>使用第三方校验框架， 而非自己去写，可以减少很多工作量。</p></blockquote>
<h3>三、Ajax的使用</h3>
<blockquote><p>首页尽量少用ajax，页面初次加载时常会加载不上来，尤其多个Ajax实例同时运行。</p></blockquote>
<h3>四、UI 规范</h3>
<blockquote><p>UI最好是出Demo，跟客户确认，定终稿，然后开发按最终效果图实现页面最好，否则没有页面或者效果图，即使有统一的规范，还是会浪费很多时间去调UI问题。</p></blockquote>
<h3>五、浏览器的兼容问题</h3>
<blockquote><p>虽然IE6基本上淘汰了，可老机器上使用IE6的还是不少的，Css 在处理兼容问题时，建议分开处理，在页面进行浏览器version判断，读取不同的css，这样管理和调整起来都方便。</p></blockquote>
<h3>六、比较完整的测试数据</h3>
<blockquote><p>页面框架搭完了，看着效果不错，可是填完数据后会发现和想象的不太一样。</p></blockquote>
<h3>七、用JPA Or JDBC 与数据库交互</h3>
<blockquote><p>JPA与JDBC相比之下，使用JPA大大减少了编程人员的工作量，因此还是偏向使用JPA，特殊环境下再选择JDBC</p></blockquote>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F&title=%5B10%2F01%E5%91%A8%E4%B8%BB%E9%A2%98%5D+%E2%80%93+Web+%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="[10/17 周主题] – Axure入项目" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F05%2F1017-week-subject-axure-quick-start%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258330.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[10/17 周主题] – Axure入项目</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[09/48周主题] – JPA" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2F0948-week-subject-jpa%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258991.jpg" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[09/48周主题] – JPA</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在Swing中做更多web的事情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F09%2Fswing-web-browser%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283483.png" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在Swing中做更多web的事情</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在web页面中提供打印功能" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F01%2Fweb-print%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在web页面中提供打印功能</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享：web标准化交流会第二十期北京站总结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2011%2F07%2Fshare-w3ctech-beijing-20th%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2010%2F01%2F1001-week-subject-web-project-problems%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享：web标准化交流会第二十期北京站总结</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2010/01/1001-week-subject-web-project-problems/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Linux下QQ的新选择：WebQQ桌面化</title>
		<link>http://www.quanlei.com/2009/11/webqq-desktop-integration/</link>
		<comments>http://www.quanlei.com/2009/11/webqq-desktop-integration/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 09:25:01 +0000</pubDate>
		<dc:creator>小权</dc:creator>
				<category><![CDATA[Linux服务器相关]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.quanlei.com/?p=842</guid>
		<description><![CDATA[今天发现了这个好玩的东西，让本来在Linux就不咋用QQ的我有重拾QQ的冲动，感觉很不错，分享给大家，先看图吧，借用LinuxToy的图片。 原文在这里：WebQQ 桌面化 我简要表述下主要做法： 1、安装allTray，版本0.69，最新版的貌似不行，还是安装0.69版的比较好。 2、创建WebQQ的桌面应用，具体看WebQQ 桌面化的做法。 3、按照WebQQ 桌面化的格式，编辑WebQQ的属性。 4、注意，一定要注意，图标地址别用错了，一定是你自己的图标，不要直接拷贝过来使用，检查检查是否格式正确。 allTray一直在用，但是没有发现其还有这么好用的命令，正如作者所说用 Alltray 创建系统托盘提示功能才是那篇文章的精华！<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="QQ阅读 – 个性化杂志" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Fqq%25E9%2598%2585%25E8%25AF%25BB-%25E4%25B8%25AA%25E6%2580%25A7%25E5%258C%2596%25E6%259D%2582%25E5%25BF%2597%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258272.jpg" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ阅读 – 个性化杂志</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Linux Server Start – related use in project deployment" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Flinux-server-start-related-use-in-project-deployment%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Linux Server Start – related use in project deployment</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="QQ 的手看起来真不干净啊，360貌似也够可恶的！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Fqq-%25E7%259A%2584%25E6%2589%258B%25E7%259C%258B%25E8%25B5%25B7%25E6%259D%25A5%25E7%259C%259F%25E4%25B8%258D%25E5%25B9%25B2%25E5%2587%2580%25E5%2595%258A%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2260120.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ 的手看起来真不干净啊，360貌似也够可恶的！</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Linux下自动执行ssh远程连接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Flinux_auto_ssh_connection%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Linux下自动执行ssh远程连接</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="linux下 scp命令不需要输入用户密码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F03%2Flinux%25E4%25B8%258B-scp%25E5%2591%25BD%25E4%25BB%25A4%25E4%25B8%258D%25E9%259C%2580%25E8%25A6%2581%25E8%25BE%2593%25E5%2585%25A5%25E7%2594%25A8%25E6%2588%25B7%25E5%25AF%2586%25E7%25A0%2581%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">linux下 scp命令不需要输入用户密码</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><span style="color: #800000;"><span style="font-size: xx-large;">今</span></span>天发现了这个好玩的东西，让本来在Linux就不咋用QQ的我有重拾QQ的冲动，感觉很不错，分享给大家，先看图吧，借用LinuxToy的图片。</span></p>
<p><span style="color: #000000;"><img class="aligncenter size-full wp-image-843" title="webqq-message-400x84" src="http://www.quanlei.com/wp-content/uploads/2009/11/webqq-message-400x84.png" alt="webqq-message-400x84" width="400" height="84" /><br />
</span></p>
<p><span style="color: #000000;">原文在这里：<a href="http://linuxtoy.org/archives/webqq-desktop-integration.html">WebQQ 桌面化</a></span></p>
<p><span style="color: #000000;">我简要表述下主要做法：</span></p>
<p><span style="color: #000000;">1、安装allTray，版本0.69，最新版的貌似不行，还是安装0.69版的比较好。</span></p>
<p><span style="color: #000000;">2、创建WebQQ的桌面应用，具体看<a href="http://linuxtoy.org/archives/webqq-desktop-integration.html">WebQQ 桌面化</a>的做法。</span></p>
<p><span style="color: #000000;">3、按照<a href="http://linuxtoy.org/archives/webqq-desktop-integration.html">WebQQ 桌面化</a>的格式，编辑WebQQ的属性。</span></p>
<p><span style="color: #000000;">4、注意，一定要注意，图标地址别用错了，一定是你自己的图标，不要直接拷贝过来使用，检查检查是否格式正确。</span></p>
<p><span style="color: #000000;"><span style="color: #000000;">allTray一直在用，但是没有发现其还有这么好用的命令，正如作者所说用 Alltray 创建系统托盘提示功能才是那篇文章的精华！</span><br />
</span></p>
<p style="margin:0;padding:0;height:1px;overflow:hidden;">
    <script type="text/javascript"><!--
        var wumiiSitePrefix = "http://www.quanlei.com";
        var wumiiEnableCustomPos = false;
        var wumiiParams = "&#038;num=6&#038;mode=3&#038;displayInFeed=1&#038;version=1.0.5.5&#038;pf=WordPress3.3.1";
    //--></script><script type="text/javascript" src="http://widget.wumii.com/ext/relatedItemsWidget.htm"></script><a href="http://www.wumii.com/widget/relatedItems.htm" style="border:0;"><img src="http://static.wumii.com/images/pixel.png" alt="无觅相关文章插件，快速提升流量" style="border:0;padding:0;margin:0;" /></a></p>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F&title=Linux%E4%B8%8BQQ%E7%9A%84%E6%96%B0%E9%80%89%E6%8B%A9%EF%BC%9AWebQQ%E6%A1%8C%E9%9D%A2%E5%8C%96" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="QQ阅读 – 个性化杂志" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Fqq%25E9%2598%2585%25E8%25AF%25BB-%25E4%25B8%25AA%25E6%2580%25A7%25E5%258C%2596%25E6%259D%2582%25E5%25BF%2597%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2258272.jpg" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ阅读 – 个性化杂志</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Linux Server Start – related use in project deployment" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Flinux-server-start-related-use-in-project-deployment%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Linux Server Start – related use in project deployment</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="QQ 的手看起来真不干净啊，360貌似也够可恶的！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2010%2F09%2Fqq-%25E7%259A%2584%25E6%2589%258B%25E7%259C%258B%25E8%25B5%25B7%25E6%259D%25A5%25E7%259C%259F%25E4%25B8%258D%25E5%25B9%25B2%25E5%2587%2580%25E5%2595%258A%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/site_images/2011/01/21/2260120.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ 的手看起来真不干净啊，360貌似也够可恶的！</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Linux下自动执行ssh远程连接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Flinux_auto_ssh_connection%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Linux下自动执行ssh远程连接</font>
                    </a>
                </td>
                <td width="116" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="linux下 scp命令不需要输入用户密码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.quanlei.com%2F2009%2F03%2Flinux%25E4%25B8%258B-scp%25E5%2591%25BD%25E4%25BB%25A4%25E4%25B8%258D%25E9%259C%2580%25E8%25A6%2581%25E8%25BE%2593%25E5%2585%25A5%25E7%2594%25A8%25E6%2588%25B7%25E5%25AF%2586%25E7%25A0%2581%2F&from=http%3A%2F%2Fwww.quanlei.com%2F2009%2F11%2Fwebqq-desktop-integration%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 110px !important; height: 110px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="110px" height="110px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 116px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">linux下 scp命令不需要输入用户密码</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.quanlei.com/2009/11/webqq-desktop-integration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

