lvdong5830
lvdong5830

Extjs4开发笔记(二)——框架的搭建

转载：http://www.mhzg.net/a/20116/201162913210280.html

Extjs4开发笔记(二)——框架的搭

本文内容已经重新更新，旧版请查看：www.mhzg.net/a/20116/201162913210280-old.html

由于最近老出差，所以代码无法及时更新。导致近一周都没有更新。

废话不多说了，上篇文章建立了比较基础的文件。今天开始搭建大体的框架，由于Extjs4在组件建立方面有了很大的改变，所以第一次建立的框架页面还是费了比较长的时间。本章内容增加了一些图片及CSS文件，目的是为了美化整个界面。增加的CSS文件：

注意事项：layout、region的使用，如果没有看API及相关文档的话，那么面对错误对话框的时候，还不知道是怎么回事。

本文将main.js放到了/app/controller文件夹下，这将是整个项目的主体文件。

而头部、菜单、内容区及底部则完全分离成4个JS文件，我们将先实现这几个文件的基础功能，之后我们会慢慢完善这些组件。而整个页面的填充，也使用一个JS文件来完成。也许有人会问，这么多文件，是不是要都在index.html中引入啊。这样想的话，就错了哦。因为我们使用的是Extjs4，所以我们一定要使用Extjs4 动态加载功能。

先来看下自定义CSS（sytle.css）：

 
  1. #header { background: #7F99BE url(/images/layout-browser-hd-bg.gif) repeat-x center;}
  2. #header h1 {font-size: 16px;color: #fff;padding: 3px 10px; font-family:"微软雅黑","黑体"}
  4. .tabs{}
  5. .tabs{background-image: url(../images/menuPanel/bulletin_manager.gif) !important;}
  6. .manage{background-image: url(../images/menuPanel/admin.gif) !important;}
  7. .home{background-image: url(../images/home.gif) !important; line-height:30px;}
  8. .icon-menu{background-image: url(../images/menuPanel/sys.gif) !important;}

图片文件夹就不放上来了。从以前的项目中拷贝了一些比较靠谱的图片，大家完全可以自己去下载一些ICON图标文件而为己所用。

搭建的框架是经典的EXTJS布局模式，如图所示：

Extjs4开发笔记(二)——框架的搭建_第1张图片

首先，我们建立index.html和app.js，index.html代码为：

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>员工管理系统</title>
  6. <link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all.css" />
  7. <!--引入自定义CSS-->
  8. <link rel="stylesheet" type="text/css" href="extjs4/resources/style.css" />
  9. <script type="text/javascript" src="extjs4/ext-all-debug.js"></script>
  10. <script type="text/javascript" src="app.js"></script>
  11. </head>
  13. <body>
  14. </body>
  15. </html>

App.js：

 
  1. Ext.Loader.setConfig({enabled: true});
  2. Ext.application({
  3.     name: 'SMS',
  4.     appFolder: 'app',
  5.     controllers: [
  6.         'Main'
  7.     ]
  8. });

稍做解释：

 

 

Ext.Loader.setConfig({enabled: true});//意思是开启Ext.Loader。Ext.Loader是动态加载的核心哦。。

Ext.appliction({...});看字面意思吧，不解释。

配置中的name，我理解为是Extjs3.x、Extjs2.x中的命名空间。

appFolder，应用文件夹名字。

controllers，控制单元的名字，这里我们定义为Main。那么根据Extjs4动态加载的要求，我们需要在/app/controllers文件夹下建立Main.js文件，作为控制单元。有关Extjs4动态加载机制，请参考：www.mhzg.net/a/20117/2011721040290.html

Main.js：

 
  1. Ext.define('SMS.controller.Main',{
  2.     extend: 'Ext.app.Controller',
  3.     init : function(){
  4.     }
  5. })

这里的Main.js中只是定义了Main这个类，且继承了Ext.app.Controller，其余都没有写。看到这里，会有人很奇怪了，index.html中引入了app.js，而app.js只是创建了Main这个类，但Main.js什么都没有，那么页面中为什么会显示出框架页面呢？这也是最多人所疑惑的。下面我来解释下这个问题。所有的原因就在于app.js这个文件中，app.js文件定义了Ext.application。而Ext.application中有个属性是autoCreateViewport ，这个属性是Boolean类型，如果值为true,那么Extjs4会自动加载view/Viewport.js文件，如果值为flase，那么必须要自己去创建一个View，这就是为什么app.js和Main.js文件都没有写相关代码，也会有界面出现。

整理下思路，由于Extjs4自动加载了view/Viewport.js，而Viewport.js文件包含了头部、菜单、内容区及底部这4个组件，那么我们必须先完成这4个文件的编写，同样，由于这4个文件是界面型的，我们将这4个文件都放到view文件夹下。

view文件夹下共5个JS文件，分别为：

Header.js、Menu.js、South.js、TabPanel.js及Viewport.js

这5个js文件的作用，我们一一介绍。

5个js文件都包含了Ext.applyIf、callParent。由于篇幅问题，Ext.applyIf、callParent等方法，请参考Extjs4相关API。

Header.js：这个是头部，也就是深蓝色底子。白色字体，那块，上面写着员工管理系统。

代码为：

 
  1. Ext.define('SMS.view.Header', {
  2.     extend: 'Ext.Component',
  3.     initComponent: function() {
  4.         Ext.applyIf(this, {
  5.             xtype: 'box',
  6.             cls: 'header',
  7.             region: 'north',
  8.             html: '<h1>员工管理系统</h1>',
  9.             height: 30
  10.         });
  11.         this.callParent(arguments);
  12.     }
  13. });

Menu.js:

 
  1. Ext.define('SMS.view.Menu',{
  2.     extend: 'Ext.tree.Panel',
  3.     initComponent : function(){
  4.         Ext.apply(this,{
  5.             id: 'menu-panel',
  6.             title: '系统菜单',
  7.             iconCls:'icon-menu',
  8.             margins : '0 0 -1 1',
  9.             region:'west',
  10.             border : false,
  11.             enableDD : false,
  12.             split: true,
  13.             width : 212,
  14.             minSize : 130,
  15.             maxSize : 300,
  16.             rootVisible: false,
  17.             containerScroll : true,
  18.             collapsible : true,
  19.             autoScroll: false
  20.         });
  21.         this.callParent(arguments);
  22.     }
  23. })

TreePanel并没有加载菜单项，关于Extjs4 Tree，我们后面会介绍。

 

 

TabPanel.js：

 
  1. Ext.define('SMS.view.TabPanel',{
  2.     extend: 'Ext.tab.Panel',
  3.     initComponent : function(){
  4.         Ext.apply(this,{
  5.             id: 'content-panel',
  6.             region: 'center', 
  7.             defaults: {
  8.                autoScroll:true,
  9.                bodyPadding: 10
  10.             },
  11.             activeTab: 0,
  12.             border: false,
  13.            //plain: true,
  14.             items: [{
  15.               id: 'HomePage',
  16.               title: '首页',
  17.               iconCls:'home',
  18.               layout: 'fit'
  19.             }]
  20.         });
  21.         this.callParent(arguments);
  22.     }
  23. })

South.js：

 
  1. Ext.define('SMS.view.South',{
  2.     extend: 'Ext.Toolbar',
  3.     initComponent : function(){
  4.         Ext.apply(this,{
  5.             id:"bottom",
  6.             //frame:true,
  7.             region:"south",
  8.             height:23,
  9.             items:["当前用户：Guest",'->',"技术支持:<a href='http://www.mhzg.net' target='_blank' style='text-decoration:none;'><font color='#0000FF'>http://www.mhzg.net</font></a>&nbsp;&nbsp;"]
  10.         });
  11.         this.callParent(arguments);
  12.     }
  13. })

文件都创建好了。我们进行最后一部，布局。

Viewport.js：

 
  1. Ext.define('SMS.view.Viewport',{
  2.     extend: 'Ext.Viewport',
  3.     layout: 'fit',
  4.     hideBorders: true,
  5.     requires : [
  6.         'SMS.view.Header',
  7.         'SMS.view.Menu',
  8.         'SMS.view.TabPanel',
  9.         'SMS.view.South'
  10.     ],
  11.     initComponent : function(){
  12.         var me = this;
  13.         Ext.apply(me, {
  14.             items: [{
  15.                 id:'desk',
  16.                 layout: 'border',
  17.                 items: [
  18.                     Ext.create('SMS.view.Header'),
  19.                     Ext.create('SMS.view.Menu'),
  20.                     Ext.create('SMS.view.TabPanel'),
  21.                     Ext.create('SMS.view.South')
  22.                 ]
  23.             }]
  24.         });
  25.         me.callParent(arguments);
  26.     }
  27. })

重点：requires属性，这个我理解为创建引用。稍懂编程语言的人应该都明白。但是光引用还不够，我们还需要去实例化它，也就是Ext.create。至此，我们的框架已经顺利搭建完毕。

 

 

今天的工作也就是这么多，搭建完框架之后，会慢慢丰富整个系统。本来想连菜单的树也完成，最后想了想，这工作还是留到明天吧。因为树涉及到了异步获取，需要有服务端程序，今天弄好框架之后，把服务端代码写好了，明天来完成这棵树的实现吧。

需要注意的一点，在extjs4中，只要定义了布局为border，那么他的items中必须要有region: 'center'的组件，否则将会提示错误。貌似在extjs3.x甚至是以前的版本都没发现有这样的要求，因为这个，费了老大的劲才调整过来，再一看，代码全部变了，已经跟extjs3.x的风格完全不同了。令人欣喜的是，现在的代码完全符合extjs4的风格，也完全符合我的预期。

 

你可能感兴趣的:(extjs4)

  • ExtJS4.0学习心得 ☆平常心☆ 学习笔记extjsfunctionheaderautoloadbordermvc
    学习ExtJs4.0知识已有一个月的时间，结合模拟项目——资源池管理系统，谈一谈学习中碰到的问题，解决办法以及收获的经验，希望可以达到互相交流、学习、共成长的目的。ExtJs4.0不同于3.0版本的最重要改变是MVC模式的引入。本文也以MVC模式为切入点，开始介绍我的ExtJs4.0之旅。一、SSH框架搭建后台模拟项目采用了SSH搭建后台，数据库采用Oracle9i，前台可通过action将封装好
  • 2014年4月份第1周51Aspx源码发布详情 weixin_30647065 数据库人工智能测试
    基于Extjs4+MVC4权限管理源码2014-3-31[VS2012]源码描述：20140331更新：修改部门管理中bug20140303更新：增加部门管理模块，主要包含部门添加，编辑，删除，启用，禁用等功能。20140219更新：增加登录人数饼形图图模块。20140128更新信息：登录次数锁定功能及时间限制，修改菜单模块，角色模块，用户模块中的一些小bug。kindeditor网络图片本地化源
  • Ext4.0学习笔记（4~9章 MVC、高级组件、布局以及图表） guangneng521 WebTechnology测试uxjson
    第四章MVC学习从这个图中我们可以很清楚的看到M、V、C在ExtJS4.0里面所对应数据类型。靠右边是对应的代码结构。下描述一下这model、store、view、controller以及application这几者之间的关系。（1）application：它是MVC的入口，用来告诉ExtJS到那里去找对应js文件以及启动加载controller与view连个模块的代码。//打开动态加载js功能E
  • 北风课堂:超过300 门免费IT 课程 ambition_forever 语言基础
    全部免费！！！！（请复制地址浏览器打开）大家抓紧上去看看吧:http://edu.ibeifeng.com/实战：Flex4.X实战在线书店项目初步构建http://edu.ibeifeng.com/view-index-id-134.html深入学习ExtJs4.1的布局及常用控件http://edu.ibeifeng.com/view-index-id-129.html专题-深入JavaOOP
  • ExtJs4 Group 分组如何实现显示分组名称 sword_happy extjsextjs4groupFieldgroup
    ExtJs4store中进行group分组varresourceStore=newSch4.data.ResourceStore({model:"resourceModel",groupField:'DOCK_NO',sorters:['DOCK_NO','Name'],storeId:'CS07_ResourceStore',proxy:{type:'ajax',url:"getResource
  • ExtJS4.2 Ext.grid.panel Store更改后刷新表格 weixin_30697239
    //////Preparestore//////preparefieldsandcolumnsvar__fields=[];var__columns=[];for(varjj=0;jj
  • Extjs4组件学习--Ext.grid.Panel 舒克frz ExtJsextjsemailheaderjsontablefilter
    Ext.grid.Panelxtype:gridpanel,gridGridsareanexcellentwayofshowinglargeamountsoftabulardataontheclientside.Essentiallyasupercharged,GridPanelmakesiteasytofetch,sortandfilterlargeamountsofdata.Gridsarec
  • extjs4 grid 刷新数据时不改变滚动条位置 叹君心 ExtJs界面ExtJs滚动条Grid刷新位置
    每次刷新Grid数据的时候滚动条都会重置到页面首部,这样在去寻找刚才查看的记录很不方便,文档中也没有说明如何配置,查看了很多文件发现他隐藏着这样一个配置,当设置为false时,刷新滚动条的时候就不会改变之前的滚动条位置;配置项如下：invalidateScrollerOnRefresh:false
  • Extjs4动态显示actioncolumn zilanhu
    简单记录一下actioncolumn的动态隐藏，分为两个部分：样式隐藏，使用getClass根据条件返回样式，可以为隐藏this.disabledCls功能隐藏，否则的话actioncolumn虽然样式产生了变化，比如隐藏或者半透明（也就是disable），但是事件依然可以触发。所以需要设置isDisabledcolumns.push({xtype:'actioncolumn',text:'操作'
  • ExtJs4 与MVC E_eric
    BuildinganSencha’sExtJS4.0MVCApplicationWithMicrosoft’sASP.NETMVC3Series/BasicsNovember4,2011ByPeterKellner16CommentsPart1(this)Basics(mostlyserverside)Part2ExtJSClientSideDetails*Forthosewhoareinters
  • ExtJS4学习笔记之window的创建 倾斜的水瓶座 extjsstylesheetfunctionxhtmlhtmlext
    Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。代码如下：窗口实例Ext.require('Ext.window');Ext.onReady(function(){Ext.create('Ext.Window'
  • 「微前端实践」使用Vue+qiankun微前端方案重构老项目的本地验证 yinmochunCoder
    10月份换了新的工作，参与完一个月的需求迭代后，接到了项目重构的任务。简单来说，需要在短时间内提出方案设想，同时进行本地验证，最终需要拿出一套技术替换方案来。于是，埋头苦干了一个月，总算干了点成绩出来，今天把当时的思考和实践做个简单总结，就当是个复盘吧。一、老项目现状最初接触到的老项目，使用到的前端技术栈主要是（jQuery1.8+layui-v2.5.4+ExtJS4.2.1.883），当时拿到
  • 04.插件之安装Spket插件 胖先森
    支持Extjs4.1.1及jQuery1.8.3spket官网下载最新的jar安装包当前最新的是spket1.6.23,好像不再更新了spket官网下载地址：http://www.spket.com/download.html下载spket的破解补丁spket1.6.23可用的破解补丁的下载地址:包含所有的资料https://yunpan.cn/cS5vTxtYFpcDt访问密码229f安装spk
  • EXTJS4 MVC框架 yangxiaojun9238
    在EXT的SDK中包含有一篇文章写的很好，可以作为广大初学EXT的ITer们的必读文章，因为全文都是英文，读起来非常不方便，所以在这里将该篇文章用本人的语言压缩成以下的博文：（仅供参考）原文地址请参考：https://github.com/sndpl/extjs4_mvc_skel由4楼二胖提供，或者可以直接到ext官网下载SDK.在MVC的布局模式中，所有的类都放置在app文件夹中，这个文件夹还
  • 关于Class中的ConstantPool属性 dengzhao3993 java
    里面的每个项是怎么决定的？转载于:https://www.cnblogs.com/extjs4/p/9268397.html
  • ExtJS4.x Grid导出到Excel(详解) u010968800 uxjavascript
    本人菜鸟一枚，看了网上很多例子，操作均不够具体，且大都用的是同一个源文件（http://blog.csdn.net/lc448986375/article/details/8205362），想来定是受了原博主的毒害不浅^_^。有鉴于此，本人特此做一较为详细的解说，望批评指正，多多交流为善1.下载并解压文件夹ExtToExcel.zip;（csdn资源几次传不上去，开源中国貌似又不支持，无奈用了51
  • Extjs4中的Form之displayfield的使用 Sloan_JCY Extjs4
    只是用来展示，不能对其操作Ext.onReady(function(){Ext.QuickTips.init();Ext.create("Ext.form.Panel",{title:'本地Display实例',renderTo:'formDemo',bodyPadding:'5555',height:100,width:270,frame:true,defaults:{labelSeparato
  • Extjs4中如何获取组件（通过ID或通过Name） Sloan_JCY Extjs4Extjs4从零开始
    Extjs4中如何获取组件（通过ID或通过Name）通过Id方式：Ext.getCmp('my_form')；通过组件名称：this.up('form').getForm()；//获取表单
  • 出现An internal error occurred during: "Building workspace".的解决方法 流水无Qing extjs
    一、当在eclipse中的web工程中增加了extjs4，出现Aninternalerroroccurredduring:"Buildingworkspace".Javaheapspace错误。解决办法：导入ExtJS包，这样会卡死eclipse的。去到工程根目录下，找到.project，用记事本打开，把两处删除掉：第一处：org.eclipse.wst.jsdt.core.javascriptV
  • ExtJS4 ajax请求同步异步问题 hu8471479 Extjs
    今天在写代码过程中遇到一个奇怪的问题，事情是这样的，我写了一个简单的页面用来删除选中的用户，请看下面：因为后台的servlet的代码实现了根据用户名来删除一条记录，所以我在前台的ExtJS代码里面用了循环：functiondeleteUsers(userList){//删除用户varmsgTip=Ext.MessageBox.show({//显示正常删除的信息提示框title:'提示',width
  • Extjs4 设置panel内部的gridpanel的滚动条 莫问初心 Extjs浏览器
    当grid的实际宽度大于其父容器panel的时候，超出的1部分表格被默认隐藏，滚动条不见了。这时候我们一般要做两件事1.把滚动条找回来，2.将滚动条放到panel上，这样子才能最大程度上满足用户使用感受，解决方案如下：其实很简单，只要配置下grid两个属性：1.width:2620,（grid的真实宽度，值一般都比较大）；2.bodyStyle:'overflow-x:hidden;overflo
  • ExtJS4.x Grid导出到Excel(详解) 莫问初心 ExtJS4.xGrid导出到ExGrid导出到Excelext4.2.1Extjs详解
    本人菜鸟一枚，看了网上很多例子，操作均不够具体，且大都用的是同一个源文件（http://blog.csdn.net/lc448986375/article/details/8205362），想来定是受了原博主的毒害不浅^_^。有鉴于此，本人特此做一较为详细的解说，望批评指正，多多交流为善1.下载并解压文件夹ExtToExcel.zip;（csdn资源几次传不上去，开源中国貌似又不支持，无奈用了51
  • extjs4 formpanel 表单布局 无奈的伤城 EXTJS
    /*************formlayout********************/varfield8=Ext.create('Ext.form.field.Date',{fieldLabel:'开始日期*',name:'field8',format:'Y-m-d',anchor:'96%',value:'2015-11-01',allowBlank:false})varfield9=Ext
  • Extjs4之 grid中加入合计行（summary ） 无奈的伤城 EXTJS
    Ext.onReady(function(){Ext.define('TestResult',{extend:'Ext.data.Model',fields:['student',{name:'mark',type:'int'}]});Ext.create('Ext.grid.Panel',{width:200,height:140,renderTo:document.body,features:
  • EXTJS4之MVC架构 Jovic-cai JavaScript世界
    目前我们在构建我的应用程序时，采用的架构也有好多，其中我们最常用的也是最基础就是Model-View-Control(MVC),不管我们在构建什么类型的应用程序，我们都离不开MVC的设计。在EXTJS4中，也提供的MVC的设计思想，下面我们就来看一下，在EXTJS4中如何应用MVC的架构。1、首先我们先简单介绍一下，4中MVC各层的基本概念。Model:Model层，说白了，具体就是指EXT中的E
  • ExtJS 4 MVC架构讲解 – ExtJS4中文教程 Mr.Gu 测试jsonjavascript
    ExtJS4MVC架构讲解–ExtJS4中文教程Postedon2012/07/02byishowshaoExtJSMVC架构讲解本文地址http://www.showframework.com/2012/07/extjs-mvc-architecture/本文PDF下载大规模客户端应用通常不好实现不好组织也不好维护，因为功能和人力的不断增加，这些应用的规模很快就会超出掌控能力，ExtJS4带来了
  • 使用EXtjs6.2构建web项目 weixin_30871701 开发工具javascript
    使用EXtjs6.2构建web项目一、项目简介众所周知ext是一款非常强大的表格控件，尤其是里边的grid为用户提供了非常多的功能，现在主流的还是用extjs4.0—4.2，但是更高一点的版本更加符合人的审美要求。因此，在今天咱们构建一下ext6.2版本的web项目。二、项目准备ExtJS6.2GPL正式版下载地址：https://www.sencha.com/legal/gpl/下载完成之后项目
  • EXTJS4自学手册——EXT基本方法、属性（mixins多继承、statics、require） weixin_30786617 javascript
    1.mixins说明：类似于面向对象中的多继承Ext.onReady(function(){//创建一个类，类名：TextClass，具有两个属性：A、BExt.define('TextClass',{A:'a',B:'b'});//创建一个类，类名：TextClass，具有两个属性：A、BExt.define('TextClass2',{C:'c',write:function(){alert(
  • Extjs的Requiers作用 王一洋 Javascriptweb前端技术
    有的时候项目中要写一些扩展组件，随着扩展组件的增加，会造成有的页面需要使用，而有的页面不需要使用的问题，这对组件的js文件的引用造成了烦恼：如果每个页面都去引用的时候会造成浏览器打开页面的流量的增加而影响资源，如果需要的时候引用管理起来又很麻烦，Extjs4.0帮我们解决了这个问题，那就是Ext.requires。它可以实现根据我们的需要动态加在所需要的组件文件，很灵活也很方便。下面我们用例子进行
  • Extjs4.0 之Ext.Class 属性详解 (alias/mixins /uses/requires/singleton等属性) kunlong0909 Extjs
    Ext.Class属性详解:1,alias:相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例:Js代码Ext.define('SimplePanel',{extend:'Ext.panel.Panel',alias:['widget.simplepanel_007','widget.simplepanel_008'],title:'Yeah!'});//通过Ext.
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他