静静心中的梦_66
静静心中的梦_66

Antd4 Table组件折叠收缩功能

hi～最近应业务需求实现一个基本的订单查询类功能，分为表单搜索框和列表展示两部分，根据表单搜索查询列表接口展示数据，Form和Table组件大家估计也玩烂了。今天记录下react项目如何实现Table默认展示订单列表，且订单有父子级展示，点击父级箭头实现折叠收缩功能。

1.去官网扒一波要用到的api：

defaultExpandAllRows 初始时，是否展开所有行
expandedRowKeys 展开的行，控制属性
expandRowByClick 通过点击行来展开子行
onExpand 点击展开图标时触发
onExpandedRowsChange 展开的行变化时触发

根据这5个api可以实现我们的需求功能，前三个必须要使用，后2个选一个即可。

2.接下来直接上代码小试牛刀吧～
   2.1.首先在文件里面引入antd的table组件，如下图所示：

import { Table, Pagination } from 'antd';

  2.2.使用Table组件，主要代码：

   expandIcon={expandIcon} （修改默认的+号按钮，改为箭头展示）
   expandedRowKeys={expandedRowKeys} （控制当前点击按钮的受控状态）
   expandRowByClick （支持父级点击展示子行）

 setRowClassName(record)}
   rowKey={record => record.id}
   expandIcon={expandIcon}
   expandedRowKeys={expandedRowKeys}
   expandRowByClick
   pagination={false}
/>
2.3.修改默认的折叠图标
官网默认的折叠图标如下图所示：
Antd4 Table组件折叠收缩功能_第1张图片
  const expandIcon = prop => {
    const { expanded, record } = prop;
    const { children, id } = record;
    if (!children || children.length === 0) {
      return '';
    }

    if (id) {
      return expanded ? (
        
      ) : (
        
      );
    }
    return '';
  };
修改后的折叠图标且默认展示子行订单如下图所示：
expandedRowKeys使用
const [expandedRowKeys, setExpendRowKeys] = useState([]);
 useEffect(() => {
    const newOrderArr = list.map(item => item.id);
    setExpendRowKeys([...newOrderArr]);
 }, [list]);


Antd4 Table组件折叠收缩功能_第2张图片
点击折叠收起来，使用api二选一，如下图所示：
第一种方法：
onExpandedRowsChange={expandedRows => {
    setExpendRowKeys([...expandedRows]);
}}

第二种方法：
onExpand={(expend, record) => {
  if(expend) {
     const newOrderArr = list.map(item => item.id);
     setExpendRowKeys([...newOrderArr]);
  } else {
    const index = expandedRowKeys.findIndex((e) => e === record.id);
    const newArray = [...expandedRowKeys];
    newArray.splice(index, 1);
    setExpendRowKeys(newArray);   
 }}}

3.当前使用的第一种，大概实现思路就是这样，主要以expandedRowKeys控制点击箭头时状态














 setRowClassName(record)}
   rowKey={record => record.id}
   expandIcon={expandIcon}
   expandedRowKeys={expandedRowKeys}
   expandRowByClick
   onExpandedRowsChange={expandedRows => {
       setExpendRowKeys([...expandedRows]);
   }}
   pagination={false}
/>
 Last，希望能帮助大家，越努力越幸运～





你可能感兴趣的:(react,antd,前端,reactjs)






    

  • Long类型前后端数据不一致
igotyback
前端

    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
    

    • 

  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业

    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    

    • 

  • 【加密社】Solidity 中的事件机制及其应用
加密社
闲侃区块链智能合约区块链

    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
    

    • 

  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业javascripthtmlcss旅游风景

    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    

    • 

  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端

    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    

    • 

  • node.js学习
小猿L
node.jsnode.js学习vim

    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
    

    • 

  • springboot+vue项目实战一-创建SpringBoot简单项目
苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言

    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
    

    • 

  • react-intl——react国际化使用方案
苹果酱0567
面试题汇总与解析java开发语言中间件springboot后端

    国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。使用步骤安装#usenpmnpminstallreact-intl-D#useyarn项目入口文件配置//index.tsximportReactfrom"react";importReactDOMf
    

    • 

  • 博客网站制作教程
2401_85194651
javamaven

    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
    

    • 

  • 最简单将静态网页挂载到服务器上(不用nginx)
全能全知者
服务器nginx运维前端html笔记

    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
    

    • 

  • 补充元象二面
Redstone Monstrosity
前端面试

    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
    

    • 

  • 微信小程序开发注意事项
jun778895
微信小程序小程序

    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
    

    • 

  • 字节二面
Redstone Monstrosity
前端面试

    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
    

    • 

  • 前端代码上传文件
余生逆风飞翔
前端javascript开发语言

    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
    

    • 

  • uniapp实现动态标记效果详细步骤【前端开发】
2401_85123349
uni-app

    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
    

    • 

  • 360前端星计划-动画可以这么玩
马小蜗

    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
    

    • 

  • Vue + Express实现一个表单提交
九旬大爷的梦

    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
    

    • 

  • 前端知识点
ZhangTao_zata
前端javascriptcss

    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
    

    • 

  • 第三十一节:Vue路由:前端路由vs后端路由的了解
曹老师

    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
    

    • 

  • 华雁智科前端面试题
因为奋斗超太帅啦
前端笔试面试问题整理javascript开发语言ecmascript

    1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
    

    • 

  • 如何建设数据中台（五）——数据汇集—打破企业数据孤岛
weixin_47088026
学习记录和总结中台数据中台程序人生经验分享

    数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
    

    • 

  • 分布式锁和spring事务管理
暴躁的鱼
锁及事务分布式springjava

    最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
    

    • 

  • 前端CSS面试常见题
剑亦未配妥
前端面试前端css面试

    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
    

    • 

  • 【JS】前端文件读取FileReader操作总结
程序员-张师傅
前端前端javascript开发语言

    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
    

    • 

  • 【前端】vue 报错:The template root requires exactly one element
程序员-张师傅
前端前端vue.jsjavascript

    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
    

    • 

  • 从单体到微服务：FastAPI ‘挂载’子应用程序的转变
黑金IT
fastapi微服务fastapi架构

    在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方
    

    • 

  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几
uthRaman
前端ui服务器

    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
    

    • 

  • 了解 UNPKG：前端开发者的包管理利器
小于负无穷
前端javascripttypescriptcsshtml5node.js

    在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
    

    • 

  • 前端three.js的Sprite模拟下雪动画效果
qq_35430208
three.js前端javascript三维场景中下雪效果threejs实现下雪效果

    一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
    

    • 

  • 系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机
rabbit_it
qiankun学习前端框架前端阿里云

    一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
    

    • 

  • log4j对象改变日志级别
3213213333332132
javalog4jlevellog4j对象名称日志级别

    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。
log4j配置文件：
log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION
#log4j.appender.FILE=org.apache.log4j.RollingFileAppender
log4j.appender.FILE=org.apache.l
    

    • 

  • elk+redis 搭建nginx日志分析平台
ronin47
elasticsearchkibanalogstash

                 elk+redis 搭建nginx日志分析平台
logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
    

    • 

  • Yii2设置时区
dcj3sjt126com
PHPtimezoneyii2

    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
    

    • 

  • js实现前台动态添加文本框，后台获取文本框内容
171815164
文本框

    
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
    

    • 

  • 持续集成工具
g21121
持续集成

            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
    

    • 

  • 数据结构哈希表(hash)总结
永夜-极光
数据结构

    1.什么是hash
来源于百度百科:
Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。
 

    

    • 

  • 乱七八糟
程序员是怎么炼成的

    eclipse中的jvm字节码查看插件地址：
http://andrei.gmxhome.de/eclipse/
安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图
http://andrei.gmxhome.de/eclipse/
 
jvm博客：
http://yunshen0909.iteye.com/blog/2
    

    • 

  • 职场人伤害了“上司” 怎样弥补
aijuans
职场

     由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？
　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议：
　　一、利用一些轻松的场合表示对他的尊重
　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
    

    • 

  • 深入浅出url编码
antonyup_2006
应用服务器浏览器servletweblogicIE

    出处：http://blog.csdn.net/yzhz  杨争  
http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx
一、问题：
        编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
    

    • 

  • 建表后创建表的约束关系和增加表的字段
百合不是茶
标的约束关系增加表的字段

     
下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式
 
1,增加字段(student表中增加 姓名字段)
 
alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型
alter table student add name varchar2(10);
 
&nb
    

    • 

  • Uploadify 3.2 参数属性、事件、方法函数详解
bijian1013
JavaScriptuploadify

    一.属性
属性名称
默认值
说明
auto
true
设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。
buttonClass
”
按钮样式
buttonCursor
‘hand’
鼠标指针悬停在按钮上的样子
buttonImage
null
浏览按钮的图片的路
    

    • 

  • 精通Oracle10编程SQL(16)使用LOB对象
bijian1013
oracle数据库plsql

    /*
*使用LOB对象
*/
--LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节
--CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针
/*
*综合实例
*/
--建立表空间
--#指定区尺寸为128k,如不指定，区尺寸默认为64k
CR
    

    • 

  • 【Resin一】Resin服务器部署web应用
bit1129
resin

    工作中，在Resin服务器上部署web应用，通常有如下三种方式：
 
配置多个web-app
配置多个http id
为每个应用配置一个propeties、xml以及sh脚本文件
配置多个web-app
 
在resin.xml中,可以为一个host配置多个web-app
 
<cluster id="app&q
    

    • 

  • red5简介及基础知识
白糖_
基础

     
简介
 
Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
    

    • 

  • angular.fromJson
boyitech
AngularJSAngularJS 官方APIAngularJS API

    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json
string
JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例:
<!DOCTYPE HTML>
<h
    

    • 

  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I
bylijinnan
java

    
public class ReverseWords {
/**
* 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。
* 要求：
* 1.实现速度最快,移动最少
* 2.不能使用String的方法如split,indexOf等等。
* 解答：两次翻转。
*/
publ
    

    • 

  • web实时通讯
Chen.H
Web浏览器socket脚本

    关于web实时通讯，做一些监控软件。
由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
    

    • 

  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗?
comsci
生物

    
      大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思
    如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?
  
    

    • 

  • oracle 外部表
daizj
oracle外部表external tables

        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。
you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
    

    • 

  • aop相关的概念及配置
daysinsun
AOP

    切面(Aspect):
通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。
连接点（joinpoint）
spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。
通知（Advice）
通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
    

    • 

  • 初一上学期难记忆单词背诵第二课
dcj3sjt126com
englishword

    middle 中间的，中级的
well 喔，那么；好吧
phone 电话，电话机
policeman 警察
ask 问
take 拿到；带到
address 地址
glad 高兴的，乐意的
why 为什么 
China 中国
family 家庭
grandmother (外)祖母
grandfather (外)祖父
wife 妻子
husband 丈夫
da
    

    • 

  • Linux日志分析常用命令
dcj3sjt126com
linuxlog

    1.查看文件内容
cat
-n 显示行号 2.分页显示
more
Enter 显示下一行
空格 显示下一页
F 显示下一屏
B 显示上一屏
less
/get 查询"get"字符串并高亮显示 3.显示文件尾
tail
-f 不退出持续显示
-n 显示文件最后n行 4.显示头文件
head
-n 显示文件开始n行 5.内容排序
sort
-n 按照
    

    • 

  • JSONP 原理分析
fantasy2005
JavaScriptjsonpjsonp 跨域

    转自 http://www.nowamagic.net/librarys/veda/detail/224
JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
    

    • 

  • 使用connect by进行级联查询
234390216
oracle查询父子Connect by级联

    使用connect by进行级联查询
 
       connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。
 
       来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
    

    • 

  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件
jackyrong
jquery插件

    发现一个老外写的不错的jquery插件，可以实现将HTML
表格导出为excel,pdf等格式，
地址在：
https://github.com/kayalshri/
下面看个例子，实现导出表格到excel,pdf
<html>
<head>
<title>Export html table to excel an
    

    • 

  • UI设计中我们为什么需要设计动效
lampcy
UIUI设计

    关于Unity3D中的Shader的知识
首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
    

    • 

  • 如何禁止页面缓存
nannan408
htmljspcache

    禁止页面使用缓存~
------------------------------------------------
jsp:页面no cache：
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cach
    

    • 

  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等
Everyday都不同
定时任务管理spring-quartz

          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
    

    • 

  • EXT实例
tntxia
ext

     
（1） 增加一个按钮
 
JSP:
 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
Stri
    

    • 

  • 数学学习在计算机研究领域的作用和重要性
xjnine
Math

    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
    

    •