qiuxinfa123
qiuxinfa123

Flowable+React+bpmn-js实现工作流

由于新东家使用的是React，不是Vue，而自己一直想做一个关于工作流的应用出来，断断续续，花了几个月的时间，开发了工作流的功能，后面会继续完善。

技术栈

前端

前端是基于React开发的，使用了antd做页面布局，bpmn-js做流程图设计，使用vite工具打包

后端

后端是基于SpringBoot开发的，整合了flowable工作流引擎，mybatis-plus做持久层，SpringSecurity做认证和授权，jwt做token的生成、校验、解析

成果展示

首页

Flowable+React+bpmn-js实现工作流_第1张图片

目前的首页，做得很简陋，后续做法：

  • 增加待办列表：推送待办到首页

  • 增加菜单快捷入口

流程模型

模型列表

Flowable+React+bpmn-js实现工作流_第2张图片

模型设计

以报销流程为例

Flowable+React+bpmn-js实现工作流_第3张图片

这里有两个并行多实例节点：会计审批和出纳审批，是支持多实例的：

Flowable+React+bpmn-js实现工作流_第4张图片

多实例的完成条件，设置为比例（0.01~1）之间，满足条件，则流转到下一个节点。比如这里的会计审批节点，设置为0.01，代表只需要一个人审批即可。

任务管理

待签收任务

包括了个人待签收和岗位待签收（这里是角色待签收）

Flowable+React+bpmn-js实现工作流_第5张图片

待办任务

签收任务之后，就会把任务变成自己的待办任务了

Flowable+React+bpmn-js实现工作流_第6张图片

办理任务：

Flowable+React+bpmn-js实现工作流_第7张图片

这个页面待优化，应该点了对应的按钮，弹窗显示对应的栏位，这个暂时没有做

查看审批记录：

Flowable+React+bpmn-js实现工作流_第8张图片

流程跟踪，可视化流程走到哪里了：

Flowable+React+bpmn-js实现工作流_第9张图片

目前待优化的点：

  • 走过的有些线没有高亮显示

  • 对于退回的节点，还是会高亮显示（退回到目标节点之后的节点，都不应该高亮显示）

已办任务

Flowable+React+bpmn-js实现工作流_第10张图片

你可能感兴趣的:(Flowable,React,bpmn-js)

  • Vite 常用配置详解 啃火龙果的兔子 开发DEMO前端
    Vite是一个现代化的前端构建工具，相比Webpack具有更快的开发服务器启动和热更新速度。以下是Vite的常用配置项及其说明：1.基础配置(vite.config.js)import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importreactfrom'@vitejs/plugin-react'exportdefaultd
  • 企业级图表方案AG Charts v12正式发布：全新功能提升图表交互体验与开发效率
    AGGrid成立于英国，致力于提供优秀的企业级数据表格及图表解决方案。AGGrid及AGCharts是其两大主要的高性能企业级JavaScript数据表格及图表解决方案，被全球开发者广泛采用。广泛应用于金融、电信、制造等行业，支持Angular、React、Vue和纯JavaScript项目，拥有企业级的性能与功能深度，凭借其卓越的性能、丰富的功能与高度可定制性，成为构建复杂数据驱动型应用的优选工
  • 响应式编程入门教程第二节：构建 ObservableProperty＜T＞ — 封装 ReactiveProperty 的高级用法 枯萎穿心攻击 开发语言unityc#游戏引擎
    响应式编程入门教程第一节：揭秘UniRx核心-ReactiveProperty-让你的数据动起来！-CSDN博客响应式编程入门教程第二节：构建ObservableProperty＜T＞—封装ReactiveProperty的高级用法-CSDN博客在上一篇中，我们详细探讨了UniRx的核心组件ReactiveProperty，了解了它如何让数据变化自动通知订阅者，从而简化了数据绑定和状态管理。Rea
  • React——基础 贵沫末 react.js前端前端框架
    文章目录React基础一、基础概念二、组件化三、状态四、属性五、项目初始化六、jsx七、创建React组件的两种方式函数式组件（推荐）类组件（不推荐）八、常用的hooks1、useState：用来修改状态值2、useReducer：用来修改状态值，比useState更适合处理复杂逻辑3、useContext：传递数据4、useMemo:缓存计算结果5、useCallback：缓存函数6、useEf
  • axios 使用入门
    axios使用入门阅读目录一、前言#二、干货合集#1、加载#2、get&post#3、拦截器#三、总结#一、前言在没有接触React、Angular、Vue这类MVVM的前端框架之前，无法抛弃Jquery的重要理由，除了优秀的前端DOM元素操作性以外，能够非常便捷的发起http请求也占有非常重要的地位。既然我们已经开始使用Vue进行前端开发，抛弃了对页面DOM元素的操作，难道，为了方便的发起htt
  • Wizard全栈开发框架：轻松构建企业级应用 GISer_Jinger 前端基础前端javascript
    Wizard全栈开发框架详解Wizard是一个现代化的全栈开发框架，旨在简化企业级应用的开发流程，提供从前端到后端的完整解决方案。一、核心架构前端架构UI层：支持React、Vue等主流框架状态管理：集成Redux、Vuex等方案API客户端：自动生成类型安全的API调用代码生成器：基于模板自动生成页面组件后端架构Web服务器：支持Express、SpringBoot等多种实现ORM：内置多数据库
  • vue数组变化侦测 翻滚吧键盘 Vue.jsvue.jsjavascript前端
    您列出的这七个方法非常准确，它们是Vue中被称为**“变更方法”(mutationmethods)**的核心。当您对一个响应式数组调用这些方法时，Vue能够侦测到这些操作并自动更新视图。我们来深入探讨一下这背后的原理，以及与此相关的注意事项。核心原理：Vue如何“侦听”？(Vue3的Proxy)在Vue3中，当你用ref([])或reactive([])创建一个响应式数组时，你得到的其实不是一个普
  • 本地搭建区块链服务的详细指南
    以下是一个在本地搭建区块链服务的详细指南，使用Ethereum作为示例（因其工具链完善且适合开发），包含从环境准备到实际操作的完整流程：一、本地区块链搭建方案（基于Ethereum）核心组件组件推荐工具作用区块链节点Ganache(测试链)模拟以太坊网络，零配置启动开发框架Hardhat或Truffle智能合约编译/部署/测试钱包交互MetaMask账户管理&交易签名前端界面React+ether
  • 利用systemd启动部署在服务器上的web应用 不是吧这都有重名 遇到的问题服务器前端运维
    0.背景系统环境：Ubuntu22.04web应用情况：前后端分类，前端采用react，后端采用fastapi1.具体配置1.1前端配置开发态运行（启动命令是npmrundev）,创建systemd服务文件sudonano/etc/systemd/system/frontend.service内容如下：[Unit]Description=ReactFrontendDevServerAfter=ne
  • React中高级开发工程师岗位要求统计 爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ react.js前端前端框架
    React中高级开发工程师岗位要求统计一、核心技能要求技能/框架出现频率具体要求ReactHooks85%熟练使用useState、useEffect、自定义Hooks，理解闭包陷阱和依赖数组原理。状态管理78%Redux（含Toolkit）、MobX、Recoil等，要求理解单向数据流和异步处理。函数式组件72%完全使用函数式组件开发，避免class组件。TypeScript68%项目级Type
  • 【前端工程化】前端组件模版构建那些事 前端
    在企业级后台系统中，组件是构建页面的基础单元。与C端不同，B端更注重功能完整性、交互一致性与复用效率。因此，我们需要围绕业务场景封装出可复用、易维护、结构清晰的组件模板。本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于Vue或React技术栈下的开发场景。一、组件设计原则职责单一每个组件只负责一个功能或UI元素，不依赖外部状态；示例：按钮组件只处理点击行为，不包含API调用逻辑；高内聚低
  • react组件内点击事件的this的4种指向方法 程序员--韩同学 reactreact.jsjavascript前端
    目录方法一.通过bind改变点击事件内的this指向外部组件内this方法二.通过在构造函数constructor内使用bind对函数内的this重定向方法三.通过箭头函数在事件内改变this指向方法四.通过使用箭头函数来指向外部组件内this（使用较多）扩展：1.react组件内点击事件传参2.Event事件，获取元素本身总结方法一.通过bind改变点击事件内的this指向外部组件内thison
  • react中的this指向问题 匀升ovo reactreact.jsjavascript前端
    react中this指向问题对于class来说,在class中定义的方法实际上绑定在类的原型中(prototype),我需要通过class的实例调用这个方法才能拿到实例的this例如下方代码classPersonextendsReact.Component{constructor(props){super(props);this.state={name:props.name}}render(){r
  • React this指向问题
    state//1.创建组件classWeatherextendsReact.Component{//构造器调用几次？————1次constructor(props){console.log('constructor');super(props)//初始化状态this.state={isHot:false,wind:'微风'}//解决changeWeather中this指向问题//在生成的对象上加上
  • 大语言模型应用指南：ReAct 框架 AI大模型应用实战 javapythonjavascriptkotlingolang架构人工智能
    大语言模型应用指南：ReAct框架关键词：大语言模型,ReAct框架,自然语言处理(NLP),模型融合,多模态学习,深度学习,深度学习框架1.背景介绍1.1问题由来近年来，深度学习技术在自然语言处理(NLP)领域取得了显著进展。尤其是大语言模型(LargeLanguageModels,LLMs)，如BERT、GPT系列等，通过在大规模无标签数据上进行预训练，获得了强大的语言理解和生成能力。然而，预
  • 一、react18+项目初始化（vite） 小白变怪兽 react前端react.js
    react19使用antd兼容问题npminstall@ant-design/v5-patch-for-react-19--save//入口处引用import‘@ant-design/v5-patch-for-react-19’npmcreatevite@latest项目名称根据需要选择用vue还是react,是否使用typescript等等配置antddesign//安装npminstall--
  • vue3项目的筛选是树状 el-tree 二级树结构（个人笔记） 齐露 笔记vue.js前端
    先说一下筛选要求：可以多选，可以全选，可以取消全选（清空），可以关键字筛选（以下案例仅限于二级的树结构，多级的没有试）,截图如下：废话不多说，上代码全选清空letform=reactive({certificationCategory:[],...})letcertificate_list=ref([//el-tree的内容{click:"AUTO",name:'电力业务许可证',value:'电
  • React.js在前端移动端开发中的应用 大厂前端小白菜 前端react.js前端框架ai
    React.js在前端移动端开发中的应用关键词：React.js、移动端开发、跨平台、组件化、性能优化、ReactNative、PWA摘要：本文将深入探讨React.js在移动端开发中的应用场景和技术实现。从React的核心特性出发，分析其在移动端的优势，详细介绍ReactNative的工作原理，并通过实际案例展示如何构建高性能的移动应用。文章还将对比不同移动端开发方案，提供性能优化建议，并展望R
  • 一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架 十三餍 React专栏javascriptes6前端
    初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。官方文档：https://react.docschina.org/创建第一个应用管他三七二十一，先整一个项目再说：在你习惯放置学习代码的地方，建个目录（例：F:\wwwroot\react-demo），并建一个demo01.html，搭好html5格式：DocumentRea
  • REACT (Web开发框架 : react)极速入门 masterphp react.js前端前端框架
       前面讲过了很多后端，今天复习一下前端，为啥要讲React？对咯！我这边又被借调到前端组了，和前端的同学一起做React，以前有基础加上前端同学只做过Vue，所以我毫无疑问的又被借过去了......，这个是复习资料，高级玩家可略过。首先我要说一下，有Vue框架和JS原生的同学学习React会特别的快速，所以基础稍微差一点的同学可以先复习一下JS，特别说一下是JS老生常谈的，说明一下啥是Reac
  • Vue - 深入理解 Vue 3 中的 ref 和 reactive
    深入理解Vue3中的ref和reactiveVue3引入了一个全新的响应式系统，使得数据的变化能够自动反映到视图中。对于开发者来说，理解如何使用响应式API是掌握Vue3的关键。本文将重点介绍Vue3中的两个核心响应式API—ref和reactive，并理解它们的区别、使用场景以及如何在实际项目中有效利用它们。1.Vue3响应式系统概述Vue3的响应式系统基于Proxy对象实现，它使得我们可以轻松
  • Vue3 中ref和reactive的区别 小码龙~ Vue前端学习笔记typescriptvue3vite
    文章目录一、ref和reactive定义二、ref和reactive区别三、到底项目中使用ref还是reactive？总结一、ref和reactive定义ref用来定义：基本数据类型，对象，数组数据类型reactive定义：对象数据类型(他不能定义基本数据类型)二、ref和reactive区别ref创建的变量必须使用.valuereactive定义的数据如果被重新赋值一个新对象，会失去响应式（但可
  • 第2章 组件设计与架构 @大迁世界 架构
    在React开发中，良好的组件设计与架构是构建可维护、可扩展应用的基石。本章将深入探讨组件设计的核心原则，从组件拆分策略到高级模式应用，帮你建立系统化的组件架构思维。通过学习本章内容，你将掌握如何设计出既灵活又强大的组件系统，为复杂应用的开发奠定坚实的架构基础。️本章目录1️⃣组件拆分的艺术1.1单一职责原则：每个组件只负责一件事的黄金法则1.2组件拆分的层次原则：页面级→功能级→UI级的拆分策略
  • React + PDF.js 预览 PDF 文件：从基础实现到高级优化的完整指南 EndingCoder 前端开发javascriptreact.jspdf前端前端框架
    关键点PDF.js：Mozilla开发的开源JavaScript库，用于在浏览器中渲染PDF文件。React集成：结合React组件化特性，实现高效、交互式的PDF预览功能。功能实现：支持PDF文件加载、页面导航、缩放、搜索、书签和注释。优化策略：包括性能优化（懒加载、缓存）、可访问性和手机端适配。常见问题：处理大文件加载、跨浏览器兼容性和内存管理。实践场景：通过一个文档管理应用，展示PDF.js
  • React Native 应用在键盘弹出时优雅地响应 RitchieWei ReactNative
    在使用ReactNative应用时，一个常见的问题是当你点击文本输入框时，键盘会弹出并且遮盖住输入框。就像这样：有几种方式可以避免这种情况发生。一些方法比较简单，另一些稍微复杂。一些是可以自定义的，一些是不能自定义的。今天，我将向你展示3种不同的方式来避免reactNative应用中的键盘遮挡问题。文章中所有的代码都托管在GitHub上KeyboardAvoidingView最简单、最容易安装使用
  • 深入理解 classnames：React 动态类名管理的最佳实践 司南锤 前端react.js前端前端框架
    在现代前端开发中，我们经常需要根据组件的状态、属性或用户交互来动态切换CSS类名。虽然JavaScript提供了多种方式来处理字符串拼接，但随着应用复杂性的增加，传统的类名管理方式很快就会变得混乱不堪。这时，classnames库就像一个优雅的解决方案出现在我们面前。为什么需要classnames？想象一下这样的场景：你需要为一个按钮组件动态设置多个类名，包括基础样式、变体样式、状态样式等。传统的
  • styled-components：现代React样式解决方案 司南锤 前端react.js前端前端框架
    文章目录引言什么是styled-components？核心特性安装与配置基础安装TypeScript支持Babel插件（可选）基础用法创建样式组件基于props的动态样式高级用法样式继承复合样式与条件渲染样式化现有组件主题系统创建主题访问主题响应式设计媒体查询助手动画与过渡关键帧动画过渡效果最佳实践1.组件命名2.样式组织3.避免过度嵌套4.使用TypeScript性能优化1.避免在渲染中创建样式
  • 通俗易懂，一看就懂的React与Vue的区别 More more react.jsvue.js
    React和Vue是当前最主流的前端框架，对开发者而言，日常开发中它们的区别可以总结为以下几点（用实际场景举例说明）：一、写模板的方式不同React：用JSX（JavaScript+HTML混合写法），所有UI逻辑都在JavaScript中完成。Vue：用类似HTML的模板语法，逻辑和模板分离，但也可以通过JSX扩展。//React组件（JSX）functionButton(){const[cou
  • React与Vue的区别？ 扎西_德勒 vue.jsreact.jsjavascript
    一、区别:1.语法Vue采用自己特有的模板语法；React是单向的，采用jsx语法创建react元素。2.监听数据变化的实现原理不同Vue2.0通过Object.defineproperty()方法的getter/setter属性,实现数据劫持,每次修改完数据会触发diff算法(双端对比)React默认是通过shouldComponentUpdata生命周期来决定是否需要渲染更新,再触发它的dif
  • React 核心原理与Fiber架构 旺代 react.js
    目录一、虚拟DOM二、Diffing算法三、Fiber架构四、渲染流程1.Render阶段（可中断异步过程）2.Commit阶段（同步不可中断）五、时间切片（TimeSlicing）六、核心流程步骤总结1.状态更新触发2.Render阶段（异步可中断，构建Fiber树）3.Commit阶段（同步不可中断，更新真实DOM）4.双缓存机制切换5.调度系统核心支撑七、组件触发渲染的时机八、Hooks顶层
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他