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