ext.net 关于panel template 重绘

　　本次开发的项目是一个有关工作流相关的项目，其中一块就涉及到查看流程进度的查看。类似网上货物订单进度查看，但是又有一定的区别，我们除了要显示流程走到了哪一步，还要显示每一步是由谁操作的，操作的时间，流程任务状态等等相关信息。

　　因为使用的是ext.net，所以首先想到的是重绘ext.Panel的模板来实现。请看我最先设计的方案：

  1. 在相关位置预设一个Panel控件；
  2. 设置一个Ext.XTemplate设置Panel的模板；(代码如下)
前台相关代码 
 1 Panel:
 2 
 3  <ext:Panel runat="server" ID="wfDetailsPanel" Title="流程进度" />  
 4 
 5 Template：
 6 
 7     <ext:XTemplate ID="template" runat="server">
 8         <Html>
 9             <tpl for=".">
10              <div style="width: 180px; height: 80px; background: url(http://www.cnblogs.com/Content/themes/base/images/user.png) no-repeat; border: 1px solid red;
11         margin: 5px;font-size: 12px">
12                <div style="margin: 5px 5px 5px 45px">
13                     <span>状态：</span>{AState}<br />
14                     <span>办理人：</span>{AProcessorName}<br />
15                     <span>办理时间：</span>{AFinishedTime}<br />
16                </div>
17               </div>  
18            </tpl>
19         </Html>
20     </ext:XTemplate>
js设置更新Panel的模板 
 1 /*record 是GrdiPanel的一条数据记录*/
 2 function SelectWFChanged(record) {
 3     var wfTempId = record.data.WFTemplateID;
 4     var wfId = record.data.WFInstanceID;
 5     hdSelectRow.setValue(wfId);
 6     TaskDetails.store.load({ params: { wfInsId: wfId} });
 7 
 8     Ext.Ajax.request(
 9        {
10            url: '/Process/GetWfTaskTemplate',
11            params: { wfTempId: wfTempId, wfInsId: wfId },
12            success: function (data) {
13                var response = Ext.util.JSON.decode(data.responseText);
14                response = response.result;
15                for (var i = 0; i < response.length; i++) {
16                    if (response[i].AState == true) {
17                        response[i].AState = "已办理";
18                    }
19                    else {
20                        response[i].AState = "未办理";
21                    }
22                    if (response[i].AFinishedTime != null
23                                    && response[i].AFinishedTime != "") {
24                        response[i].AFinishedTime = FormatDate(response[i].AFinishedTime);
25                    }
26                }
27                template.compile();
28                template.overwrite(wfDetailsPanel.body, response);
29            },
30            failure: function (response, options) {
31                alert(response.responseText);
32            }
33        });
34 }

通过这样初步测试Panel会根据获取的数据集合重复的产生对应的Xtemplate中的模板，这个没问题。

但是还是有些问题达不到我要的要求：

  1. 它的排版方式是从上向下依次排列的；
  2. 此外我们会增加一个开始、结束的状态图在Panel中，这个又不是根据数据集合来重复产生的，因此使用这个Xtemplate也是不可能实现的；
  3. 每一Xtemplate之后还要产生一个箭头图标表示间隔，这个使用Xtemplate也不好实现；

综上所述，只好放弃使用Xtemplate来实现了。

 

　　那么我们这么来实现呢？其实在我们使用Panel的过程中会发现Panel有一个html属性，它的内容其实就是Panel所包含的内容，因此我们可以借助这个属性来自定义其中的html代码来实现Panel中的内容样式。好吧，找到了方法那我们就开始搞吧：

删除前台的Xtemplate代码段，只保留Panel的代码，修改Js代码：

JS代码控制Panel模板数据 
 1  function SelectWFChanged(record) {
 2     var wfTempId = record.data.WFTemplateID;
 3     var wfId = record.data.WFInstanceID;
 4     hdSelectRow.setValue(wfId);
 5     TaskDetails.store.load({ params: { wfInsId: wfId} });
 6 
 7     Ext.Ajax.request(
 8        {
 9            url: '/Process/GetWfTaskTemplate',
10            params: { wfTempId: wfTempId, wfInsId: wfId },
11            success: function (data) {
12                var response = Ext.util.JSON.decode(data.responseText);
13                response = response.result; 
14                var html = "<div style='font-size: 12px; margin:10px;'><div style='background: url(http://www.cnblogs.com/Content/themes/base/images/begin.png) no-repeat; float: left; width: 46px; height: 48px;margin-top: 20px;'><div style='margin: 16px 10px'>开始</div></div>";
15                html += "<div style='float: left; width: 58px; height: 12px; margin-top: 40px; background: url(http://www.cnblogs.com/Content/themes/base/images/brn.png) no-repeat;'></div>";
16                for (var i = 0; i < response.length; i++) {
17                    if (response[i].AFinishedTime != null
18                     && response[i].AFinishedTime != "") {
19                        response[i].AFinishedTime = FormatDate(response[i].AFinishedTime);
20                    }
21                    if (response[i].AState == true) {
22                        response[i].AState = "已办理";
23                        html += "<div style=' float: left; width: 160px; height: 80px; background: #ccee88 url(http://www.cnblogs.com/Content/themes/base/images/user.png) no-repeat left; border: 1px solid black; margin: 1px;'> <div style='margin: 15px 5px 5px 45px'> <div style='margin: 5px 0;'>状态：【" + response[i].AState + "】</div><div style='margin: 5px 0;'>办理人：" + response[i].AProcessorName + "</div > </div> <div style='margin: 17px 0 5px 5px;'>办理时间：" + response[i].AFinishedTime + "</div></div>";
24                    }
25                    else {
26                        response[i].AState = "未办理";
27                        html += "<div style=' float: left; width: 120px; height: 80px; background: #c8c8c8 url(http://www.cnblogs.com/Content/themes/base/images/user.png) no-repeat left; border: 1px solid black; margin: 1px;'> <div style='margin: 30px 5px 5px 45px'>等待办理</div></div>";
28                    }
29                    html += "<div style='float: left; width:58px; height: 12px; margin-top: 40px; background: url(http://www.cnblogs.com/Content/themes/base/images/brn.png) no-repeat;'></div>";
30                }
31                html += "<div style='background: url(http://www.cnblogs.com/Content/themes/base/images/end.png) no-repeat; float: left; width: 46px; height: 48px;margin-top: 20px;'><div style='margin: 16px 10px'>结束</div></div></div>";
32                wfDetailsPanel.body.update(html);
33            },
34            failure: function (response, options) {
35                alert(response.responseText);
36            }
37        });
38 }

哈哈，这下达到了我的要求了，截图如下：   

你可能感兴趣的:(template)

  • [spring6: Mvc-网关]-源码解析
    推荐阅读：[spring6:Mvc-函数式编程]-源码解析GatewayServerMvcAutoConfiguration@AutoConfiguration(after={HttpClientAutoConfiguration.class,RestTemplateAutoConfiguration.class,RestClientAutoConfiguration.class,FilterAu
  • flask 表单 flask-wtf SkTj
    image.pngfromflaskimportFlaskfromflaskimportrender_templatefromflask_bootstrapimportBootstrapfromflask_wtfimportFormfromwtformsimportStringField,SubmitFieldfromwtforms.validatorsimportRequiredclassNam
  • 9、深入理解模板方法模式（Template Method Pattern） pear55 Java设计模式深度解析与实战模板方法模式TemplateMethodPattern行为设计模式
    深入理解模板方法模式（TemplateMethodPattern）1模板方法模式概述模板方法模式（TemplateMethodPattern）是一种行为设计模式，它定义了一个操作中的算法骨架，而将一些步骤延迟到子类中实现。模板方法使得子类可以在不改变算法结构的情况下重新定义算法的某些特定步骤。这种模式在面向对象编程中非常常见，特别是在需要扩展框架功能或定制某些特定行为时。1.1模板方法的工作原理模
  • 模版方法模式（Template Method Pattern 快乐的划水a 设计模式设计模式c++
    模板方法模式是一种行为设计模式，它定义一个操作中的算法骨架，将一些步骤延迟到子类中实现。核心思想是"封装不变部分，扩展可变部分"，即父类确定流程框架，子类根据需求重写特定步骤，而不改变整体流程结构。介绍核心角色抽象类（AbstractClass）：定义算法骨架（模板方法），包含多个抽象方法（子类需实现）和可选的钩子方法（HookMethod，子类可选择性重写）。具体子类（ConcreteClass
  • 设计模式（二十三）行为型：模板方法模式详解 蝸牛酱 系统架构设计师设计模式设计模式模板方法模式软考高级系统架构
    设计模式（二十三）行为型：模板方法模式详解模板方法模式（TemplateMethodPattern）是GoF23种设计模式中的行为型模式之一，其核心价值在于定义一个操作中的算法骨架，而将一些步骤延迟到子类中实现，使得子类可以在不改变算法结构的前提下重新定义算法的某些特定步骤。它通过“父类控制流程，子类实现细节”的方式，实现了代码复用与行为扩展的完美平衡。模板方法模式是构建框架、标准化流程、实现钩子
  • 常用git命令集锦
    gitinit初始化将当前目录初始化为git本地仓库，此时会在本地创建一个.git的文件夹gitinit-q静默执行，就是在后台执行gitinit--bare–bare参数,一般用来初始化一个空的目录，作为远程存储仓库gitinit--templatedir–template参数,相当于将已有的git仓库目录复制一份出来，生成新的仓库，dir是原git目录;gitinit--template../
  • Python Flask Web教程023：蓝图 若北辰 flaskpython前端
    之前我们写的url和视图函数都是处在同一个文件，如果项目比较大的话，这显然不是一个合理的结构，而蓝图可以优雅的帮我们实现这种需求。以下看一个使用蓝图的文件的例子：本节基于PythonFlaskWeb教程016：模板继承目录结构apps.about.pyfromflaskimportBlueprint,render_templatebp=Blueprint('about',__name__
  • ！LangChain代理决策架构与源码深度剖析(75)
    LangChain代理决策架构与源码深度剖析一、LangChain代理决策架构概述1.1代理决策架构的核心组件LangChain代理的决策架构是其智能交互的核心，主要由大语言模型（LLM）、工具集（Tools）、提示模板（PromptTemplate）、规划器（Planner）、执行器（Executor）和反馈机制六大组件构成。这些组件通过协同工作，实现从用户输入解析到最终结果输出的完整决策流程。
  • 策略模式（Strategy Pattern）+ 模板方法模式（Template Method Pattern）的组合使用
    usingMicrosoft.Extensions.DependencyInjection;namespaceConsoleApp9{internalclassProgram{staticasyncTaskMain(string[]args){Console.WriteLine("Hello,World!");//创建并配置依赖注入容器var_serviceProvider=newServiceC
  • C++编译期优化：性能提升终极指南 止观止 C++c++开发语言编译期运行时
    引言在现代C++开发中，性能优化是一个永恒的话题。而将运行时成本转移至编译期(Compile-time)的技术，正成为高性能C++开发者的必备技能。本文将深入探讨如何利用模板元编程(TemplateMetaprogramming)和constexpr特性，将传统运行时计算转移到编译期完成，从而显著提升程序运行效率。通过本文，您将学习到：模板元编程的基本原理与高级技巧constexpr在编译期计算中
  • Java AI面试实战：Spring AI与RAG技术落地 GEM的左耳返 Java场景面试宝典Java面试SpringAIRAG向量数据库AI应用Prompt工程
    JavaAI面试实战：SpringAI与RAG技术落地面试现场：AI技术终面室面试官：谢飞机同学，今天我们聚焦JavaAI应用开发，重点考察SpringAI和RAG技术栈。谢飞机：（兴奋地）面试官好！我可是AI达人！ChatGPT、Midjourney我天天用，SpringAI这新框架我也研究过！第一轮：SpringAI基础面试官：请详细描述SpringAI的核心组件及PromptTemplate
  • 【PHP开发900个实用技巧】767.模板方法模式（Template Method）：PHP算法骨架定义的“行为蓝图” 精通代码大仙 PHP开发900个实用技巧php装饰器模式android程序员创富
    一招破解"复制粘贴炼狱"！模板方法模式让你在PHP中定义算法骨架，代码复用率飙升200%——这才是优雅开发的核心密码！PHP模板方法模式行为蓝图设计1.是什么？算法骨架初体验重复代码困境模式定义解析2.怎么做？实现步骤解析抽象类搭建钩子方法妙用3.实战：框架应用案例Laravel示例支付流程设计4.陷阱警报过度继承灾难违反里氏替换5.高级进化论策略模式组合回调函数变体目录：是什么？算法骨架初体验怎
  • Spring Retry 异常重试机制：从入门到生产实践 半部论语 SpringBoot高效的Java开发实践spring数据库javaspringboot
    SpringRetry异常重试机制：从入门到生产实践适用版本：SpringBoot3.x+spring-retry2.x本文覆盖注解声明式、RetryTemplate编程式、监听器、最佳实践与避坑清单，可直接落地生产。一、核心坐标org.springframework.retryspring-retryorg.springframework.bootspring-boot-starter-aop二
  • 推荐项目：Hugo Theme Stack 快速启动模板 —— 构建静态站点的高效起点 汤中岱Wonderful
    推荐项目：HugoThemeStack快速启动模板——构建静态站点的高效起点在快速迭代的Web开发领域中，找到一个既高效又灵活的博客或网站搭建方案至关重要。今天，我们向您隆重推荐【HugoThemeStackStarterTemplate】——一款基于[Hugo框架]和[ThemeStack]设计的快速启动模板。它不仅简化了网站构建过程，还通过集成现代工具链，让您的个人站点或小企业网站能够在瞬间起
  • PyCharm高效入门指南大纲 flashlightboy pycharmidepython
    安装与基础配置PyCharm的下载与安装（社区版与专业版区别）首次启动的基础设置（主题、字体、快捷键方案调整）配置Python解释器（虚拟环境、系统解释器、远程解释器）项目创建与管理新建项目与打开已有项目项目目录结构解析（src、venv、.idea等）多项目管理与窗口布局调整代码编辑与导航智能代码补全与代码模板（LiveTemplates）快速跳转（类、方法、文件）与查找（全局搜索、符号搜索）代
  • Day20: Spring与MyBatis的量子纠缠 —— 解密Mapper接口如何获得魔法实现的终极指南 zhysunny Springspringmybatisjava
    目录灵魂拷问时刻：一、Mapper接口的"借尸还魂"术——MapperFactoryBean解剖室1.1Mapper的诞生时刻轴1.2MapperFactoryBean的克隆工厂源码级实例生成流程：1.3接口炼金术——MyBatisProxyFactory核心代码关键对象关系图：二、线程安全防御体系——SqlSessionTemplate的奥秘2.1传统SqlSession的危险性2.2Sprin
  • 组件的高级用法 林键燃
    递归组件组件在它的模板中可以递归地调用自己，但是需要给组件设置name的选项。同时要注意限制递归的数量，否则会抛出错误：maxstacksizeexceeded内联模板Vue提供一个内联模板的功能，使用组件时，给组件标签使用inline-template特性，组件就会把它的内容当成模板，而不是把它当内容分发。此时，子组件和父组件的数据都可以在内容中，更加灵活，但同时数据的作用域也是会令人费解。{{
  • C++AVL树
    目录一、平衡搜索二叉树实现方式：二、AVL树的插入三、AVL树的中序遍历、判断、高度以及大小计算一、平衡搜索二叉树实现方式：这里采用平衡因子的方式记录左右子树高度，并在普通搜索二叉树的基础上再每个节点中加上一个指向父节点的指针以方便链接代码如下：templatestructAVLTreeNode{pair_kv;AVLTreeNode*_left;AVLTreeNode*_right;AVLTre
  • Effective Modern C++ 条款5：优先考虑auto而非显式类型声明 举个栗子2 EffectiveModernC++c++
    更多C++学习笔记，关注wx公众号：cpp读书笔记Item5:Preferautotoexplicittypedeclarations哈，开心一下：intx;等等，该死！我忘记了初始化x，所以x的值是不确定的。它可能会被初始化为0，这得取决于工作环境。哎。别介意，让我们转换一个话题，对一个局部变量使用解引用迭代器的方式初始化：template//对从b到e的所有元素使用void
  • ssm之jdbcTemplate基本使用 xrkhy SSMspringjavaintellij-ideamaven
    文章目录数据准备pom.xml新建表userpojo1JdbcTemplate概述2JdbcTemplate开发步骤3JdbcTemplate快速入门导入坐标创建JdbcTemplate对象执行数据库操作4Spring产生JdbcTemplate对象applicationContext.xmlJDBC.propertisejdbcXMLTemplateTest从容器中获取整合Junit注解获取5J
  • langchain四种内置链的使用 努力学习agent langchainlangchain
    #四种基础内置链的介绍与使用#LLMChain最常用的链式fromlangchain.chainsimportLLMChainfromlangchain.llmsimportOpenAIfromlangchain.promptsimportPromptTemplatellm=OpenAI(temperature=0)prompt_template="帮我给{product}想三个可以注册的域名"l
  • 解决VSCode无法加载Json架构问题
    使用VSCode打开Json。json内容如下：{"$schema":"https://schemas.wp.org/trunk/theme.json","version":2,"settings":{},"styles":{},"customTemplates":[],"templateParts":[],"patterns":[]}出现警告：Problemsloadingreference'X
  • 7、探索C++ STL容器：高效编程的利器 x1y2z C++编程实战：从入门到精通C++STL容器std::array
    探索C++STL容器：高效编程的利器1.引言在现代C++编程中，标准模板库（StandardTemplateLibrary,STL）为我们提供了丰富的容器类，极大地简化了数据管理和操作。STL容器不仅提供了高效的内存管理，还具备强大的功能和灵活性，帮助我们编写更简洁、更高效的代码。本文将深入探讨STL容器的不同类型及其应用场景，帮助读者更好地理解和运用这些工具。2.存储固定数量的对象当我们知道在程
  • C++ 设计模式《小明的万能快递助手：送货流程的模板革命》
    ‍模式名称：模板方法（TemplateMethod）背景故事：在创业扩大后，小明接入了许多配送合作伙伴。有骑车的、走路的、无人机的，甚至还有“宠物快递机器人”。但每次集成新配送方式时，小明都要重复写一遍整个配送流程代码：voiddeliver(){接单();取货();送货();签收();}不过每种快递方式中有些步骤略有不同，比如：无人机不需要“签收”；宠物快递要“喂一口狗粮”；人工快递会“寒暄几句
  • CSS Grid网格布局：前端布局的“原子弹”，复杂页面轻松搞定！ 软件老王子 前端实战前端css
    一、为什么Grid是布局“原子弹”？传统布局的末日审判：.header{float:left;width:100%;}.left{float:left;width:200px;margin-left:-100%;}/*此处省略30行...*/.footer{clear:both;}Grid一键核爆：.container{display:grid;grid-template:"headerheade
  • C++高级技术详解 yz123lucky c++开发语言
    C++高级技术详解目录模板(Templates)右值和移动语义(RvalueandMoveSemantics)定位new(Placementnew)强类型(StrongTypes)智能指针(SmartPointers)容器和算法(ContainersandAlgorithms)Lambda表达式常量表达式(constexpr)多线程和并发(MultithreadingandConcurrency)
  • 【Redis】基于zset实现滑动窗口 ~~^^ Java#redisredis缓存java
    importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.data.redis.core.RedisTemplate;importorg.springframework.stereotype.Component;importjava.util.concurrent.TimeUnit;
  • Redis秒杀lua脚本 Java都不学 Redisjavaredis
    intresult=stringRedisTemplate.execute(SECKILL_SCRIPT,//seckill.luaCollections.emptyList(),voucherId,userId,orderId).intValue();--seckill.lua--创建消息组XGROUPCREATEstream.ordersg10MKSTREAM--参数列表localvouche
  • element-ui 多级树形表格加多选的效果 一个很哇塞的爷们 vue
    实现多级表格加多选的效果父级表格点击具有全选、全不选的功能，点击部分子级表格，父级表格实现半选中的状态template页面展示部分：//表头单元格的style的回调方法，也可以使用一个固定的Object为所有表头单元格设置一样的Style。data数据部分：data(){return{renderDynamic:[{id:1,parentId:0,date:"2016-05-02",name:"王
  • Uniapp 微信小程序，实现页面滚动Tab悬停吸顶，点击tab内容跟随滚动
    Uniapp微信小程序，实现页面滚动Tab悬停吸顶，点击tab内容跟随滚动页面股东tab悬停原理：运用uniapp原生提供方法uni.createSelectorQuery()获取滚动对应节点的信息，即节点距离页面顶部的距离，再通过uniapp原生监听页面滚动事件onPageScroll，获取页面内容滚动的高度，二者相加即定位到对应节点的滚动距离。1.页面template结构data(){retu
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他