- 博客(114)
- 收藏
- 关注
原创 Jquery Flot 使用
调用plot函数的方法如下: var plot = $.plot(placeholder, data, options) 其中placeholder可以是JQuery的对象,DOM元素或者JQuery的表达示,要把完成的图放到这个位置上。placeholder要有宽度和高度。因为plot会修改placeholder的一些属性,所以建议大家使用一个简单的div,除了高度和宽度其它的属性都不要设置。...
2013-11-13 17:39:44
249
原创 Maven打成Zip包
如果当前项目是使用Maven管理,并且需要打成Zip,按平时的配置是不行,不过实现打成Zip也不复杂,只需要2步即可。 1、在src/main/resources下面创建一个自定义打包的配置文件,名为assembly.xml<assembly> <!-- 项目打成Zip包的Id --> <id>bin</id> <f...
2013-11-13 17:06:17
881
sigar开发注意点
<dependency> <groupId>org.fusesource</groupId> <artifactId>sigar</artifactId> <version>1.6.4</version> </dependency> 1、首先
2013-11-13 16:50:57
293
原创 Servlet3.0新特性之异步请求实践
1、为什么要使用异步Servlet? 非常适用于以下情况的Web应用程序 —— 长处理时间或者伪长处理时间—— 等待资源释放——如数据库连接—— 等待事件发生——如聊天消息—— 等待缓慢服务的响应——如Web服务 释放当前请求处理以便处理其他请求—— 为Web容器提供了更好的可伸缩性 浏览器将仍然显示为等待中—— 用户体验没有改变 ...
2013-05-30 17:06:48
148
Servlet3.0 新特性之模块化实践
Web模块支持为模块化开发、框架使用提供了巨大的方便,例如需要在Web应用中使用Web框架,这就只要将该框架的JAR包复制到Web应用中即可。因为这个Jar包的META—INF目录下可以通过web-fragment.xml文件来配置该框架所需要的服务和资源等,从而避免修改已经有的应用。Web模块支持对于模块化开发也有很大的帮助,开发都可以将不同模块的Web组件部署在不同的模块中,从而避免所有模...
2013-05-29 18:35:32
171
原创 JSP2开发EL语言的自定义函数
表达式是JSP2的一个重要特性,它是仅仅是一种数据访问语言,可以方便地访问应用程序的数据,避免使用JSP脚本。注:如果想系统认为$是符号,则需要在前面加转义字符"\"1、表达式语言支持算术运算符和逻辑运算符。2、表达式语言有11个内置对象pageContextpageScoperequestScopesessionScopeapplicationScopeparamparamValues 属...
2013-05-27 20:47:25
85
JSP2开发自定义标签
先创建一个Web工程,因为在这里我们是使用了Maven管理项目,使用Eclipse创建一个叫为app的Maven Project。创建的过程可以看《使用Eclipse开发一个Servlet3.0的简单例子》,然后再加上一些我们需要的Jar包,在这里还需要加上JSP包,即在pom.xml的依赖中添加: <!-- 需要使用JSP标签的需要引入的包 --> <depen...
2013-05-26 15:35:12
97
原创 JSP一些基本的知识
JSP的7大指令jsp:forward 转发jsp:param 传递参数,不能独立使用,需要与其它的指令一起使用jsp:include 动态引入一个JSP页面jsp:plugin 用于下载JavaBean或者Applet,目前很少用到jsp:userBean 创建一个JavaBean的实例,实例时,可以设置它的作用域,即session,request,page,applicationjsp:...
2013-05-26 15:03:46
79
原创 Servlet 3.0 新特性详解
Servlet 3.0 新特性概述Servlet 3.0 作为 Java EE 6 规范体系中一员,随着 Java EE 6 规范一起发布。该版本在前一版本(Servlet 2.5)的基础上提供了若干新特性用于简化 Web 应用的开发和部署。其中有几项特性的引入让开发者感到非常兴奋,同时也获得了 Java 社区的一片赞誉之声:异步处理支持:有了该特性,Servlet 线程不再需要一直阻...
2013-05-25 17:06:23
74
原创 使用Eclipse开发一个Servlet3.0的简单例子
1、打开Eclipse4.2,新建一个Maven项目 1)选择maven的archetype为maven-archetype-webapp 2)填写项目信息 2、完善项目目录结构 1)手工添加 src/main/java、src/test/java和src/test/resource 三个source folder,在项目上右键 New ----...
2013-05-25 17:05:06
181
JavaScriptMVC之实战
JavaScriptMVC之实战下面我们通过一个真实的项目例子来实战JavaScriptMVC。项目名称:人事系统开发模块:部门管理开发工具:Eclipse技术支持:JavaScriptMVC3.2.2首先,我们需要到www.javascriptmvc.com下载JavaScriptMVC包,然后解压到目录E:\jQuery\javascriptmvc-3.2.2下,接...
2012-06-09 15:05:28
112
JavaScriptMVC之快速开发
有些同学反映说,需要看太多的篇章才能明白如何使用JavaScriptMVC来开发,可不可以 用一篇把主要用到技术介绍一下,这样就可以快速入门,并且可以快速用到开发项目的。 这篇文章就是这个目的,下面我们来讲述如何快速开发。 也就是我们习惯的的开发,自己创建项目,模块等。 不过不管怎样,我们都需要下载JavaScriptMVC包,下载它,然后把它解压到我们的项目中。 解压完JavaScriptM...
2012-04-28 21:53:07
129
JavaScriptMVC之语言助手
在这篇文章,我只挑了有用的语言助手来讲解,其它没有讲到的,大家可以去查看JavaScriptMVC的帮助文档。注:下述功能需要引入对应的jquery/language文件夹下的插件才能使用。1、对象的比较$.Object.same:比较2个对象是否一样。很难用文字去描述这个函数,我们直接来看例子可以更好理解:$.Object.same({name: "Justin"},...
2012-04-26 21:00:18
97
JavaScriptMVC之专用事件
JavaScriptMVC提供了一串很有用的专用事件。下述的只是一个简短的概述。 默认事件 让你给一个事件提供默认的行为,它使用event.preventDefault()可以防止事件冒泡。 这个对像下述的配件提供DOM的API是非常有用的。$("#tabs").delegate(".panel","default.open", function(){ $(this).sho...
2012-04-26 20:32:05
129
JavaScriptMVC之Model
Model顶层负责程序的数据层,使用它可以很容易做以下操作: 1、通过服务端获取和修改数据。 2、监听数据的变化 3、在HTML元素上设置和获取Model 4、分配数组数据 5、其它好东西 Model继承于Class,并且使用REST服务和延迟,所以这些概念是很值得研究的。 1、通过服务端获取和修改数据 Model让连接一个JSON REST服务非常容易。下述的To...
2012-04-25 22:52:42
165
JavaScriptMVC之View
视图提供在JQuery中使用模板的一致接口。当模板引擎注册它们,你就可以做以下的操作: 1、在Jquery中视图扩展了after,append,before,html,prepend,replaceWith,text。 2、模板可以从HTML元素和额外文件中加载 3、同步和异常的模板加载机制 4、延迟渲染 5、模板缓存 6、在产品构建中绑定处理后的模板 ...
2012-04-24 20:35:40
319
原创 JavaScriptMVC之Controller
Controller帮助创建合理的,可释放内存,快速执行jQuery配件。它非常好的灵活性让它可以为一个传统和视图和控制器服务。 从这里我们可以得出,UI控件=视图+控制器。例如jquery UI:$("#test").dialog();这也意味着我们使用它来很容易创建像Tab,Grid和右键菜单等控件,并且很好组合,符合行业规则。控制器让你的代码有确定性,复用性,组织性,且可以很方便...
2012-04-24 20:08:16
297
JavaScriptMVC之控制器监听事件
控制器安装和卸载事件句柄非常容易。卸载事件句柄对于防止内存泄漏非常重要。 自动绑定 当一个新的控制器创建后,控制器原型方法那些是事件句柄。它会把使用控制器的事件委托功能把这些函数绑定控制器上。 当这个控制器销毁(或者对应的元素从页面上删除),控制器将自动卸载它的事件句柄。 例如:以下控制器的每个函数将自动绑定: $.Controller("Crazy",{ // lis...
2012-04-23 21:16:54
194
JavaScriptMVC之Class
Class提供相当继承的功能。使用Class就可以让我们结合面对过程和面对对象编程开发。 除了原型继承之外,它还包含了一些重要的特性: 1、静态继承 2、内省 3、命名空间 4、Setup和Init方法 5、容易创建回调函数 静态 V 原型 在学习Class之前,理解一个Class的Static和Prototype属性的不同。 //STATICMyClass.static...
2012-04-23 20:50:10
132
JavaScriptMVC之Fixture续
其实下面我写的主要并不是Fixture,而是Model.List,为什么还要起这个Fixture续这个名呢?因为Fixture中,我们讲到它能模拟我们几乎所有的Ajax请求类型,其实真的是我想少了2个种操作。就是批量的删除,和删除修改,当然,我们可以通过循环删除和修改来达到这个效果。但是,这并是我们理想状态的代码,我们需要的时,可以像真实操作一样。批量删除只需要传递ID数组,就可以...
2012-04-22 00:54:35
125
JavaScriptMVC之数据处理
常常,项目中创建,修改数据时,都会对前台提交的数据验证,转变。然后再提交给后台处理,这个步骤 是我们开发人员一定要完成的工作。在之前,我们在做数据验证或者转变时,都是把各种验证和数据转变都 写成各种函数放在工具文件中,让整个项目需要的地方调用。 那我们如果使用JavaScriptMVC开发Web项目时,也可以这样验证吗?答案是肯定的。但是,如果我们按之前 的方法来完成验证和转变,那真的是浪费了...
2012-04-21 23:42:05
100
JavaScriptMVC之数据绑定(jquery.tie)
如果开发过Java的RCP程序的同学就会知道数据绑定databinding这个功能。由于之前JavaScript没有使用MVC框架,所以对于Web程序来说,也没有什么数据绑定之说,但是有了MVC框架之后,Jquery也给出一个数组绑定插件Tie,这个插件可以实现数据绑定功能。下面我们还是通过例子来讲解Tie是如何使用的,我们如何在Controller中使用Tie来达到视图绑定数据,当数...
2012-04-20 23:14:07
131
JavaScriptMVC之Fixture
注:阅读这篇同学必须已经认识了JavaScriptMVC,否则,看起来比较困难。$.fixture(固定物)是拦截Ajax请求并且用一个文件或者函数来模拟响应结果。当你想开发没有后台的JavaScript,它是一个很好的技术支撑。Fixtures的类型一般我们使用Fixtures的2种方法。第一种方法是把Ajax请求映射到一个文件。Fixtures会拦截/tasks.json请求,...
2012-04-20 22:19:42
285
从JavaScriptMVC开始如何完成项目之压缩文件和生成帮助文档
1、压缩文件在厨师手册程序中加载了很多资源,如果我们想下载这个程序,需要下载很多文件,所以MVC框架提供了把这么多文件压缩成一个文件的压缩工具。压缩脚本在压缩你的程序之前,需要在DOC控制台执行下面命令:C:\workspace\Cookbook>js cookbook\scripts\build.js steal/steal.js ... ignor...
2012-04-13 23:45:16
130
从JavaScriptMVC开始如何完成项目之创建测试程序
JavaScriptMVC放一个极大强调的重点在测试方面。JavaScriptMVC框架是使用FuncUnit模块帮助我们更容易编写功能和单元测试,且测试可以执行在浏览器或者全自动化。当你架构完食谱模块后,它会自动生成测试代码。下面这篇文章是指导我们如何完成下面5件事。1、执行单元测试。2、理解单元测试。3、执行功能测试。4、理解功能测试。5、测试是一个很好的功能。1、...
2012-04-13 21:56:28
91
从JavaScriptMVC开始如何完成项目之创建应用程序
如何使用JavaScriptMVC开发项目第一步,就是创建应用程序。在这里我们使用一个例子开始讲解。下面我们将创建一个基本厨师手册应用系统,它让我们可以创建和删除食谱。如下图:JavaScriptMVC提供生成脚本来帮助你们安装应用程序的文件和文件夹。1、创建一个应用程序在创建你的应用程序之前,打开一个Window系统的控制台窗口,即doc命令窗口,并且把目录定位到JavaSc...
2012-04-12 23:56:35
161
JavascriptMVC 之 route 的 history功能的使用
JavascriptMVC 之 route 的 history功能的使用如果使用过ExtJs的同学,应该会知道它的history的功能,而在jquery MVC 框架中的route也具体有这种功能,不过history的功能只是route中的其中一个功能。在这里,只是举例介绍如何使用route的history的功能。首先,定义一个router.js对象,steal( 'jqu...
2012-04-08 11:10:38
190
wijmo+javascriptmvc开发注意事项
下面是在使用wijmo+javascriptmvc中遇到的一些问题:1、Ajax请求中,后台响应消息的格式必须与dataType一致,否则,在控制器中监听不到Model的一些默认事件(例如:created,updated,destroyed).例子:如果我们定义了一个Ajax请求,其dataType=json,$.Model('Model',{ create:function(attrs,suc...
2012-04-07 09:31:24
209
原创 javascriptmvc之funcunit
javascriptmvc之funcunitfuncunit相当我们程序中的单元测试,但是在这里我们可以使用它来完成页面的自动化测试,在这里我们需要测试的是视图和模型。在这里我使用2个实例来说明如何使用funcunit来测试视图和模型。首先,我们测试视图,代码如下:steal('funcunit').then(function(){module("project.proc", ...
2012-03-30 00:19:09
168
原创 学习jquery mvc第一天,hello
学习jquery mvc第一天,hello做为程序员,对于hello那是太熟悉不过了。在这里,也是从hello开始学习jquery mvc框架。在这里我们除了使用jquery mvc3.2.2之外,UI使用了Wijmo2.0.5。所以,首先我们得下载jquery mvc和wijmo开发包。首先,我们使用myeclipse创建一个名为promanage的Web Project,然后把mv...
2012-03-29 23:09:05
303
原创 TabPanel 加载多个 SWF 需要注意的问题。
第1个问题,切换TabPanel的时候,有些Tab加载不到SWF,显示空白。解决:放置SWF的DIV高度和宽度需要变化,在这里都是减1.第2个问题,快速切换TabPanel的时候,下个Tab显示的SWF是上一个Tab的SWF。解决:这个是由于过快而导致,上一个Tab还没有隐藏,所以,我们在每次打开Tab之前,手动隐藏还没隐藏的Tab页面。第3个问题,SWF在IE中可以缓存,而在...
2012-02-24 10:11:25
74
原创 ExtJs中2个常用的高级事件功能:委托(Delegation),缓冲(Buffer)
委托delegation减低内存销毁和防止内存泄露的隐患是事件委托技术的两项好处,其基本要义是:并不是集合内的每一个元素都要登记上事件处理器,而是在集合其容器上登记一次便可,这样产生了中央化的一个事件处理器,然后就有不断循环该事件周期,使得逐层上报机制付诸实现,只要在容器层面定义就可以。这不是说要求我们在body元素挂上一个全局的事件,这会导致页面内的任何动作都会触发那个事...
2012-02-24 09:47:44
158
ExtJs实现SearchGrid查询表格
实现在表格头部下文可以有对应的查询框,如附件图。代码如下: Ext.override(Ext.grid.GridView,{ /** * 通过下标获取查询单个单元格元素 **/ getSearchCell : function(index) { return this.mainSh.dom.getElementsByTagName('td')[index];...
2011-08-22 02:19:48
287
ExtJs监听FormPanel的数据的更新情况
最近项目提出一个新的需求: FormPanel面板当前数据与初始数据不一致,在关闭这个面板之前,请提示用户数据已经更新,是否需要保存, 关闭则丢失之前的配置数据,请确认。这个应该属于用户体验友好性方面的需要 通过分析发现可以通过2个方法实现 1、监听FormPanel每个输入框值的变化。(下面我们实现的方式) 2、通过绑定一个Record,通过Record来...
2011-08-21 18:17:46
609
ExtJs中的CheckboxSelectionModel功能的完善
所谓说要完善CheckboxSelectionModel功能,其它是实现每行的CheckBox可以触发全选或者去全选。 说白了,就是当我们选中表中一行时,如果所有行都已经选中,那么头部的全选框会自动化选上,而如果表格全选中,把 其中一行去掉选择,而头部的全选框会自动去全选。 代码如下: Ext.override(Ext.grid.CheckboxSelectionM...
2011-08-17 23:44:27
486
ExtJs实现刷新Grid单个单元格
产生问题背景:ExtJS3.2版本页面上存在定时刷新表格的功能,而且表格中每行又有详情,当每次刷新每行时,即执行了Record的Set方法,详情都会关闭。刚开始觉得很奇怪。因为我一直觉得,我刷新一行中的一个字段的话,那应该是只更新这个字段的DOM就行了。 后台查看了一下源代码原来,每个Record数据变化时,其实都是重新生成一条新行的DOM。在源代码的执行步骤是,先新插入一行,再把...
2011-08-17 01:10:20
404
使用ExtJs开发项目总结
1、少用IFrame,或者不要使用Iframe。 2、每个页面Panel定义一个自定义的类,在OnReady直接写上即可。 3、没有必要就不要修改ExtJs原功能和CSS样式。 4、视图层(UI)、数据层(Data)、控制层(Action)分为3个JS来保存。 5、没有必要,千千万万不要定义全局变量,尽量使用局部变量。 6、充分利用Javascript的动态...
2011-08-09 00:38:17
95
原创 ExtJs TabPanel右键功能插件
下面是ExtJs TabPanel右键功能插件,可以全部关闭Tab,或者关闭除自己的其它Tab,可以关闭当前Tab等功能。Ext.ux.TabCloseMenu = function(){ var tabs, menu, ctxItem; this.init = function(tp){ tabs = tp; ta...
2011-08-09 00:17:55
138
ExtJs自定义带Form功能的Window
之前在项目遇到一个问题就是使用很多的Window进行新增,修改的操作,每个Window都添加上一个FormPanel。 1、添加起来比较麻烦。2、在Window再添加FormPanel肯定生成的Div会更多了,而且阅读起来也比较麻烦。3、还有就是很多同学喜欢使用使用field.setValue去赋值,其它FormPanel中就提供了loadRecord。很方便进行FormPane...
2011-08-08 23:58:44
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人