第一篇：网站开发常用jQuery插件总结(四)验证插件validation
网站开发常用jQuery插件总结(四）验证插件validation
在网站开发过程中，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。
jquery验证插件有很多，实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.validate
1.jquery.validate插件功能
简单实现客户端信息验证，过滤不符合要求的信息
2.jquery.validate官方地址
官方地址：http://jqueryvalidation.org/,有详细的插件使用说明
官方demo：http://jquery.bassistance.de/validate/demo/
3.jquery.validate使用方法
1.引用js
2.css样式，可自定义，简单的只需要添加error样式，也可使用官方demo中的样式。.error{
color:red;
margin-left:8px;
}
3.js代码
$(document).ready(function(){
// validate signup form on keyup and submit
var validator = $(“#signupform”).validate({
rules: {
firstname: “required”,username: {
required: true,minlength: 2
},password: {
required: true,minlength: 5
},password_confirm: {
required: true,minlength: 5,equalTo: “#password”
},email: {
required: true,email: true,},dateformat: “required”,terms: “required”
},messages: {
firstname: “姓名不能为空”,username: {
required: “用户名不能为空”,minlength: jQuery.format(“用户名只少由 {0} 字符组成”)
},password: {
required: “密码不能为空”,minlength: jQuery.format(“密码只少由 {0} 字符组成”)
},password_confirm: {
required: “确认密码不能为空”,minlength: jQuery.format(“确认密码只少由 {0} 字符组成”),equalTo: “秘密与确认密码不一致”
},email: {
required: “邮箱不能为空”,email: “邮箱格式不正确”
},dateformat: “请选择性别”,terms: “ ”
},// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element){
if(element.is(“:radio”))
error.appendTo(element.parent().next().next());
else if(element.is(“:checkbox”))
error.appendTo(element.next());
else
error.appendTo(element.parent().next());
},// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function(){
alert(“submitted!”);
},// set this class to error-labels to indicate valid fields
success: function(label){
// set as text for IE
label.html(“ ”).addClass(“checked”);
},highlight: function(element, errorClass){
$(element).parent().next().find(“.” + errorClass).removeClass(“checked”);}
});
});
以上的代码只使用了插件提供的属性和方法。也可以自定义验证方法。如
$.validator.addMethod(“checkUserName”, function(value){
//value为验证的值，对应于元素id
//方法代码
}, '用户名格式不正确');
使用自定义方法也非常简单，只需要 元素id:”checkUserName”
4.使用的html
效果演示：验证插件 validate 测试
第二篇：wireshark插件开发小结
wireshark插件开发小结
关键字：wireshark, plugin, lua,protocol 概述wireshark是非常流行的网络封包分析软件，功能十分强大。可以抓取各种网络包，并显示网络包的详细信息。为什么使用wiresharkTroubleshoot network problems
定位网络问题Debug protocol implementations 调试自己实现的协议Learn network protocol internals 分析协议内部实现分析网络性能网络端点，统计每个端点的地址、发送或收到的数据包的数量和字节数。
网络会话，统计地址A 和地址B 端点间会话的发送或收到的数据包的数量和字节数。协议分层，可查看各种协议的分布统计情况。数据包长度分析。架构Wireshark是分析网络数据的利器，也是掌握计算机网络的工具。wireshark用C语言开发，架构合理。wireshark从网络协议栈拷贝网络包，可以保存为pcap文件。wireshark 内部实现
Plugin dissectorDecodes protocols that are newly added.解析新的网络协议Faster rebuilds and bug correction.(Due to stand alone librariesgenerated for each plugin dissector)? 每个插件是单独的dll文件，这样可以快速替换插件，加快插件开发速度。插件文件路径 : 安装目录/plugins/ Wiretapused to read/write capture files
pcap文件读写 winpcap
(windows packet capture)是windows平台下一个免费，公共的网络访问系统。winpcap这个项目的目的在于为win32应用程序提供访问网络底层的能力。它用于windows系统下的直接的网络编程。插件（plugin）Wireshark使用C语言编写而成，它支持动态链接库形式的插件扩展。除此之外，wireshark内置了Lua脚本引擎，可以使用Lua脚本语言编写dissector插件。Wireshark lua proto APIfunctiondescriptionProto.new(name, desc)Creates a new protocolproto.dissectorThe protocol's dissectorproto.fieldsThe Fields Table of this dissectorproto.prefsThe preferences of this dissectorproto.prefs_changedThe preferences changed routine of this dissectorproto.initThe init routine of this dissectorproto.nameThe name given to this dissectorproto.descriptionThe description given to this dissector
第三篇：Eclipse插件安装总结
Eclipse插件安装总结
Eclipse插件安装总结通过个人的学习体会，将目前Eclipse插件安装的三种方式，总结如下：
第一种方法很简单，在Eclipse的主目录（%ECLIPSE_HOME%）下有一个plugins目录和features目录。
将插件解压缩后，在解压缩后的文件夹里一般可以看到plugins文件夹，有的插件解压缩后还可以看到一个features文件夹。一般将plugins文件夹下的内容直接拷贝到%ECLIPSE_HOME%plugins目录下，如果解压缩后的插件目录下还有features文件夹，则把该文件夹下的内容也拷贝到%ECLIPSE_HOME%features下。重新启动Eclipse之后就可以使用刚刚安装的插件了。如果不能使用插件，可能是因为插件还未启用。可以到Help/Software Updates/Manage Configuration下将“Disable”的插件“Enable”即可。这种插件安装方式简单、快捷，但是有缺陷，若插件太多，会使内容非常混乱，而且分不清哪个是系统自带的，哪个是以后安装的。当安装了许多插件之后，Eclipse变的很大，不便于更新和管理众多插件。每次重新安装Eclipse，就要花时间来安装那几个常用的插件。
第二种方法也很简单，它主要借助于Eclipse的向导来安装插件。通过Help/Software Updates/Find and Install，在弹出的菜单中选择“Search for new features to install”，点“Next”，在下一菜单中选择“New Local Site”或“New Archived Site”，找到你下载的插件所在目录，选中安装即可。这种方法安装插件比较安全，不易出错，缺点就是对于插件的要求也比较挑剔，所以能够支持这种方式安装的插件也比较少。一般要求插件目录下不光有plugins和features文件夹，还要有site.xml文件（site.xml是进行自动安装的配置文件，eclipse会根据文件的信息自动安装插件）。支持J2ME开发的EclipseME插件就是通过这种方式安装的。
第三种方式就是在Eclipse主目录下创建一个links目录，然后将你自己的插件放在你想放的任何地方，这个时候你放插件的目录就是插件目录（%PLUGIN_HOME%），然后在你的%ECLIPSE_HOME%links目录下创建一个link文件，比如要安装一个 vss插件，可以在links目录下创建一个vss.eclipse.link文件，link文件的名称随便取。这个vss.eclipse.link文件指向的存放vss插件的目录（%PLUGIN_HOME%---tangyb ：path=F: angybeclipse_plugins omcat.eclipse）。假如你的vss插件的zip/rar文件解压缩后放在C:eclipse_pluginsvss.eclipse下（如果是插件是jar文件则可以不用解压缩），则vss.eclipse.link文件的内容就应该是：path=C:eclipse_pluginsvss.eclipse。注意：path所指的文件路径一定要增加一个“”转义符来分开。以这种方式安装插件要有一定的讲究。即：插件目录下面一定要有eclipse目录，然后在eclipse目录下分别建立features和plugins。例如：如vss.eclipse.zip解压成vss.eclipse目录，这个目录包含一个plugins子目录。先在vss.eclipse目录中新建一个子目录eclipse，然后把plugins目录移动到刚建立的eclipse 目录中，然后再在刚刚建立的eclipse目录下建立一个features目录。即目录结构要是这样的： C:eclipse_pluginsvss.eclipseeclipseplugins、C:eclipse_pluginsvss.eclipseeclipsefeatures。其它压缩文件解压后若已经包含eclipseplugins、eclipsefeatures目录，则不需要建立eclipse目录结构。启动Eclipse后，Eclipse会到link文件指定的目录下去查找eclipsefeatures 目录和eclipseplugins 目录，看是否有合法的功能部件和插件。也就是说，目标目录必须包含一个eclipse 目录。如果找到，附加的功能部件和插件在运行期配置是将是可用的，如果链接文件是在工作区创建之后添加的，附加的功能部件和插件会作为新的配置变更来处理。对于第三种方式的说明： 1.插件可以分别安装在多个自定义的目录中； 2.一个自定义目录可以安装多个插件；
3.link文件的文件名及扩展名可以取任意名称，比如ddd.txt，myplugin都可以； 4.link文件中path=插件目录的path路径分隔要用“”或是“/”；
5.在links目录也可以有多个link文件，每个link文件中的path参数都将生效； 6.插件目录可以使用相对路径；
7.可以在links目录中再建立一个子目录，如disable，转移暂时不用的插件到此子目录中，加快eclipse启动；
8.关于用links方式安装Lomboz插件，在编辑EJB时可能会产生问题。这种方式的好处就可以把插件分门别类的管理。如果某一个插件已经安装了想要重新安装，只要将文件替换或者修改link文件的路径即可。重装Eclipse时，只需把原来Eclipse的links目录直接复制到新Eclipse下，然后把插件目录复制到新的Eclipse相应目录下即可。然后以-clean方式启动就全装好了。常用的J2EE开发工具——MyEclipse就是以这种方式组织插件的。together for eclipse也是典型的利用links方式安装的。一般而言，用以上三种方式安装好插件后，需要重启Eclipse后，插件才会生效。如果没有生效，可以按照按下面几个步骤检查：
1.首先看一下About中的plugin装载清单，如果没有则需先确认所安装的插件的依赖插件已经安装。Eclipse的插件是有依赖关系的，具体表现在每个插件plugin.xml中的
2.若装载的plugin清单里已经有了，那可能是没有打开此插件的View或者需要在Preference里配置一些东西才有效，这个最好看一下所安装插件的plugin.xml，看它都扩展了哪些扩展点，菜单无非就是actionSets这个扩展点，界面都是views这个扩展点，可以在 Show View里设置一下，还有其它一些扩展点，可以具体问题具体分析；
3.最有效的办法：看Log。在Eclipse安装目录workspace/.metadata子目录下（若没有使用默认的工作空间，则目录结构可能会不同）有一个.log文件，从这里面一般可以找到失败的原因；
4.如果插件还是没有安装，则删除Eclipse安装目录configuration子目录下的org.eclipse.update目录，然后重新启动。个人推荐第三种方式，本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/huxin1/archive/2009/02/26/3940726.aspx
第四篇：利用社会评论插件做好网站用户体验
社会化评论插件简单说即一个能够挂载于网站，提供以评论功能为主的，同时所有用户又能方便使用并且感受到社交氛围的一种软件。在《10个WordPress第三方社会化评论插件》一文中，我介绍了5款国内目前比较热门的第三方社会化评论插件，分别是友言、评论啦、贝米、多说、灯鹭。那么，社会化评论插件到底有(应该有)什么特点呢?各家评论插件之间又有什么可以借鉴的呢?
一、社会化评论插件的基本功能
1、评论、登录、回复，以及回复之间的父子关系嵌套形式;
2、可供查阅的用户信息;
3、网站主对评论内容的管理;
4、垃圾评论的抵御;
5、wordpress社会化评论插件和主题的兼容性和数据同步：
wordpress中的一个问题在于，主题制作者不会默认为主题设计成有社会化评论插件的主题，即使愿意这样去做，也搞不好到底要用哪一款。博客会遇到用户评论之后，wordpress系统本身不会有信息提示。对于这一点，各家评论插件的处理方法不同，基本上都是给出了一个放在服务平台上的管理界面。但如果将数据放置到插件服务器上，wordpress博客本身就不会有新评论的提示。而灯鹭插件有一个同步到本地数据库的功能，可以解决这个问题。即便如此，wordpress提供的comments_popup_link()函数创建的锚链接将失效。
6、有回复时的通知被回复用户：邮件通知、微博通知等方式;
7、分页、按不同方式排序、无刷新回复无刷新换页等效果功能;
8、回复的内容可以包含更多元素，如表情、图片、视频、代码、链接等;
9、SEO功能;
10、评论列表、评论框的样式可以多种多样，还可以自定义。
二、社会化评论插件的社会化功能
社会化更能是社会化评论插件的杀手锏，是SMO时代各个网站对不同用户来源的必然选择。
多方账号的登录，账户的绑定，创建一个统一的互联网评论账户，将各个账户统一起来让用户成为一个人。
对于评论插件服务来说，社会化登录是登录评论插件，登录评论框。而对于使用插件的网站来说，社会化登录是用户只要有一个互联网某家服务商的账号，就可以登录自己的网站，参与评论和互动。这个概念在国外很早就有，而且有网站发起OpenID的倡议，让互联网用户拥有一个可供全网使用的ID号。而在国内，每一个用户几乎拥有国内各家网站的账户，例如QQ、新浪微博、人人网、淘宝、百度等等，甚至拥有两个以上的QQ、微博账号。当然，这里要讨论的不是要用一个账号去登录这些不同的网站，而是用户只要有使用其中之一账号，就可以在互联网上畅通无阻。
登录的另一个概念是绑定。而绑定却只针对插件服务，只针对提供服务商。网站在这一点上没有占到太大便宜，一般来说，网站主为了分一杯羹，希望插件能够在用户绑定自己的账号时，同时留一份资料在自己的网站，留住用户。
而作为评论的使用者，用户希望自己在用自己的账户登录评论框(插件)之后，能够绑定自己的其他账户，在同步功能中同步自己的评论到其他平台。而且用户并不希望每次都要进行绑定的过程，例如我，我希望在我用微博账户登录了某一个评论插件之后，以后再其他网站的同一家服务商提供的评论插件中，无需再登录了，这一点多说做的很好。而更好的是，用户根本无需绑定的过程，只要现已登录了自己的微博，当进入到评论时，可以自由选择我要使用什么身份进行评论。目测之下，只有多说做的尚佳。
2、社会化同步
顾名思义，社会化评论插件要实现社会化登录之后，将自己的行动同步到已绑定的社交平台上，让自己的好友知道自己在社交网站之外的其他活动。而除了将自己的评论同步出去，用户和网站主都希望信息回流。社交网站上的其他用户对被同步过去的信息进行评论或回复时，网站上的评论框也能得到对应的信息。网站主对用户进行回复时，用户在自己常用的社交网站也能得到回复。目前没有插件能够如此好的实现回流。多说则将用户评论过的信息放在用户创建于多说网站内的一个个人主页，不是这里所说的信息回流。灯鹭等可以实现回流到网站，却不能回流到诸如微博等平台。
3、社会化互动
插件试图将插件产品本身打造为一款社交工具，在一个评论框内，在插件服务商提供的服务范围内，实现社会化互动。社会化评论插件提供诸如顶、收藏、分享、感兴趣、评论最多、回复最热等社交功能，在评论框这个局部小范围，就已经形成了一个小型的社交区，用户之间可以相互@，可以查看自己感兴趣的用户的信息，可以加好友，查看感兴趣用户的活动痕迹，订阅等等，这已经是一个良性的社交活动了。唯一不同的是，这个社交范围太小，只能在短时间内或间隔比较长的时间之后。
社会化阅读不是社会化评论插件的目的和功能，然而作为产品的附带效果，评论插件有用户，比无觅插件带来的用户粘度更大，而且评论不同于阅读，评论说明用户有自己的观点，有自己的兴趣点，有自己的性格和形象。插件没有义务再为用户开发出阅读，推送信息等功能，然而，有野心的服务商是可以在此轨迹上发展的。
社会化阅读已经脱离了安装插件的网站，网站反过来成为了插件产品服务的工具。社会化评论插件的社会化阅读有多种形式，阅读关注者的评论，从而阅读被评论的文章，阅读有相近评论意思的文章，阅读感兴趣的话题等等。多说插件当用户登录之后，即使在互联网上流浪到了其他网站，只要再次碰到多说代码，就会在屏幕右上角提示有新的回复。
三、社会化评论插件的可靠性
本点要讲的主要是社会化评论插件的配置功能、性能以及安全性问题。
1、社会化评论插件的配置
插件安装和使用的后台功能，可以反映出插件设计和制作团队的水平。插件的逻辑处理能力、操作设计和创新性，让网站主最终确定是否选择此插件。可自订性对于网站主也很重要，虽然统一的样式让用户更习惯，然而到了具体的网站内，评论框能否和网站融为一体还是对用户是否参与评论起到一定的效果。操作复杂程度和交互设计也是社会化评论插件的重要一环，无论网站主还是评论者，更愿意使用操作简单、功能丰富、外观满意的评论功能。
2、社会化评论插件的性能
评论插件在前台页面的打开速度，影响了评论者对参与评论的积极性，加载很慢的话，参与者可以选择放弃评论，只有当用户需要评论时，评论框就在那里的状态才让参与者没有任何行为阻碍。插件的处理性能也很重要，发布、更新、显示、调用时能否快速反应，提交时能否不影响速率和效率都会影响用户的选择。卢松松做了一个页面，用来测试各个评论插件框的加载速度，点击这里测试。
3、社会化插件的安全及隐私
数据安全和隐私政策是社会化网络功能的一个不可逾越的坎。对于网站主，非常不希望由于自己的网站给用户带来不必要的损失，也不希望自己辛辛苦苦积攒的人气被新出现的社会化评论毁于一旦。这两天看到网上爆料多说评论插件获取网站的用户、评论、文章数据，而对于wordpress博客而言，这三项数据就是网站的全部，没有其他了。无论在其他任何方面都优胜，我仍然不会选择一款不安全的，或者有截取数据的插件。作为插件服务商，应该自己努力去创造数据，同步评论的数据功能大部分网站主都会接受，因为不同步的话，在没有使用插件之前的数据都会没有。而同步用户和文章我则不同意，对于我来说，同步功能只是一个妥协的办法，已解决上述使用插件之前数据的问题，对于程序开发者完全有能力将自己服务器上的数据和本地数据进行比较，通过本地判断来实现各种数据功能。唯一的解释是，插件开发者宁愿让所有服务都使用自己的服务器，他们可不想把自己服务器上的数据放到本地来用。
另一方面，使用插件的评论参与者知情或不知情的情况下选择了绑定，绑定之后网站和插件产品就有权限利用绑定的账户进行信息发布。再者，随着社会化分析技术的出台，人的隐私越来越无从谈起，社会化评论插件如何保证不利用用户提供的个人信息在非允许情况下使用，维护互联网隐私信息，也是非常令人寻味的一件事。
四、社会化评论插件的发展前景
我预计，很快百度和新浪也会出自己的社会化评论插件，特别是百度!
我要提出的观点是：社会化插件要做用户，而非网站主。
对比微博通和follow5两家微博服务商，同以微博同步见长。follow5作为独立的微博运营平台，有多个个性化功能产品。微博通则以在同一界面阅读和管理来自不同的平台的微博鼎力一足，却没有自己的社区互动产品，用户粘度不及follow5大。虽然follow5已经死了，微博通还在发展，然而从两则的模式来看，follow5更为活跃，微博通则只能在界面内硬生生赛几幅难看的广告盈利，如果不开放附加产品，和微博通形成掎角之势，只能坐等收购了。同样的道理，以多说和灯鹭两家社会化评论插件为例，虽然灯鹭的声势更大，(乌徒帮用的也是灯鹭的插件，)功能更多，和微博连接插件杂合在一起，各种功能更加复杂，配置更加有难度，自定义可制订性更大。然而，如果从长远的发展看，多说更注重和使用评论插件的非网站主形成关系，收集他们的信息，并有用户主页，营造自己的氛围。从短期看，灯鹭会赢得更多网站主的青睐，从长远来看，多说符合网络用户的评论需求，后期发展更有看头。但是还有一个条件，即运营，如果在前期抢占网站评论框的时候多说败了，没有形成规模，后面的社会化阅读都是空想。而如果早期抢占成功，今后还有转型的机会。
第五篇：网站开发中期总结
网站开发技术中期总结
网站开发是一门技术精深的学科，在这里学习了网站开发与网页编写的区别，学习了网页编写的基本语言HTML，学习了JSP技术，学习了利用Spring、Hibernate等框架优化网页编写，通过这些学习，真正的了解了网站开发，也学会了一些简单的开发技术。
HTML语言是网页开发中最简单也是最基本的标签语言，是学习网站开发最先学习的一门网页编写技术。HTML是一门语言，也可以说是一门标签，它能够将网页的各个组成部分利用简单的标签进行标记，以使这些文字、图片等内容能够满足我们的需要，使其转化成网页的形式。一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。标记符说明该文件是用HTML来描述的。它是文件的开头，而则表示该文件的结尾，它们是HTML文件的始标记和尾标记。掌握HTML可以说是要进入网站开发的最基本要素，也是大体了解网页编写的最直接最快途径。XML是用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML是标准通用标记语言(SGML)的子集，非常适合 Web 传输。XML 提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。XML与HTML的设计区别是：XML是用来存储数据的，重在数据本
身；而HTML是用来定义数据的，重在数据的显示模式。在学习中要分清楚他们的区别。JSP技术是在原有的静态网页设计中利用JAVA语言而进行动态网页设计的技术，JSP是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。
Sping是一个开源框架，是为了解决企业应用程序开发复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许您选择使用哪一个组件，同时为 J2EE 应用程序开发提供集成的框架。Sping框架将原有的各种框架进行了缝合，使得原有的网站开发中各种框架能够更加的简单明了的表达所需要的功能。Spring不重新开发已有的东西。因此，在Spring中你将发现没有日志记录的包,没有连接池,没有分布事务调度。这些均有开源项目提供(例如Commons Logging 用来做所有的日志输出，或Commons DBCP用来作数据连接池),或由你的应用程序服务器提供。Spring框架的使用更加的简化了网站开
发的难度，在极其方便快捷中就能够编写出与用JSP相同功能的程序代码，是网站开发的一大进步。
Hibernate是一个开放源代码的对象关系映射框架，它对JDBC进行了非常轻量级的对象封装，使得Java程序员可以随心所欲的使用对象编程思维来操纵数据库。Hibernate可以应用在任何使用JDBC的场合，既可以在Java的客户端程序使用，也可以在Servlet/JSP的Web应用中使用，最具革命意义的是，Hibernate可以在应用EJB的J2EE架构中取代CMP，完成数据持久化的重任。在Spring框架加上Hibernate框架中开发网站，能够最大限度的优化动态网页的编写，拥有最大量的数据量。
网站开发从最开始的仅仅利用文字、图片的静态网页到现在包含有大量数据的动态网页，从只使用HTML标签语言到现在的JSP、ASP、HPH等大量技术，已经从单一到丰富，从一个计算机附属到独立学科。
点击咨询 