fearlessnesszhang
fearlessnesszhang

记录Ant-Design前后端数据交互

前端：Ant-Design，大部分使用了ES6的写法

后端：Vertx

前端可以分为几个部分：

  1. index.js   渲染页面

  2. model.js   命名空间与方法的调用等

  3. server.js   请求路径

  4. _mock.js   可供测试数据(不是必要的)

后端使用注解的方式进行访问。

举例：（后端模拟表格数据，传到前端，渲染页面；点击编辑按钮，传入参数到后台，后台返回成功提示。）

1.后端模拟表格数据，先要观察Ant-Design表格中的数据格式是Map其中必须有key

//如果当前类中的所有方法都是返回AjaxResult，注解方法则可以修改为RestController
@Controller
@RequestMapping("/warn")
public class WarningRepositoryController extends BaseController {
   //这里返回的类型是AjaxResult是封装的一个公用方法，其实就是返回一个Object
    @ResponseBody
    @RequestMapping(value = "/index",isVerifyAuth = false)
    public AjaxResult index(){
        Map result = new HashMap();
        List list = new ArrayList<>();
        Map map1 = new HashMap();
        map1.put("id",1);
        map1.put("key",1);
        map1.put("name","监测项1");
        map1.put("type","告警类型1");
        map1.put("number","0");
        list.add(map1);
        Map map2 = new HashMap();
        map2.put("id",2);
        map2.put("key",2);
        map2.put("name","监测项2");
        map2.put("type","告警类型2");
        map2.put("number","0");
        list.add(map2);
        result.put("data",list);
        return AjaxResult.successData(result);
    }

    @ResponseBody
    @RequestMapping(value = "/editIndex", isVerifyAuth = false)
    public AjaxResult editIndex(Integer id ,String reason,String method){
        System.out.println(id + "   " + reason +"   " + method);
        return success();
    }
}

//其中key为必须，不然到前端console会报错

2.当前已经可以将数据传到前端，那么就要将数据渲染到页面。

service.js

import request from '@/utils/request';

export async function index() {
  return request('/api/index',{
    method: 'post'
  })
}

export async function editIndex() {
  return request('/api/editIndex',{
    method: 'post'
  })
}

//访问方法index
model.js

import { message } from 'antd';
import {editIndex,index} from './service';

const Model = {
  namespace: 'test',
  state: {
    indexData:[]   //声明放后端表格数据变量
  },
  reducers: {//方法的回调
    indexList(state,action) { //更新后台返回的数据到state中
      return{
        ...state,
        indexData.payload.data
      };
    }
  },
  effects: {
    *getIndexData(_,{call,put}){
      const res = yield call(index);//调用后台接口
      yield put({
        type: 'indexList', //这里的type与回调方法中的方法名要一致
        payload: res.data
      });
    },
    *editIndexById({ payload },{ call}){//payload为参数
      const res = yield call(editIndex, payload);
      console.log(res);
      if(res.code === 0){
        message.success("修改成功");
      }else{
        message.error("修改失败");
      }
    }
  }
};

export default Model;

index.jsx

import React from 'react';
import { Table, Card,Button,Input } from 'antd';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { router } from 'umi';
import { connect } from 'dva';
import SearchOutlined from "@ant-design/icons/es/icons/SearchOutlined";

class IndexModel extends React.Component {
  constructor(props) {
    super(props);
    this.state=({
      indexData:[]
    })
  }

  state = {
    createModalVisible: false,//点击编辑按钮，控制model页面是否隐藏
    setModalValues: false,//是否传入默认值到编辑页面
    dataSource:[]   //当前页面存储表格数据变量
  };

  componentDidMount() {
    //注意务必先使用dva中的connect建立连接，否则是无法调用props中的dispatch法的
    this.props.dispatch({
      //调用model中的方法发起请求，（model的命名空间+方法名）
      type: 'test/getIndexData'
    });
  }

  componentWillReceiveProps(nextProps){

    //第一次能获取到modals数据的地方,
    //这个生命周期的nextProps能获取到你将要绑定进入props的companyInfo
    // console.log(nextProps.repositoryData);

   //同样，你可以把companyInfo，映射到你这个类的state中去，通过使用this.setState方法
    this.setState({
      dataSource:nextProps.indexData
    })
  }


  render() {
    const columns = [
      {
        title: '序号',
        dataIndex: 'id',
        key: 'id',
      },
      {
        title: '监测项',
        dataIndex: 'name',
        key: 'name'
      },
      {
        title: '告警类型',
        dataIndex: 'type',
        key: 'type',
      },
      {
        title: '项目',
        dataIndex: 'number',
        key: 'number',
      },
      {
        title: '操作',
        dataIndex: 'option',
        valueType: 'option',
        render={(text, record) => (
            
                 {
                     this.setState({ createModalVisible: true });//显示modal页面
                     this.setState({ setModalValues: record });//传入表格一行的数据到新页面中
                  }}
                >
                编辑
                
                
                
                   删除
                
            
         )},
      },
    ];

    return (
      

        
          
              //表格赋值
          
        //为true显示页面
        {this.state.createModalVisible ? (
             {
                console.log("value" + value);
                dispatch({
                   type: 'test/editIndexById',
                   payload : value
                });
                this.setState({ createModalVisible: false });
                this.setState({ setModalValues: {} });
              }}
              onCancel={() => {
                this.setState({ createModalVisible: false });
                this.setState({ setModalValues: {} });
              }}
              createModal={this.state.createModalVisible}
              values={this.state.setModalValues}
            />
          ) : null}
      
    );
  }
}

//这里的index为model.js中的命名空间，必须是唯一的
//indexData是model.js中声明的变量

export default connect(({test}) => ({
  test,indexData:test.indexData
}))(IndexModel);


3.点击编辑，传参数到后端，后端打印参数后返回成功到前端响应。


modal.jsx

import React from 'react';
import { Button, Drawer, Form, Input } from 'antd';

class ModalPage extends React.Component {
  constructor(props) {
    super(props);
  }
  formRef = React.createRef();

  state = { reason: '', method: '' };

  handleName = e => {
    this.setState({reason:e.target.value});
  };

  handleType = e => {
    this.setState({method:e.target.value})
  };

  render() {
    return (
      

        
          

            
               this.handleName(e)}
              />
            
            
               this.handleType(e)}
              />
            
          
          
          
        
      

    );
  }
}

//当前页面的this.props.values都为父页面index.js点击编辑record中的值
//onCancel、onSubmit 都为父页面的方法
//因为前段传入到后端的参数为json格式，所以这里可以直接拼接一个字符串返回到父页面进行处理

export default ModalPage;



现在展示一下效果图：




记录Ant-Design前后端数据交互_第1张图片


记录Ant-Design前后端数据交互_第2张图片


console中的数据    


后端打印的参数值  记录Ant-Design前后端数据交互_第3张图片


后端返回成功的打印，与页面的提示


记录Ant-Design前后端数据交互_第4张图片 


 

























你可能感兴趣的:(IDEA,ant,ES6)






    

  • 第一次用eclipse,导入项目错误Plug-in “org.eclipse.m2e.editor“ was unable to instantiate MavenPomEditor
zhangfeng1133
eclipsejavaide

    第一次用eclipse,导入项目错误Plug-in"org.eclipse.m2e.editor"wasunabletoinstantiateMavenPomEditor。各种项目包，都不存在，maven应该能自动载入类包，比Php的composer方便太多Thecontainer'MavenDependencies'referencesnonexistinglibrary'C:\Users\Ad
    

    • 

  • ruoyi使用笔记
万变不离其宗_8
项目笔记代码参考笔记笔记java前端

    1.限流处理@RateLimiter@PostMapping("/createOrder")@ApiOperation("创建充值订单")@RateLimiter(key=CacheConstants.REPEAT_SUBMIT_KEY,time=10,count=1,limitType=LimitType.IP)publicRcreateOrder(@RequestBodyFormform){/
    

    • 

  • Mac OS中Git版本更新（亲测有效）
xiaochengyihe
macos

    原本系统中装Git，但版本比较老，已经无法支持最新的IDEA2022版本，那么如何将Git版本进行更新呢？如果Git原来安装便是基于Homebrew，那么直接执行更新即可：brewupgradegit复制但如果去通过其他形式安装的，则需要先通过Homebrew进行安装，安装完成之后，再进行链接操作。首先，如果在Mac系统下未安装Homebrew，可先参考官网进行安装。第一步：查看Git版本$git
    

    • 

  • 基于SSM+Vue企业销售培训系统 企业人才培训系统 企业课程培训管理系统 企业文化培训班系统Java
计算机程序老哥

    作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个
    

    • 

  • vue3中使用过渡动画transition
前端小趴菜05
css

    //appear表示一进入页面就使用动画hello.slide-enter-active,//进入动画的生效状态.slide-leave-active{//离开动画的生效状态transition:all0.5sease;}.slide-enter-from,//进入动画开始状态.slide-leave-to{//离开动画结束状态height:0px!important;}.slide-enter-
    

    • 

  • 浪费削减与价值最大化：精益管理原则的力量
张驰课堂
精益管理

    精益管理（LeanManagement）是一种旨在提升效率、减少浪费并使用经验主义原则对组织进行持续改进的管理哲学。它起源于丰田生产方式（ToyotaProductionSystem），经常与精益制造或精益思想（LeanThinking）联系在一起。精益管理的核心原则主要包括：价值的定义：首先，精益管理要求组织确定什么对顾客而言是有价值的。价值定义是精益管理的起点，确保所有的努力都集中在提高顾客价
    

    • 

  • IDEA快捷键
糯米小麻花啊
intellij-ideajavaide

    自动代码查询快捷键其他快捷键调试快捷键重构十大IntellijIDEA快捷键1智能提示2重构3代码生成4编辑5查找打开6其他辅助自动代码常用的有fori/sout/psvm+Tab即可生成循环、System.out、main方法等boilerplate样板代码。例如要输入for(Useruser:users)只需输入user.for+Tab；再比如，要输入Datebirthday=user.get
    

    • 

  • idea中常见快捷键及插件操作
程序员老石
intellij-ideajavaide

    1、双击shift【万能】（1）输入pull，回车可以更新代码（2）输入commit，回车可以提交代码（3）输入history,可以查看提交记录（4）输入break，回车可以查看所有断点（5）输入类名，方法名，url地址都可以检索到2、安装EasyJavadoc插件（1）在方法上ctrl+\，自动生成方法的注释信息；（2）在类上ctrl+shift+\，自动生成类相关的注释信息3、安装Mybati
    

    • 

  • 路径优化算法 | 基于蚁群的城市路径优化算法应用及其Matlab实现
算法如诗
路径优化算法（PathOptimization）算法matlab路径优化算法

    蚁群算法（AntColonyOptimization,ACO）是一种模拟自然界中蚂蚁觅食行为的优化算法，用于解决如旅行商问题（TSP）等组合优化问题。在蚁群算法中，每只蚂蚁在搜索路径时都会释放信息素，并根据信息素浓度和其他启发式信息来选择下一个节点。随着时间的推移，较短的路径上累积的信息素会更多，从而吸引更多的蚂蚁，最终找到最优路径。在城市路径优化问题中，蚁群算法可以用于找到连接多个城市的最短路径
    

    • 

  • 配置 IDEA 远程连接应用服务器
O_Neal

    当调试Web应用时，经常需要使用ide远程连接，来进行debug调试。使用Springboot内置服务器和使用Tomcat服务器是常见的应用部署方式，可以用不同的配置方式来启动远程debug模式。Springboot应用1.配置启动参数运行jar时加上debug参数，例如java-jar-Xdebug-Xrunjdwp:transport=dt_socket,address=60222,suspe
    

    • 

  • IDEA显示Cannot resolve symbol XXX
醉书生ꦿ℘゜এ
javaJavaScriptjsintellijidea

    解决方法：File-->InvalidateCaches/Restart-->InvalidateandRestart
    

    • 

  • Ambari——编译——解决解决windows和linux下phantomjs链接超时问题
空了虾摸索
Ambariambari-排错ambariwindowslinux

    您的支持是我继续创作与分享的动力源泉!!!您的支持是我继续创作与分享的动力源泉!!!您的支持是我继续创作与分享的动力源泉!!!错误日志：[INFO]CopyingextractedfolderC:\Users\LENOVO\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip-extract-1786692611821\phantomjs
    

    • 

  • 修改合同怎么说？
Lisa_Wang_China

    KindlyelaborateformyunderstandingasIamnotawareofanyamendmenttobemadeonthePO.释义：我不知道采购合同上需要做什么修改，请详细说明下以便我能理解。赏析一：elaborate“详细说明”例句：That'saninterestingidea,wouldyoucaretoelaborate?这是一个有趣的想法，你愿意详细说明一下吗？
    

    • 

  • A brief review of probability theory
世界上的一道风

    AbriefreviewofprobabilitytheoryFundamentalrulesproductrule:yieldchainrule:sumrule:Bayesrule:Quantiles(分位数)cdf是，逆函数是，分位数的作用是，有,表示的意思是。也就是说，是一个概率值，代入累积分布的逆函数中，返回的是对应概率面积的截断点：根据公式测试：importnumpyasnpimport
    

    • 

  • hr跟我说从第二个问题就可以停止面试了
lozhyf
面试职场和发展开发语言面试

    #24届软开秋招面试经验大赏#但是他还是跟我聊了一个多小时很有耐心，哎，而且当场根据我不会或者答得不好的问题教我es6新特性解释下事件循环看事件循环的代码解释一下输出顺序写js循环算法总结多巩固js基础这个是js游戏岗，我是25届的作者：阿北Char
    

    • 

  • web学习笔记（四十二）
shan33__
笔记前端学习笔记javascript开发语言

    目录1.ECMAScript新特性-async和await1.1async函数1.2await函数1.3补充：2.ES6模块化2.1模块化的优点2.2ES6模块化语法2.3ES6模块暴露2.4ES6模块导入1.ECMAScript新特性-async和await1.1async函数async函数可以单数使用，但一般我们会将async函数和await函数结合使用，可以让异步代码像同步代码一样运行，也可
    

    • 

  • docker构建镜像命令
你是理想
dockerdocker容器运维

    编写dockerfile文件例子1;FROMoraclelinux:7-slimENVrelease=19ENVupdate=13RUNcurl-o/etc/yum.repos.d/public-yum-ol7.repohttps://yum.oracle.com/public-yum-ol7.repo&&\yum-config-manager--enableol7_oracle_instantc
    

    • 

  • 问了一下 GPT--当前基于 React + TypeScript 的生态中 一名前端工程师需要具备哪些能力？
zoe_ya
前端gptreact.js

    在当前基于React+TypeScript的生态中，你需要掌握一系列的技能和知识，以构建现代化、高效能且可维护的前端应用程序。以下是一些关键领域的知识和技能点：基础知识HTML/CSS/JavaScript:理解语义化的HTML、CSS布局和定位技术以及现代JavaScript（ES6+）的特性。TypeScript:掌握TypeScript的基本语法、类型系统以及如何在React项目中使用Typ
    

    • 

  • chatGLM-6B部署报错quantization_kernels_parallel.so‘ (or one of its dependencies). Try using the full pat
FL1623863129
环境配置深度学习

    用python部署chatglm2时候报错：FileNotFoundError:Couldnotfindmodule'C:\Users\Administrator\.cache\huggingface\modules\transformers_modules\chatglm2-6b-int4\quantization_kernels_parallel.so'(oroneofitsdependenc
    

    • 

  • 英语精读笔记.新概念第三册(5)The facts确切数字
英文研习社

    文章原文：Editorsofnewspapersandmagazinesoftengotoextremestoprovidetheirreaderswithunimportantfactsandstatistics.Lastyearajournalisthadbeeninstructedbyawell-knownmagazinetowriteanarticleonthepresident'spal
    

    • 

  • 神经网络量化
小厂程序猿
人工智能

    神经网络量化（NeuralNetworkQuantization）是一种技术，旨在减少神经网络模型的计算和存储资源需求，同时保持其性能。在深度学习中，神经网络模型通常使用高精度的参数（例如32位浮点数）来表示权重和激活值。然而，这种表示方式可能会占用大量的内存和计算资源，特别是在部署到资源受限的设备（如移动设备或嵌入式系统）时会受到限制。神经网络量化通过将模型参数和激活值从高精度表示（例如32位浮
    

    • 

  • 页面转码 及unterminated string constant
左岸小鱼
DHTMLJSAjaxHTMLJavaScript浏览器ViewUI

    unterminatedstringconstant错误：主要原因是由于在给JS方法传递参数的时候，参数中包含空格，就会把这个方法后面的括号部分给丢失掉。例如：functionviewDetail(val1,val2){};使用的时候oncklick="viewDetail(val1,val2)；"传递有空格的参数会变成-->给val1='abc';viewDetail('a，这个问题经过仔细想了
    

    • 

  • 机器学习简介
Dayueban

    @我的博客：有味写在前面在年前将要进行靶向代谢组学测定的样品送去公司，随之想想，还有一个半月的时间数据才会回来，那么这段时间是不是可以先学习下分类数据如何分析呢（PS:因为数据是属于分类性质的），所以不久前买的一本书——《机器学习与R语言》稍微系统学一遍，该书为美国的BrettLantz所著，翻译工作由我国学者李洪成、许金炜、李舰完成。学习本书的主要目的是了解机器学习的思想，以及所应用的领域，当然
    

    • 

  • 第九章、信息安全与多媒体基础5分
蒋劲豪
软考-中级-软件设计师软件工程

    信息系统安全属性保密性、完整性、可用性、可控性、可审查性网络安全威胁物理威胁、网络攻击、身份鉴别、编程威胁、系统漏洞对称加密DES、3DES、AES、RC-5、IDEA
    

    • 

  • Navigating the Console
Jacaranda2016

    Theconcept"Project"isimportantforGCP.ProjectinformationincludesProjectname,ProjectIDandProjectNumber.ProjectIDcanbechangedlaterviashell.ProjectNumberisautomaticallycreatedandyoucannotchange.Howtoshutd
    

    • 

  • 【javaScript/ES6】获取对象数组中其中一个属性值的集合（forEach、Array.from）
花间半盘棋
javaScriptjavascriptes6开发语言前端

    引入：有一个对象数组，但只需要其中的某一个属性值。举个栗子，有一个对象数组，其中不止有一个对象：letarr=[{name:'Luenay',age:10},{name:'Kitty',age:20}]但是我只需要包含name的集合；方法1：使用forEach；letresArr=[]arr.forEach(item=>{resArr.push(item.name)})方法2：使用Array.fr
    

    • 

  • 显示/隐藏 隐藏文件
BenjaminCool

    https://www.jianshu.com/p/ac682cf53cea显示隐藏文件打开终端，输入命令：defaultswritecom.apple.finderAppleShowAllFiles-booleantrue;killallFinder该命令将finder的隐藏文件显示出来，并重新启动Finder。隐藏隐藏文件打开终端，输入命令：defaultswritecom.apple.fin
    

    • 

  • Jmeter+Ant+Git/SVN+Jenkins实现持续集成接口测试，一文精通（三）
L小林同学
软件测试jmetergitsvn测试工具jenkinsci/cdios

    一、Jmeter中的BeanShell组件和语言规则BeanShell是一种完全符合java语法规则的脚本语言，同时他还有自己的语法规则。java包括：javase，jjavaee，javameJmeter有哪些BeanShell:1.前置处理器：Beanshell预处理程序。2.定时器：BeanShell3.采样器：BeanShell4.后置处理器：BeanShell5.断言：BeanShell
    

    • 

  • 【vue baidu-map】实现百度地图展示基地，鼠标悬浮标注点展示详细信息
米老鼠的摩托车日记
vue2vue.js百度javascript

    实现效果如下：自用代码记录视频箭头视频监控名称：{{item.name}}-->-->企业名称:{{current}}testt-->-->{{key}}({{value}})//varecharts=require('echarts')import{getPlantBases}from'@/api/table'import{getUserEquipments,getPageList}from'@
    

    • 

  • 解决Connection to Xxx@localhost failed.
zXuan

    解决：Connectiontojianshu@localhostfailed.[08001]Couldnotcreateconnectiontodatabaseserver.Attemptedreconnect3times.Givingup.原因2019最新版本IDEA,Pycharm连接JDBC方式为Mysql6中的com.mysql.cj.jdbc.Driver，这个方法需要指定时区【serv
    

    • 

  • ASM系列五 利用TreeApi 解析生成Class
lijingyao8206
ASM字节码动态生成ClassNodeTreeAPI

       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。
         在介绍前，先要知道一点， Tree工程的接口基本可以完
    

    • 

  • 链表树——复合数据结构应用实例
bardo
数据结构树型结构表结构设计链表菜单排序

    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。
需求简介：
经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
    

    • 

  • 为啥要用位运算代替取模呢
chenchao051
位运算哈希汇编

     
  在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，
 
  JDK6中的HashMap中的indexFor方法：
/**
* Returns index for hash code h.
*/
static int indexFor(int h, int length) { 
    

    • 

  • 最近的情况
麦田的设计者
生活感悟计划软考想

          今天是2015年4月27号
     整理一下最近的思绪以及要完成的任务
            1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
    

    • 

  • PHP去掉字符串中最后一个字符的方法
IT独行者
PHP字符串

    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下：
$str = "1,2,3,4,5,6,";
$newstr = substr($str,0,strlen($str)-1);
echo $newstr; 
    

    • 

  • hadoop在linux上单机安装过程
_wy_
linuxhadoop

    1、安装JDK
    jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：
   export JAVA_HOME=/usr/java/jdk1.7.0_25  
    

    • 

  • JAVA进阶----分布式事务的一种简单处理方法
无量
多系统交互分布式事务

    每个方法都是原子操作：
提供第三方服务的系统，要同时提供执行方法和对应的回滚方法
A系统调用B,C,D系统完成分布式事务
=========执行开始========
A.aa();
try {
B.bb();
} catch(Exception e) {
A.rollbackAa();
}
try {
C.cc();
} catch(Excep
    

    • 

  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉
矮蛋蛋
hadoop互联网

    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。
　　到底什么是移动DSP呢?
　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广 
    

    • 

  • myelipse设置
alafqq
IP

      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。
注释模板导入步骤 
安装方法：
打开eclipse/myeclipse
选择 window-->Preferences-->JAVA-->Code-->Code 
    

    • 

  • java数组
百合不是茶
java数组

    java数组的   声明  创建  初始化；   java支持C语言
  
 
数组中的每个数都有唯一的一个下标
一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3]
int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数

    

    • 

  • javascript读取表单数据
bijian1013
JavaScript

    利用javascript读取表单数据，可以利用以下三种方法获取：
1、通过表单ID属性：var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性：var b = document.getElementsByName("name");
3、直接通过表单名字获取：var c = form.content.
    

    • 

  • 探索JUnit4扩展：使用Theory
bijian1013
javaJUnitTheory

    理论机制（Theory）
一.为什么要引用理论机制（Theory）
        当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。
TDD 的优点：
    &nb
    

    • 

  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB
bit1129
template

    什么是Spring Data Mongo
Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括
1. 封装客户端跟MongoDB的链接管理
2. 文档-对象映射，通过注解:@Document(collectio
    

    • 

  • 【Kafka八】Zookeeper上关于Kafka的配置信息
bit1129
zookeeper

    问题：
1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置
3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里
4. Producer跟Zookeeper究竟有没有关系？没有关系！！！
 
//consumers、config、brokers、cont
    

    • 

  • java OOM内存异常的四种类型及异常与解决方案
ronin47
java OOM 内存异常

          　OOM异常的四种类型：
　　　
　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。
 
  　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
    

    • 

  • java-实现链表反转-递归和非递归实现
bylijinnan
java

    20120422更新：
对链表中部分节点进行反转操作，这些节点相隔k个：
0->1->2->3->4->5->6->7->8->9
k=2
8->1->6->3->4->5->2->7->0->9
注意1 3 5 7 9 位置是不变的。
解法：
将链表拆成两部分：
a.0-&
    

    • 

  • Netty源码学习-DelimiterBasedFrameDecoder
bylijinnan
javanetty

     看DelimiterBasedFrameDecoder的API，有举例：
接收到的ChannelBuffer如下：
+--------------+
| ABC\nDEF\r\n |
+--------------+
经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到：
+-----+----
    

    • 

  • linux的一些命令 -查看cc攻击-网口ip统计等
hotsunshine
linux

    Linux判断CC攻击命令详解
2011年12月23日 ⁄ 安全 ⁄ 暂无评论
查看所有80端口的连接数
netstat -nat|grep -i '80'|wc -l
对连接的IP按连接数量进行排序
netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n
查看TCP连接状态
n
    

    • 

  • Spring获取SessionFactory
ctrain
sessionFactory

    
String sql = "select sysdate from dual";
WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext();
String[] names = wac.getBeanDefinitionNames();
for(int i=0; i&
    

    • 

  • Hive几种导出数据方式
daizj
hive数据导出

    Hive几种导出数据方式
 
1.拷贝文件
 
如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。
hadoop fs –cp source_path target_path
 
2.导出到本地文件系统
 
--不能使用insert into local directory来导出数据，会报错
--只能使用
    

    • 

  • 编程之美
dcj3sjt126com
编程PHP重构

    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解
 
header("Content-type: text/plain");
function static_function () {
static $i = 0;
if ($i++ < 1
    

    • 

  • Android保存用户名和密码
dcj3sjt126com
android

    转自：http://www.2cto.com/kf/201401/272336.html
我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码
1、通过普通 的txt文本存储
2、通过properties属性文件进行存
    

    • 

  • Oracle 复习笔记之同义词
eksliang
Oracle 同义词Oracle synonym

    转载请出自出处：http://eksliang.iteye.com/blog/2098861
1.什么是同义词
      同义词是现有模式对象的一个别名。
      概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
    

    • 

  • Ajax案例
gongmeitao
Ajaxjsp

    数据库采用Sql Server2005
项目名称为:Ajax_Demo
1.com.demo.conn包
package com.demo.conn;
import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;
//获取数据库连接的类public class DBConnec
    

    • 

  • ASP.NET中Request.RawUrl、Request.Url的区别
hvt
.netWebC#asp.nethovertree

     
如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
    

    • 

  • SVG 教程 （七）SVG 实例，SVG 参考手册
天梯梦
svg

    SVG 实例 在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。
注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩
    

    • 

  • 事务管理
luyulong
javaspring编程事务

    事物管理
spring事物的好处
为不同的事物API提供了一致的编程模型
支持声明式事务管理
提供比大多数事务API更简单更易于使用的编程式事务管理API
整合spring的各种数据访问抽象
TransactionDefinition
定义了事务策略
int getIsolationLevel()得到当前事务的隔离级别
READ_COMMITTED 
    

    • 

  • 基础数据结构和算法十一：Red-black binary search tree
sunwinner
AlgorithmRed-black

     
The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
    

    • 

  • centos同步时间
stunizhengjia
linux集群同步时间

    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
    

    • 

  • ITeye 9月技术图书有奖试读获奖名单公布
ITeye管理员
ITeye

    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 
 
 
《NFC：Arduino、Andro
    

    •