米洛丶
米洛丶

测试平台系列(76) 编写测试计划前端部分

大家好~我是米洛！

我正在从0到1打造一个开源的接口测试平台, 也在编写一套与之对应的完整教程，希望大家多多支持。

欢迎关注我的龚仲耗测试开发坑货，获取最新文章教程!

回顾

上一节我们编写了测试计划与APScheduler相结合的方法，定时任务也能够正常跑起来了。

这一节我们就简单聊聊前端怎么去做，最近天气变冷了，博主也感冒了。自己写的过程中发现许多错误，如果有出错的地方希望大家帮忙指出下 =。=

先谈设计

如果像以往的模式，放一个表格，里面展示每个测试计划的相关信息。

添加和删除呢，就放到modal对话框里面。表单的内容用户填写就好了，那这个curd的页面就可以很快完成。

但想一下，我们的测试计划是一个比较复杂的数据。在我的想法中，他应该具备这些条件:

  • 多条件搜索

    可以根据项目，测试计划名称，优先级，创建人等条件进行搜索。后续还可能根据创建时间搜索啥的。

  • 步骤清晰

    我想把这块分为3块:

      1. 基本信息
      1. 用例数据
      1. 通知配置

顺着这个想法，所以我找到了antd的steps(步骤条)，让用户录入数据的时候也有一定的条理，提升体验。

类似于图中这块部分

编写TestPlan.jsx组件

import {PageContainer} from "@ant-design/pro-layout";
import {connect} from 'umi';
import {Badge, Button, Card, Col, Divider, Form, Input, Row, Select, Table, Tag, Tooltip} from "antd";
import React, {useEffect} from "react";
import {CONFIG} from "@/consts/config";
import {PlusOutlined} from "@ant-design/icons";
import TestPlanForm from "@/components/TestCase/TestPlanForm";

const {Option} = Select;

const TestPlan = ({testplan, dispatch, loading, gconfig, user, project}) => {

  const {planData} = testplan;
  const {userList, userMap} = user;
  const {projectsMap, projects} = project;
  // const {envList} = gconfig;

  const getStatus = record => {
    if (record.state === 2) {
      return 
    }
    if (record.state === 3) {
      return 
    }
    if (record.state === 1) {
      return 
    }
    return 
      
    
  }

  const columns = [
    {
      title: '项目',
      key: 'project_id',
      dataIndex: 'project_id',
      render: projectId => {projectsMap[projectId] || 'loading'}
    },
    {
      title: '测试计划',
      key: 'name',
      dataIndex: 'name'
    },
    {
      title: '优先级',
      key: 'priority',
      dataIndex: 'priority',
      render: priority => {priority}
    },
    {
      title: 'cron表达式',
      key: 'cron',
      dataIndex: 'cron',
    },
    {
      title: '顺序执行',
      key: 'ordered',
      dataIndex: 'ordered',
      render: bool => bool ? 是 : 否
    },
    {
      title: '用例数量',
      key: 'case_list',
      dataIndex: 'case_list',
      render: caseList => caseList.split(",").length,
    },
    {
      title: '状态',
      key: 'next_run',
      dataIndex: 'next_run',
      render: (_, record) => getStatus(record)
    },
    {
      title: '创建人',
      key: 'create_user',
      dataIndex: 'create_user',
      render: create_user => userMap[create_user] !== undefined ? userMap[create_user].name : '加载中...'
    },
    {
      title: '操作',
      key: 'ops',
      render: () => <>
        编辑
        
        删除
      
    },


  ]

  // form查询条件
  const [form] = Form.useForm();

  const spin = loading.effects['testplan/listTestPlan'] || loading.effects['project/listProject']

  const fetchTestPlan = () => {
    const values = form.getFieldsValue();
    dispatch({
      type: 'testplan/listTestPlan',
      payload: {
        page: 1,
        size: 10,
        ...values,
      }
    })
  }

  const fetchProjectList = () => {
    dispatch({
      type: 'project/listProject',
    })
  }

  const fetchUsers = () => {
    if (userList.length === 0) {
      dispatch({
        type: 'user/fetchUserList',
      })
    }
  }

  const fetchEnvList = () => {
    dispatch({
      type: 'gconfig/fetchEnvList',
      payload: {
        page: 1,
        size: 1000,
        exactly: true // 全部获取
      }
    })
  }

  const onSave = data => {
    dispatch({
      type: 'testplan/save',
      payload: data
    })
  }

  useEffect(() => {
    fetchEnvList()
    fetchUsers()
    fetchProjectList()
    fetchTestPlan()
  }, [])

  return (
    
      
        
        
 {
          fetchTestPlan();
        }}>
          
            
              
                
              
            
            
              
                
              
            
            
              
                
              
            
            
              
                
              
            
          
        

        
          
        
         row.id} loading={spin}/>
      
  )
}


export default connect(({testplan, project, user, loading, gconfig}) => ({
  testplan,
  project,
  loading,
  user,
  gconfig,
}))(TestPlan);


讲解一下代码，核心还是通过dva的model-service这种类redux管理状态。
结合最新的useEffect，获取到测试计划信息。
把搜索选项放到表单中，并给form设置onValuesChange方法，当数据有变动的时候自动重新查询测试计划。这样避免了 人肉再点击一次搜索按钮。
效果图如下:
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
需要注意的是，这里展示了大部分数据，如果想看更多内容，需要点击编辑按钮查看了。
编写创建测试计划表单组件
该组件还是一个Modal，按照我们刚才说的3个字段去分配对应的板块，大概样式如下:
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
由于测试用例的选择，还没有确定，所以暂时还需要慢慢设计。个人感觉自己前端部分写起来还是偏慢，前面还有好多坑没有填。
今天的内容就先介绍到这里吧，下一节我们演示下做好的测试计划页面以及解决多workers下的APScheduler单个任务重复执行的问题。
在线体验地址: http://test.pity.fun

                    
                

        
你可能感兴趣的:(测试平台系列(76) 编写测试计划前端部分)

        

            

                
    
                    
  • 【算法】BFS(最短路径问题、拓扑排序)
                        秦jh_
算法算法数据结构c++
                        
    个人主页：秦jh_-CSDN博客系列专栏：https://blog.csdn.net/qinjh_/category_12862161.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12862161&sharerefer=PC&sharesource=qinjh_&sharefrom=from_link目录边权为1的最短路径问题多源
    
                    
    • 
                    
  • 卷积神经网络（笔记01）
                        天行者@
cnn人工智能深度学习
                        
    视觉处理三大任务：分类、目标检测、图像分割CNN网络主要有三部分构成：卷积层（ConvolutionalLayer）、池化层（PoolingLayer）和激活函数一、解释卷积层中的偏置项是什么，并讨论在神经网络中引入偏置项的好处。在卷积神经网络（CNN）的卷积层里，卷积操作本质上是输入数据与卷积核（滤波器）进行逐元素相乘再求和的过程。偏置项（Bias）是一个额外的可学习参数，对于每个卷积核而言，都
    
                    
    • 
                    
  • INCA二次开发GUI实例化
                        智海行舟
python个人开发
                        
    【摘要】本文基于ETASINCA二次开发实践，深入探讨如何构建完整的自动化测试GUI系统。通过Python语言结合COM接口技术，实现从软件架构设计到功能模块开发的完整闭环，为汽车电子领域工程师提供可复用的开发范式。一、INCA二次开发技术背景1.1行业应用需求在汽车电子开发领域，ETASINCA作为行业标准标定工具，其自动化测试需求日益增长。传统的手动操作模式存在以下痛点：重复性操作耗时严重（单
    
                    
    • 
                    
  • 【Spring】_Spring事务与事务传播机制
                        _周游
SpringJavaEE数据库sql
                        
    目录1.创建项目、数据库及MyBatis配置1.1创建数据库及java实体类1.2使用yml配置MyBatis1.3对应三层架构开发2.Spring编程式事务2.1编写UserController类2.2接口测试2.23关于事务回滚与事务提交的日志3.Spring声明式事务3.1编写TransController类3.2接口测试3.3关于@Transactional实现事务回滚的情况3.3.1重新
    
                    
    • 
                    
  • Postman怎么针对一个接口重复测试 ?
                        静姐说测试
自动化测试经验分享技术分享postman测试工具功能测试自动化测试软件测试测试工程师
                        
    Postman是一个常用的API测试工具，用于测试和调试接口。它提供了许多功能来让我们能够更轻松地进行接口测试，其中之一就是针对一个接口的重复测试。以下是从零到一的详细和规范的步骤来针对一个接口重复测试的文章：第一步：确定接口首先，我们需要确定要重复测试的接口。可以是一个已经存在的接口，也可以是一个新接口。确保理解接口的功能和预期的输出。第二步：创建Postman环境在开始重复测试之前，我们需要创
    
                    
    • 
                    
  • 【新手向】从零开始学习Java（Day29）Java 网络编程
                        星河天欲瞩
从零开始学习Java学习java开发语言jvm网络后端
                        
    每天二十分钟，成就Java大神，点点关注不迷路！今天是第二十九天，给坚持到这里的小伙伴点个赞！对抗混乱即修行，共勉！目录网络编程基础概念Socket（套接字）ServerSocket类（服务器端）构造方法常用方法Socket类构造方法常用方法InetAddress类本地实例服务端客户端运行步骤下节预告网络编程基础概念网络编程是指编写运行在多个设备（计算机）的程序，这些设备都通过网络连接起来。网络模
    
                    
    • 
                    
  • ESP32 小智 AI 机器人入门教程从原理到实现（自己云端部署）
                        与光同尘 大道至简
人工智能机器人python人机交互githubvisualstudio单片机
                        
    此博客为一篇针对初学者的详细教程，涵盖小智AI机器人的原理、硬件准备、软件环境搭建、代码实现、云端部署以及优化扩展。文章结合了现有的网络资源，取长补短，确保内容易于理解和操作。简介：本教程将指导初学者使用ESP32微控制器开发一个简单的语音对话机器人“小智”。我们将介绍所需的基础原理、硬件准备、软件环境搭建，以及如何编写代码实现语音唤醒和与云端大模型的对接。通过本教程，即使没有深厚的AI或嵌入式经
    
                    
    • 
                    
  • 我与DeepSeek读《大型网站技术架构》（5）下
                        诺亚凹凸曼
架构
                        
    万无一失：网站的高可用架构4.高可用的数据保证数据存储高可用的手段主要是数据备份和失效转移机制。缓存服务的高可用争论1.缓存服务需要实现高可用核心论据：避免雪崩效应：缓存宕机导致数据库瞬时压力骤增，可能引发级联故障。提升用户体验：缓存直接支撑高频访问，其不可用会导致延迟飙升、功能异常。数据热备价值：部分缓存数据（如会话信息）可能无持久化备份，丢失后影响业务连续性。适用场景：高并发实时系统：如电商秒
    
                    
    • 
                    
  • 我与DeepSeek读《大型网站技术架构》（3）
                        诺亚凹凸曼
架构
                        
    大型网站架构的核心要素《大型网站技术架构：核心原理与案例分析》第三章聚焦于大型网站架构的核心要素，从技术维度剖析了构建高可用、高性能、可扩展系统的关键设计方向。1.五大核心架构要素(1)性能（Performance）目标：快速响应用户请求，优化用户体验。关键策略：前端优化：CDN加速静态资源、合并压缩JS/CSS、浏览器缓存。服务端优化：缓存（Redis/Memcached）、异步处理（消息队列）
    
                    
    • 
                    
  • 八股文-Linux系统部分
                        im长街
八股文专栏linux服务器
                        
    目录权限掩码有什么作用?直到粘滞位吗?怎样将程序停留在预处理过程/编译/汇编过程后?用过gdb吗?讲讲常见的热键谈谈你对整个计算机体系的认识什么是进程?谈谈你自己的理解?进程在运行时可能会出现哪些状态?Fork函数了解多少?了解过僵尸进程和孤儿进程吗?并行和并发的区别?当发生进程切换后再次被调度时,怎样知道上次运行到哪儿了?了解过哪些环境变量什么是地址空间?和物理内存是什么关系?为什么要有它?谈谈
    
                    
    • 
                    
  • 八股文-Linux网络部分
                        im长街
八股文专栏linux网络
                        
    目录TCP和UDP的区别套接字编程一般的流程是什么Cookie,session和token有什么区别HTTP和HTTPS的区别讲一下TCP的三次握手和四次挥手TCP通过什么来保证可靠性TCP通过什么方式来提高性能了解哪些TCP协议的报头数据如何解决TCP的粘包问题什么是IP协议IP协议的字段了解多少什么是网段划分WAN口ip和LAN口ip的作用了解过NAT技术吗谈一谈你对ARP协议的理解有了ip地
    
                    
    • 
                    
  • WordPress建站给外贸人带来的负担
                        小机出海
建站常谈服务器sslhttps
                        
    WordPress是全球最大的开源建站平台，有着丰富的主题与插件，尽管功能非常强大，但也给想要建站的外贸人带来了一些负担。一、技术门槛与学习成本1、由于WordPress发展了几十年，里面的功能应有尽有，但往往这些复杂的功能导致建站新手对它的学习成本变得很高，需要理解各个模块与功能点，增加了上手的复杂度。2、WordPress的建站服务商他不会告诉你，你可能需要知道一些代码知识（HTML、CSS、
    
                    
    • 
                    
  • 算法与数据结构（回文数）
                        a_j58
数据结构
                        
    题目思路对于这个我的第一想法就是转换为字符串然后判断字符串是否为回文，它会消耗额外的地址空间。还有一种想法就是将数字反转并判断是否为回文，但可能需要处理数字溢出的问题。若要避免出现数字溢出的问题，我们可以只反转它的一半，若前半部分和后半部分相同，则说明它是一个回文数。如123321，我们将它的后半部分反转，得到123，它与前半部分相同，说明它是一个回文数。算法首先，我们可以先考虑到它的一些临界情况
    
                    
    • 
                    
  • go执行java -jar 完成DSA私钥解析并签名
                        DavidSoCool
javajargolang
                        
    起因，最近使用go对接百度联盟api需要使用到DSA私钥完成签名过程，在百度提供的代码示例里面没有go代码的支持，示例中仅有php、python2和3、java的代码，网上找了半天发现go中对DSA私钥解析支持不友好，然后决定使用在java中完成签名计算过程，生成可执行jar后由外部传入参数获取签名数据。百度联盟api文档说明：1）权限开通后，登录百度联盟媒体平台（union.baidu.com）
    
                    
    • 
                    
  • 【30天玩转python】项目实战：从零开始开发一个Python项目
                        爱技术的小伙子
30天玩转pythonlinux运维服务器
                        
    项目实战：从零开始开发一个Python项目在学习Python的过程中，开发一个完整的项目是非常重要的实战练习。它不仅能够帮助你巩固所学的知识，还能提高实际编程能力。本文将带领你从零开始开发一个Python项目，介绍从项目规划、环境搭建、代码实现到项目发布的完整过程。我们将以一个简单的“任务管理系统”为例，逐步讲解如何构建、测试和优化这个项目。1.项目规划1.1项目简介我们将开发一个基于命令行的任务
    
                    
    • 
                    
  • ffplay 使用文档介绍
                        码流怪侠
FFmpegffplay播放器音视频直播转码
                        
    ffplayffplay是一个简单的媒体播放器，它是FFmpeg项目的一部分。FFmpeg是一个广泛使用的多媒体框架，能够解码、编码、转码、复用、解复用、流化、过滤和播放几乎所有类型的媒体文件。ffplay主要用于测试和调试，因为它提供了一个命令行界面，可以方便地查看媒体文件的详细信息，如视频帧、音频波形等。它支持多种视频和音频格式，并且可以实时显示解码过程中的统计信息。使用文档原文地址：http
    
                    
    • 
                    
  • uniapp 滚动尺
                        走，带你去玩
前端javascript开发语言
                        
    scale组件代码（部分class样式使用到了uview1.0的样式）{{item/10}}exportdefault{name:'Scale',components:{},props:{value:{type:String,default:'0.0'},//最小值min:{type:Number,default:0,},//最大值max:{type:Number,default:100,},//
    
                    
    • 
                    
  • 固定表头、首列 —— uniapp、vue 项目
                        菲力蒲LY
vue.jsuni-app前端
                        
    项目实地：也可以在【微信小程序】搜索体验：xny.handbook另一个体验项目：官网一、效果展示二、代码展示（1）html部分股票代码建议投金额实际投金额建议股数实际股数◎原单价涨出-单价↑跌出+单价↓+○预赚+●实赚-○预赔-●实赔操作{{item.stockCode}}{{item.calculAdvsIvsMoney}}{{item.calculRealIvsMoney}}{{item.t
    
                    
    • 
                    
  • zookeeper程序员指南
                        weixin_30326741
java运维shell
                        
    1简介本文是为想要创建使用ZooKeeper协调服务优势的分布式应用的开发者准备的。本文包含理论信息和实践信息。本指南的前四节对各种ZooKeeper概念进行较高层次的讨论。这些概念对于理解ZooKeeper是如何工作的，以及如何使用ZooKeeper来进行工作都是必要的。这几节没有代码，但却要求读者对分布式计算相关的问题较为熟悉。本文的大多数信息以可独立访问的参考材料的形式存在。但是，在编写第一
    
                    
    • 
                    
  • 软考高项报名开始啦，这些东西提前准备好...
                        不是小盆友
软考计算机考试软考高项软考高级苏景一软考软考报名pat考试
                        
    软考高项报名开始啦，这些东西提前准备好...部分地区已经开始报名了，是不是还有很多人不知道要准备什么东西，资料一定要提前准备好，不然很可能会报名失败！！！-��时间节点♦报名时间：3.11——3.28（具体以地区发布为准）♦资格审查时间：3.11——3.29（具体以地区发布为准）♦缴费时间：3.11——3.30（具体以地区发布为准）♦发票打印时间：4.14——12.31♦准考证打印时间：5.19—
    
                    
    • 
                    
  • 个人NAS方案，终端字符界面浏览器
                        耶耶耶耶耶~
其它NAS
                        
    文章目录前言需求分析Linux配置smb服务-Linux服务端配置-windows客户端配置Linux安装流媒体服务在终端界面中浏览网页references前言个人nas需要满足的需求：可以通过浏览器访问nas中的文件、图片、视频支持像访问本地分区一样访问nas，对应用程序来讲文件在nas和本地是透明的需求分析硬件方面可用arm开发版+外置大硬盘软件方面采用Linux系统+一系列服务程序实现总结一
    
                    
    • 
                    
  • Dash 简介
                        tankusa
dash
                        
    Dash是一个基于Python的开源框架，专门用于构建数据分析和数据可视化的Web应用程序。Dash由Plotly团队开发，旨在帮助数据分析师、数据科学家和开发人员快速创建交互式的、基于数据的Web应用，而无需深入掌握前端技术（如HTML、CSS和JavaScript）。Dash的核心优势在于其简单易用性和强大的功能。通过Dash，用户可以使用纯Python代码来构建复杂的Web应用，而无需编写繁
    
                    
    • 
                    
  • 云原生Serverless平台：无服务器计算的架构革命
                        桂月二二
云原生serverless架构
                        
    引言：从虚拟机到函数即服务(FaaS)AWSLambda每天处理数十万亿次请求，阿里巴巴函数计算支撑双十一亿级事件触发。KnativeServing实现秒级自动扩缩至零，Vercel边缘函数网络响应时间跌破50ms。CNCFOpenFaaS在GitHub斩获25k星，AzureFunctions支持毫秒级计费精度，GoogleCloudRun冷启动优化至200ms内。全球500强企业70%采用Se
    
                    
    • 
                    
  • 【软件测试】功能自动化测试用例通常包含哪些要素
                        小马哥编程
自动化测试用例
                        
    功能自动化测试用例是用于验证软件功能是否按预期工作的脚本或代码。与接口自动化测试用例不同，功能自动化测试用例通常关注用户界面（UI）和用户交互。以下是功能自动化测试用例的主要要素：1.用例ID唯一标识符，用于追踪和管理测试用例。2.用例名称简要描述测试的目标或功能。3.测试场景描述测试的具体场景或用户操作流程。例如：“验证用户登录功能”。4.前置条件执行测试前需要满足的条件。例如：用户已注册。浏览
    
                    
    • 
                    
  • 【微信小程序】基本语法
                        小马哥编程
微信小程序小程序
                        
    一、导入小程序选择代码目录项目配置文件appid当前小程序的AppIDprojectname当前小程序的项目名称变更AppID（视情况而定，如果没有开发权限时需要变更成个人的AppID）二、模板语法在页面中渲染数据时所用到的一系列语法叫做模板语法，对应到Vue中就是指令的概念。2.1数据绑定插值{{}}小程序中使用{{}}实现数据与模板的绑定，与Vue中不同的是无论是属性的绑定还是内容的绑定都必须
    
                    
    • 
                    
  • 【UI自动化框架设计思路】runner：如何运行框架
                        小怪兽长大啦
UI自动化测试技术分享ui自动化运维
                        
    一、简介**功能：**自动化测试的运行器，负责整合UI识别与UI操作、读取配置文件并执行测试用例步骤。参数：config_pth：配置文件的路径（字符串类型）。说明：Runner类是整个自动化测试流程的核心入口点，通过加载配置文件并结合UI操作类，执行测试用例的步骤。它将配置管理、UI操作和测试执行整合为一个完整的自动化测试流程。二、代码解析1.init方法**功能：**初始化Runner类，加载
    
                    
    • 
                    
  • 【UI自动化技术思路分析】【总纲】UI自动化代码完整设计思路
                        小怪兽长大啦
UI自动化测试技术分享ui自动化运维
                        
    一、自动化框架散装思路代码结构如下所示️UIAutomationTools：UI自动化操作工具app：业务功能代码ui_automation.py：为Android设备提供UI自动化操作的工具类case：测试用例case_template.csv：UI测试用例步骤config：配置文件login:登录相关的ICON图标路径icon_config.yaml：图片路径配置文件runner：运行器con
    
                    
    • 
                    
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之功能优化，添加列宽调整功能Table12
                        宝码香车
#DeepSeekjavascript前端vue.jsecmascriptDeepSeek
                        
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之功能优化，添加列宽调整功能Table12页面效果指令输入think组件代码功能增强说明：注意事项：代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index
    
                    
    • 
                    
  • Android Glide 的显示与回调模块原理源码级深度剖析
                        &有梦想的咸鱼&
AndroidGlide原理Android开发大全androidglide
                        
    一、引言在当今的Android应用开发中，图片处理是一个至关重要的环节。从应用的图标展示到复杂的图片画廊，图片的加载和显示直接影响着用户体验。Glide作为一款功能强大且广泛使用的图片加载库，凭借其高效的性能、丰富的功能和简洁的API，成为了开发者的首选。其中，显示与回调模块更是Glide的核心部分，它负责将加载好的图片资源准确无误地显示在目标视图上，并在整个过程中提供各种回调机制，让开发者能够实
    
                    
    • 
                    
  • Android Glide 框架线程管理模块原理的源码级别深入分析
                        &有梦想的咸鱼&
AndroidGlide原理glideandroid
                        
    一、引言在现代的Android应用开发中，图片加载是一个常见且重要的功能。Glide作为一款广泛使用的图片加载框架，以其高效、灵活和易用的特点受到了开发者的青睐。其中，线程管理模块是Glide框架中至关重要的一部分，它负责协调不同线程之间的工作，确保图片的加载、解码、处理等操作能够高效、有序地进行。合理的线程管理可以提高应用的性能，避免主线程阻塞，从而为用户提供流畅的交互体验。本文将深入Glide
    
                    
    • 
                                
  • jdk tomcat 环境变量配置
                                    Array_06
javajdktomcat
                                    
    Win7 下如何配置java环境变量 
 
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 
3。分别配置高级环境变量。 
   电脑-->右击属性-->高级环境变量-->环境变量。 
 
 
分别配置 : 
 
path   
 &nbs
    
                                
    • 
                                
  • Spring调SDK包报java.lang.NoSuchFieldError错误
                                    bijian1013
javaspring
                                    
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
    
                                
    • 
                                
  • LeetCode[位运算] - #136 数组中的单一数
                                    Cwind
java题解位运算LeetCodeAlgorithm
                                    
    原题链接：#136 Single Number 
要求： 
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 
难度：中等 
分析： 
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
    
                                
    • 
                                
  • qq登陆界面开发
                                    15700786134
qq
                                    
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： 
public class First {         public void initul(){        jf=ne
    
                                
    • 
                                
  • Linux的程序包管理器RPM
                                    被触发
linux
                                    
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
    
                                
    • 
                                
  • socket通信遇到EOFException
                                    肆无忌惮_
EOFException
                                    
    java.io.EOFException 
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) 
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
    
                                
    • 
                                
  • 基于spring的web项目定时操作
                                    知了ing
javaWeb
                                    
    废话不多说，直接上代码，很简单 配置一下项目启动就行 
1，web.xml 
 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="h
    
                                
    • 
                                
  • 树形结构的数据库表Schema设计
                                    矮蛋蛋
schema
                                    
    原文地址： 
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488 
 
 
    程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
    
                                
    • 
                                
  • maven将jar包和源码一起打包到本地仓库
                                    alleni123
maven
                                    
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository 
 
 
 
<project>
  ...
  <build>
    <plugins>
      <plugin>
        <groupI
    
                                
    • 
                                
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！
                                    百合不是茶

                                    
    类 File 
File是指文件和目录路径名的抽象表示形式。 
1，何为文件： 
标准文件（txt doc mp3...） 
目录文件（文件夹） 
虚拟内存文件 
  
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
    
                                
    • 
                                
  • Spring注入有继承关系的类（2）
                                    bijian1013
javaspring
                                    
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 
package com.bijian.spring.test4;

public class AClass {

    private String a;
    private String b;
   
    public String getA() {
        retu
    
                                
    • 
                                
  • 30岁转型期你能否成为成功人士
                                    bijian1013
成长励志
                                    
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
    
                                
    • 
                                
  • 【Velocity四】Velocity与Java互操作
                                    bit1129
velocity
                                    
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础， 
     POJO 
   
package com.tom.servlets;

public
    
                                
    • 
                                
  • 【Hive十一】Hive数据倾斜优化
                                    bit1129
hive
                                    
    什么是Hive数据倾斜问题 
  
 
 操作：join,group by,count distinct 
 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 
 原因：key分布不均匀 
 倾斜度衡量：平均记录数超过50w且
    
                                
    • 
                                
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等
                                    ronin47
nginx lua csrf
                                    
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com 
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 
location /{
    
                                
    • 
                                
  • java-3.求子数组的最大和
                                    bylijinnan
java
                                    
    package beautyOfCoding;


public class MaxSubArraySum {

	/**
	 * 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,
    
                                
    • 
                                
  • Netty源码学习-FileRegion
                                    bylijinnan
javanetty
                                    
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： 
 


		//pipeline（没有诸如“FileRegionEncoder”的handler）：
		public ChannelPipeline ge
    
                                
    • 
                                
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
                                    cngolon
跨浏览器复制到粘贴板Zero Clipboard
                                    
    Zero Clipboard的实现原理 
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 
Zero Clipboard的安装方法 
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js 
    
                                
    • 
                                
  • 单例模式
                                    cuishikuan
单例模式
                                    
    第一种（懒汉，线程不安全）： 
public class Singleton {   2     private static Singleton instance;   3     pri
    
                                
    • 
                                
  • spring+websocket的使用
                                    dalan_123

                                    
    一、spring配置文件 
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
    
                                
    • 
                                
  • 细节问题：ZEROFILL的用法范围。
                                    dcj3sjt126com
mysql
                                    
       1、zerofill把月份中的一位数字比如1，2，3等加前导0 
 
      
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
    
                                
    • 
                                
  • Android开发10——Activity的跳转与传值
                                    dcj3sjt126com
Android开发
                                    
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。 
  
一、Activity跳转 
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent) 
  
方法二Intent intent = new Intent();intent.setCla
    
                                
    • 
                                
  • jdbc 得到表结构、主键
                                    eksliang
jdbc 得到表结构、主键
                                    
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
    
                                
    • 
                                
  • Android 应用程序开关GPS
                                    gqdy365
android
                                    
    要在应用程序中操作GPS开关需要权限： 
 

<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
 
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 
1、方法一：将项目放到Android源码中编译； 
2、方法二：网上有人说cl
    
                                
    • 
                                
  • Windows上调试MapReduce
                                    zhiquanliu
mapreduce
                                    
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
    
                                
    • 
                                
  • 如何看待一些知名博客推广软文的行为？
                                    justjavac
博客
                                    
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 
互联网上的两种典型心态： 
 
  当初求种像条狗，如今撸完嫌人丑  
  当初搜贴像条犬，如今读完嫌人软  
 
你为啥感觉不舒服呢？ 
难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 
就如同 Google 关闭了 Gooled Reader，那是
    
                                
    • 
                                
  • sql优化总结
                                    macroli
sql
                                    
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！ 
  
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。 
  
一、简单的统计语句执行时间 
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
    
                                
    • 
                                
  • Linux Oracle中常遇到的一些问题及命令总结
                                    超声波
oraclelinux
                                    
    1.linux更改主机名 
  
(1)#hostname oracledb　　　　临时修改主机名 
(2) vi /etc/sysconfig/network 　　修改hostname 
(3) vi /etc/hosts　　　　　　　　修改IP对应的主机名 
  
2.linux重启oracle实例及监听的各种方法 
（注意操作的顺序应该是先监听，后数据库实例） 
&nbs
    
                                
    • 
                                
  • hive函数大全及使用示例
                                    superlxw1234
hadoophive函数
                                    
      
具体说明及示例参 见附件文档。  
  
  
文档目录： 
  
目录 
一、关系运算： 4 
1. 等值比较: = 4 
2. 不等值比较: <> 4 
3. 小于比较: < 4 
4. 小于等于比较: <= 4 
5. 大于比较: > 5 
6. 大于等于比较: >= 5 
7. 空值判断: IS NULL 5
    
                                
    • 
                                
  • Spring 4.2新特性-使用@Order调整配置类加载顺序
                                    wiselyman
spring 4
                                    
    4.1 @Order 
 
 Spring 4.2 利用@Order控制配置类的加载顺序 
  
4.2 演示 
 
 两个演示bean 
 
package com.wisely.spring4_2.order;

public class Demo1Service {

}

 
package com.wisely.spring4_2.order;

public class
    
                                
    •