YoloAva

React 后台管理系统之权限列表——antd引入、树形表格、删除、配置

RightList.js

import React, { useState, useEffect } from 'react'
import axios from 'axios'
import { Table, Tag, Button, Modal, Popover, Switch } from 'antd'
import { DeleteOutlined, EditOutlined } from "@ant-design/icons"
import { ExclamationCircleOutlined } from '@ant-design/icons';
const { confirm } = Modal;

export default function RightList() {
  const [dataSource, setdataSource] = useState([])
  //拿到table中的内容
  useEffect(() => {
    //表格支持树形数据的展示，当数据中有 children 字段时会自动展示为树形表格
    //如果不需要或配置为其他字段可以用 childrenColumnName 进行配置
    axios.get('http://localhost:3000/rights?_embed=children').then(
      res => {
        //使得home的children:[]改为“”,就不会有“可展开”的图标
        const list = res.data
        list.forEach(
          item => {
            if (item.children.length === 0) {
              item.children = ""
            }
          }
        )
        setdataSource(list)
      }
    )
  }, [])
  //来自antd dataIndex要和后端键名一致
  const columns = [
    {
      title: 'ID',
      dataIndex: 'id',
      render: (id) => {
        return {id}
      }
    },
    {
      title: '权限名称',
      dataIndex: 'title',
      key: 'title',
    },
    {
      title: '权限路径',
      dataIndex: 'key',
      render: (key) => {
        return {key}
      }
    },
    {
      title: '操作',
      //item就是此对象
      render: (item) => {
        return 
          }
            title="Title"
            trigger={item.pagepermisson === undefined ? '' : 'click'}>


      }
    }
  ];
  
  //切换权限方法
  const switchMethod = (item) => {
    //关闭变打开 打开变关闭
    item.pagepermisson = item.pagepermisson === 1 ? 0 : 1
    //渲染页面 
    setdataSource([...dataSource])
    //后端更新 补丁方法
    if (item.grade === 1) {//外层一级
      axios.patch(`http://localhost:3000/rights/${item.id}`, {
        pagepermisson: item.pagepermisson
      })
    } else {//内层二级
      axios.patch(`http://localhost:3000/children/${item.id}`, {
        pagepermisson: item.pagepermisson
      })
    }
  }

  //删除权限方法
  const confirmMethod = (item) => {
    confirm({
      title: '你确定要删除?',
      icon: ,
      onOk() {
        deleteMethod(item)
      },
      onCancel() {
        console.log('Cancel');
      },
    });
  }

  //确定删除方法
  const deleteMethod = (item) => {
    console.log(item);
    //一级——树形层级为最外层时候
    if (item.grade === 1) {
      //当前页面同步状态  //.filter方法直接返回一个新的数组
      setdataSource(dataSource.filter(
        data => data.id !== item.id//循环每一项的id，如果不等于点击的id，才过滤出来
      ))
      //后端同步
      axios.delete(`http://localhost:3000/rights/${item.id}`)
    } else {
      //二级——树形层级为内层时候
      console.log(item.rightId);//打印出2 为第二项内层数据
      let list = dataSource.filter(
        data => data.id === item.rightId //找到点击的最外层的id 返回的list是[{}]里面只有最外层这一项
      )
      //把找到的这最外层一级的children重新赋值
      list[0].children = list[0].children.filter(
        childData => childData.id !== item.id //除了点击的内层的id那项 都返回到新数组
      )
      setdataSource([...dataSource])//等于dataSource的新数组
      //后端同步
      axios.delete(`http://localhost:3000/children/${item.id}`)
    }
  }

  return (
    //antd的table自带分页pagination
    
       item.id} />
    
  )
}

//http://localhost:3000/rights?_embed=children
// [
//   {
//     "id": 1,
//     "title": "首页",
//     "key": "/home",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": []
//   },
//   {
//     "id": 2,
//     "title": "用户管理",
//     "key": "/user-manage",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": [
//       {
//         "id": 3,
//         "title": "添加用户",
//         "rightId": 2,
//         "key": "/user-manage/add",
//         "grade": 2
//       },
//       {
//         "id": 4,
//         "title": "删除用户",
//         "rightId": 2,
//         "key": "/user-manage/delete",
//         "grade": 2
//       },
//       {
//         "id": 5,
//         "title": "修改用户",
//         "rightId": 2,
//         "key": "/user-manage/update",
//         "grade": 2
//       },
//       {
//         "id": 6,
//         "title": "用户列表",
//         "rightId": 2,
//         "key": "/user-manage/list",
//         "pagepermisson": 1,
//         "grade": 2
//       }
//     ]
//   },
//   {
//     "id": 7,
//     "title": "权限管理",
//     "key": "/right-manage",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": [
//       {
//         "id": 8,
//         "title": "角色列表",
//         "rightId": 7,
//         "key": "/right-manage/role/list",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 9,
//         "title": "权限列表",
//         "rightId": 7,
//         "key": "/right-manage/right/list",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 10,
//         "title": "修改角色",
//         "rightId": 7,
//         "key": "/right-manage/role/update",
//         "grade": 2
//       },
//       {
//         "id": 11,
//         "title": "删除角色",
//         "rightId": 7,
//         "key": "/right-manage/role/delete",
//         "grade": 2
//       },
//       {
//         "id": 12,
//         "title": "修改权限",
//         "rightId": 7,
//         "key": "/right-manage/right/update",
//         "grade": 2
//       },
//       {
//         "id": 13,
//         "title": "删除权限",
//         "rightId": 7,
//         "key": "/right-manage/right/delete",
//         "grade": 2
//       }
//     ]
//   },
//   {
//     "id": 14,
//     "title": "新闻管理",
//     "key": "/news-manage",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": [
//       {
//         "id": 15,
//         "title": "新闻列表",
//         "rightId": 14,
//         "key": "/news-manage/list",
//         "grade": 2
//       },
//       {
//         "id": 16,
//         "title": "撰写新闻",
//         "rightId": 14,
//         "key": "/news-manage/add",
//         "grade": 2,
//         "pagepermisson": 1
//       },
//       {
//         "id": 17,
//         "title": "新闻更新",
//         "rightId": 14,
//         "key": "/news-manage/update/:id",
//         "grade": 2,
//         "routepermisson": 1
//       },
//       {
//         "id": 18,
//         "title": "新闻预览",
//         "rightId": 14,
//         "key": "/news-manage/preview/:id",
//         "grade": 2,
//         "routepermisson": 1
//       },
//       {
//         "id": 19,
//         "title": "草稿箱",
//         "rightId": 14,
//         "key": "/news-manage/draft",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 20,
//         "title": "新闻分类",
//         "rightId": 14,
//         "key": "/news-manage/category",
//         "pagepermisson": 1,
//         "grade": 2
//       }
//     ]
//   },
//   {
//     "id": 21,
//     "title": "审核管理",
//     "key": "/audit-manage",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": [
//       {
//         "id": 22,
//         "title": "审核新闻",
//         "rightId": 21,
//         "key": "/audit-manage/audit",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 23,
//         "title": "审核列表",
//         "rightId": 21,
//         "key": "/audit-manage/list",
//         "pagepermisson": 1,
//         "grade": 2
//       }
//     ]
//   },
//   {
//     "id": 24,
//     "title": "发布管理",
//     "key": "/publish-manage",
//     "pagepermisson": 1,
//     "grade": 1,
//     "children": [
//       {
//         "id": 25,
//         "title": "待发布",
//         "rightId": 24,
//         "key": "/publish-manage/unpublished",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 26,
//         "title": "已发布",
//         "rightId": 24,
//         "key": "/publish-manage/published",
//         "pagepermisson": 1,
//         "grade": 2
//       },
//       {
//         "id": 27,
//         "title": "已下线",
//         "rightId": 24,
//         "key": "/publish-manage/sunset",
//         "pagepermisson": 1,
//         "grade": 2
//       }
//     ]
//   }
// ]

                    
                        
                        
                             
                        
                        
                        
                            
                        
                        
                        
                            
                        
                    
                

        你可能感兴趣的:(React,antd,react.js,javascript,antd)
        
            
                
                    HTML5新特性深度解析
                        longdong7889
前端学习html5前端html
                        HTML5新特性深度解析HTML5作为现代Web开发的基石，其LivingStandard模式持续为开发者带来创新工具。本文将深入剖析2023年值得关注的最新特性，通过技术解析与实战示例展现其应用场景。一、革新性API赋能Web应用1.1PopoverAPI：原生交互革命显示详情悬浮内容支持自动关闭和层级管理浏览器原生实现弹窗系统支持auto/manual状态控制无需JavaScript实现显隐逻
                    
                    TypeScript 和 JavaScript 的区别
                        前端与小赵
理念javascripttypescript前端
                        1.类型系统JavaScript:动态类型：变量可以在运行时改变其类型。没有内置的类型检查机制，在编译时不会进行类型检查。类型错误通常在运行时才会被发现。TypeScript:静态类型：变量在声明时需要指定类型，并且在编译时会进行类型检查。提供了丰富的类型系统，包括基本类型、接口、类、泛型等。类型错误可以在编译时被捕获，提高了代码的可靠性和可维护性。2.语法和特性JavaScript:基本语法包括
                    
                    React生态、Vue生态与跨框架前端解决方案
                        Coder LM Wang
JavaScript前端react.jsvue.js
                        React生态系统1基础框架React.js是一个用于构建UI的JavaScript库。2应用框架Next.js是基于React.js的完整应用框架。主要负责应用如何工作：应用架构：路由系统、页面结构渲染策略：服务端渲染(SSR)、静态生成(SSG)、客户端渲染性能优化：代码分割、图片优化、字体优化开发体验：热模块替换、TypeScript支持部署：Vercel平台集成、自托管选项3UI组件库MU
                    
                    React + TypeScript + Axios + Ant Design + JSON Server 实现 TodoList 效果
                        碧海蓝天·
react.jstypescriptjsonJavaScript
                        在本篇文章中，我们将使用React、TypeScript、Axios、AntDesign和JSONServer来实现一个简单的TodoList应用。我们将使用React来构建用户界面，TypeScript来提供静态类型检查，Axios来进行与后端的HTTP请求交互，AntDesign来美化界面，而JSONServer则用于模拟后端数据。在开始之前，请确保你已经安装了Node.js和npm（或者使用
                    
                    vue3+vite项目打包后css样式丢失
                        Angus-zoe
javascript开发语言ecmascript
                        问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit
                    
                    深度剖析 JavaScript 变量提升与暂时性死区：原理、实战与避坑指南
                        

                        在JavaScript中，变量提升与暂时性死区影响着着程序的运行逻辑、性能表现以及可维护性。接下来将从底层原理、实际场景案例以及最佳实践全方位展开深度剖析。变量提升：JavaScript引擎背后的“隐形重构”JavaScript在执行代码前，引擎会率先开启编译流程，其中变量提升堪称关键一环。使用var关键字声明的变量以及函数声明，都会被自动“提升”至所在作用域的顶部。这一过程并非物理层面挪动代码，
                    
                    Three.js 入门(补间动画Tween.js)
                        庸俗今天不摸鱼
three.Js学习javascript开发语言ecmascript
                        本篇主要学习内容:Tween.Js补间动画点赞+关注+收藏=学会了1.什么是Tween.Js?TweenJS是一个由JavaScript语言编写的补间动画库，如果需要tweenjs辅助你生成动画，对于任何前端web项目，你都可以选择tweenjs库。如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
                    
                    大白话Webpack 配置与使用的详细步骤和插件应用
                        IT木昜
大白话前端高频面试题webpack前端node.js
                        大白话Webpack配置与使用的详细步骤和插件应用啥是WebpackWebpack就像是一个超级管家，在我们开发网页的时候，会有各种各样的文件，像JavaScript文件、CSS文件、图片等等。这些文件就像是家里的各种物品，分散在不同的地方，而且有的物品还得按照特定顺序摆放、处理之后才能正常使用。Webpack这个管家就负责把这些分散的文件收集起来，按照我们的要求进行打包、处理，最后变成一个或几个
                    
                    （一）React 基础
                        小刀肉0812
Reactreact.js前端前端框架
                        专栏持续更新中~~目录目录一、React介绍1.1什么是React1.2React的特点1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件2.1.2Vue组件2.1.3Angular组件2.2数据绑定2.2.1React（单向数据流）2.2.2Vue（双向数据绑定）2.2.3Angular（双向数据绑定）2.3事件绑定3.性能对比4
                    
                    yarn如何用node替换
                        

                        Yarn是一个流行的JavaScript包管理工具，它为npm提供了更快、更可靠的体验。尽管Yarn有其优势，但在许多情况下，我们可能想使用Node.js的本地包管理机制来替代Yarn。一、基本概念在开始之前，我们要明确一些基本个念：Node.js：一个高效的JavaScript运行环境，为构建服务器端应用程序提供支持。Yarn：一个Facebook开发的JavaScript包管理工具，用于处理项
                    
                    【Javascript网页设计】产品展示 JavaScript 设计案例
                        Netsuite + 影刀
Javascript案例javascript前端html
                        代码如下：产品展示页面body{font-family:Arial,sans-serif;margin:20px;text-align:center;}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.product-card{border:1pxsolid#ddd;padding:15
                    
                    网络空间安全（13）上传验证绕过
                        IT 青年
网安知识库网络空间安全
                        前言上传验证绕过是一种网络安全攻击手段，攻击者利用目标系统或应用程序在文件上传过程中存在的漏洞，绕过文件上传的验证机制，上传恶意文件，从而实现对目标系统的攻击。一、常见类型客户端验证绕过定义：客户端验证通常通过JavaScript在浏览器中执行，用于检查文件类型、大小等。客户端验证绕过是指攻击者通过禁用JavaScript或修改前端代码，绕过这些验证。绕过方法：禁用JavaScript：直接在浏览
                    
                    使用 vxe-table 实现复选框分页跨页勾选
                        
vue.js
                        vxe-table实现复选框分页跨页勾选官网：https://vxetable.cn当使用数据分页与复选框多页勾选时，可以通过checkbox-config.reserve启用获取已选import{ref,reactive}from'vue'import{VxeUI}from'vxe-table'constgridRef=ref()constallList=[{id:10001,name:'Tes
                    
                    vue vxe-table 实现财务记账凭证
                        
vue.js
                        使用vxe-table实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/新增保存财务主管：小徐记账：张三出纳：李四审核：老六import{ref,reactive,nextTick}from'vue'import{VxeUI}from'vxe-table'importXEUtilsfrom'xe-utils'constgridRef=
                    
                    React 19 更新总结
                        软萌小雲
react.js前端javascript
                        12月6日，React19正式发布，本文简单总结该版本都带来了那些更新！React19更新详情：https://react.dev/blog/2024/12/05/react-19Actions：useActionStateHook：接受一个函数（Action），返回包装后的Action供调用，调用时返回结果和等待状态，用于简化常见的Actions场景处理。useOptimisticHook：在执
                    
                    React 19 即将迎来大更新！
                        程序员白特
前端学习笔记react.jsjavascript前端
                        公众号:程序员白特，欢迎一起交流学习~近日，React团队发布消息称，不会再发布v18.3版本了，而是将重点放在Reactv19版本。新版本将推出四个新的hook，旨在解决React中痛点：数据获取表单处理虽然这些hook目前作为实验性API在React预览版本中可用，但它们预计将成为React19的稳定功能，但是最终发布Reactv19之前，API可能会有所变化。新的Hooks包括：useuse
                    
                    react项目中使用react-router-dom实现路由集中管理和跳转
                        Beiyux
Reactnode.jsreact.jsjavascript
                        前言在react后台管理系统中使用router相关插件完成路由的集中管理和跳转，在这里记录一下实现过程下载react-router-domcnpmi-Dreact-router-dom在nav组件中去写功能代码//nav的index.js中import{Link}from'react-router-dom'{item.title}
                    
                    React项目开发过程中需要注意避免re-render——React性能优化方案
                        winne雪
React前端性能优化React性能优化useMemomemoreacthook
                        前言下面相关测试例子我都写在了仓库中，可以直接拿来调试。首先我们要知道哪些方法会触发react组件的重新渲染（默认情况下）？1、setState方法被调用（hook中是useState中的setXXXX方法被调用）组件就会触发render，除了设置state为null的情况不会触发render。注意注意！！上面说的是方法被调用就会re-render，而不指的是state数据发生改变才会re-ren
                    
                    标题：打造现代Web体验：React-Swipeable深度解析与应用指南
                        邬筱杉Lewis

                        标题：打造现代Web体验：React-Swipeable深度解析与应用指南项目地址:https://gitcode.com/gh_mirrors/re/react-swipeable项目介绍React-Swipeable是一个由FormidableLabs开发的出色开源库，它提供了一个基于React的钩子函数，用于处理滑动事件。这个库特别适用于创建交互式的移动应用或网站，让用户通过滑动手势进行操作
                    
                    使用指南：react-facebook-pixel开源项目深度探索
                        梅研芊

                        使用指南：react-facebook-pixel开源项目深度探索react-facebook-pixelReactJSwrapperforFacebook'sPixel项目地址:https://gitcode.com/gh_mirrors/re/react-facebook-pixel1.项目目录结构及介绍react-facebook-pixel是一个专为React应用程序设计的库，用于轻松集成
                    
                    React正式更新！开始学习React 19！
                        BigYe程普
React进阶技术reactjsreact
                        本文为原创文章，原文链接：J实验室，未经授权请勿转载今年2月份，React发布消息确认今年发布v19版本，尘封两年的版本号终于要更新了（详情点击：React19发布在即，抢先学习一下新特性）。那时候，React成员AndrewClark明确了新版本将在3月或4月发布。要不怎么说「DDL是第一生产力」，这不4月底了，新版本就踩点发布了。这次发布的版本号是19.0.0-Beta。虽然只是Beta版，但
                    
                    大白话react第十三章高阶 React 组件开发和React 状态管理进阶等
                        IT木昜
大白话reactreact.jsjavascript前端
                        大白话react第十三章1.高阶React组件开发白话解释：咱们之前做的组件就像普通的积木，而高阶组件呢，就像是能把普通积木重新组合、改造的超级积木盒。它能接收一个组件作为参数，然后返回一个新的组件，能帮我们复用代码、增强组件功能。代码示例：//定义一个高阶组件，它接收一个组件作为参数//这个高阶组件的作用是给传入的组件添加一个title属性functionwithTitle(WrappedCom
                    
                    React Native 源码分析（一）——启动流程
                        薛瑄
ReactNativereactnative源码分析
                        本系列文章，是分析Android的ReactNative的源码，主要包括以下文章，和以往的源码系列一样，分析主流程的代码，不会细致到每一行（但相比上一篇的Gradle源码分析，要细致很多），会涉及到java、C++、js等源码。前三篇RN版本是0.64.0，后面是0.72.01、ReactNative源码分析（一）——启动流程2、ReactNative源码分析（二）——NativeModules桥
                    
                    react精简面试题
                        懒人村杂货铺
react.js前端前端框架
                        一、React基础1.React的核心特性是什么？答案：组件化开发：将UI拆分为独立可复用的组件。虚拟DOM（VirtualDOM）：通过内存中的轻量级DOM结构优化真实DOM操作。单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？答案：类组件：使用class定义，继承Reac
                    
                    【智能体Agent】ReAct智能体的实现思路和关键技术
                        星星点点洲
LangChain开发过程langchain
                        基于ReAct（Reasoning+Acting）框架的自主智能体importrefromtypingimportList,Tuplefromlangchain_community.chat_message_histories.in_memoryimportChatMessageHistoryfromlangchain_core.language_models.chat_modelsimportB
                    
                    聊聊Netty那些事儿之Reactor在Netty中的实现(创建篇)
                        Java小海.
java开发语言后端程序人生springboot
                        本系列Netty源码解析文章基于4.1.56.Final版本在上篇文章《聊聊Netty那些事儿之从内核角度看IO模型》中我们花了大量的篇幅来从内核角度详细讲述了五种IO模型的演进过程以及ReactorIO线程模型的底层基石IO多路复用技术在内核中的实现原理。最后我们引出了netty中使用的主从ReactorIO线程模型。通过上篇文章的介绍，我们已经清楚了在IO调用的过程中内核帮我们搞了哪些事情，那
                    
                    React Native v0.78 更新
                        Mr.NickJJ
ReactNative系列reactnativereact.jsjavascript
                        这个版本在ReactNative中引入了React19，并带来了一些重要的新功能，例如Android矢量图（VectorDrawables）的原生支持以及iOS更好的Brownfield集成。亮点React19集成更小更快的发布节奏可选择在Metro中启用JavaScript日志新增对AndroidXMLDrawables的支持iOS上的ReactNativeFactory这个版本为开发者带来了更
                    
                    深入理解 React.js：构建现代 Web 应用的核心技术
                        布兰妮甜
JavaScript-行为#React前端javascriptreact.js前端框架
                        Hi，我是布兰妮甜！React.js是由Facebook开发并开源的一个用于构建用户界面的JavaScript库。自2013年发布以来，React迅速成为前端开发领域的主流工具之一。其组件化、声明式编程模型以及高效的虚拟DOM技术，使得开发者能够轻松构建高性能、可维护的Web应用。本文将深入探讨React.js的核心概念、优势以及如何在实际项目中应用。文章目录一、React.js的核心概念二、Re
                    
                    使用Webpack搭建React脚手架（下篇）
                        Web_linlan
webpackreact.js前端
                        一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护。所以说，前端代码格式规范和语法检测的工具可以提高代码的质量和可读性，减少低级错误和维护成本，提高团队的协作效率和开发效率，是非常有必要的。本篇我们将完善脚手架的搭建。代码格式规范和语法检测工具1，EditorConfig：EditorConfig是一个用于统一编辑器和IDE的配置文件的工具。它可以帮
                    
                    http链接转成https的链接的几种方法
                        爱分享的程序员
前端httphttps网络协议
                        以下是一个将HTTP链接转换为HTTPS的JavaScript函数，处理了多种常见输入情况：functionconvertToHttps(url){if(typeofurl!=='string')returnurl;//移除首尾空格并处理空字符串consttrimmedUrl=url.trim();if(!trimmedUrl)return'https://';//替换HTTP协议（不区分大小写）
                    
                                java数字签名三种方式
                                    知了ing
javajdk
                                    以下3钟数字签名都是基于jdk7的 
1，RSA 
 

String password="test";
			// 1.初始化密钥
			KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
			keyPairGenerator.initialize(51
                                
                                Hibernate学习笔记
                                    caoyong
Hibernate
                                    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 
2>、搭建Hibernate的开发环境 
     a>、添加jar包: 
      aa>、hibernatte开发包中/lib/required/所
                                
                                设计模式之装饰器模式Decorator（结构型）
                                    漂泊一剑客
Decorator
                                    1. 概述 
 
 
       若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。 
 
      
                                
                                读取磁盘文件txt，并输入String
                                    一炮送你回车库
String
                                    public static void main(String[] args) throws IOException { 
  
 String fileContent = readFileContent("d:/aaa.txt"); 
  
 System.out.println(fileContent); 
   

                                
                                js三级联动下拉框
                                    3213213333332132
三级联动
                                    
//三级联动  
   省/直辖市<select id="province"></select>  
   市/省直辖<select id="city"></select>  
   县/区 <select id="area"></select>  
  
                                
                                erlang之parse_transform编译选项的应用
                                    616050468
parse_transform游戏服务器属性同步abstract_code
                                             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
                                
                                JAVA JSON的解析
                                    darkranger
java
                                    
 
//		{
//			“Total”：“条数”，
//			 Code: 1,
//
//			“PaymentItems”:[
//			{
//			“PaymentItemID”:”支款单ID”,
//			“PaymentCode”:”支款单编号”,
//			“PaymentTime”:”支款日期”,
//			”ContractNo”:”合同号”，
//	
                                
                                POJ-1273-Drainage Ditches
                                    aijuans
ACM_POJ
                                    POJ-1273-Drainage Ditches 
http://poj.org/problem?id=1273 
基本的最大流，按LRJ的白书写的 
 
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
                                
                                工作流Activiti5表的命名及含义
                                    atongyeye
工作流Activiti
                                    activiti5 - http://activiti.org/designer/update在线插件安装 
 
activiti5一共23张表 
 
 
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 
 
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 
 
A
                                
                                android的广播机制和广播的简单使用
                                    百合不是茶
android广播机制广播的注册
                                          Android广播机制简介  在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
                                
                                Spring事务传播行为详解
                                    bijian1013
javaspring事务传播行为
                                            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。 
        Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
                                
                                eidtplus operate
                                    征客丶
eidtplus
                                    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 
列模式替换或复制内容(多行): 
右键-->格式-->填充所选内容-->选择相应操作 
OR 
Ctrl+Shift+V(复制多行数据,必须行数一致) 
 
-------------------------------------------------------
                                
                                【Kafka一】Kafka入门
                                    bit1129
kafka
                                    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧 
  下载Kafka 
 http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 
 2.10表示Scala的版本，而0.8.1.1表示Kafka
                                
                                Spring 事务实现机制
                                    BlueSkator
spring代理事务
                                    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口 
                                
                                bootstrap源码学习与示例：bootstrap-dropdown（转帖）
                                    BreakingBad
bootstrapdropdown
                                    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 
一个下拉开菜单的设计： 
                  <ul class="nav pull-right">
                        <li id="fat-menu" class="dropdown">

                                
                                读《研磨设计模式》-代码笔记-中介者模式-Mediator
                                    bylijinnan
java设计模式
                                    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



/*
 * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。
 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。
 * 
 * 在我看来，Mediator模式是把多个对象（
                                
                                常用代码记录
                                    chenjunt3
UIExcelJ#
                                      
1、单据设置某行或某字段不能修改

//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
                                
                                搜索引擎与工作流引擎
                                    comsci
算法工作搜索引擎网络应用
                                      
 
    最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想) 
  -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
                                
                                oracle Health Monitor
                                    daizj
oracleHealth Monitor
                                    About Health Monitor 
 
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. 
 
About Health Monitor Checks 
 
Health M
                                
                                JSON字符串转换为对象
                                    dieslrae
javajson
                                        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了. 
  
                                
                                C语言学习八结构体，综合应用，学生管理系统
                                    dcj3sjt126com
C语言
                                    实现功能的代码： 
# include <stdio.h>
# include <malloc.h>

struct Student
{
	int age;
	float score;
	char name[100];
};


int main(void)
{
	int len;
	struct Student * pArr;
	int i,
                                
                                vagrant学习笔记
                                    dcj3sjt126com
vagrant
                                    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant 
  
1. vagrant virtualbox 下载安装 
https://www.vagrantup.com/downloads.html 
https://www.virtualbox.org/wiki/Downloads 
  
查看安装在命令行输入vagrant 
  
  
2.
                                
                                14.性能优化-优化-软件配置优化
                                    frank1234
软件配置性能优化
                                    1.Tomcat线程池 
 
修改tomcat的server.xml文件： 
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
                                
                                一个不错的shell 脚本教程 入门级
                                    HarborChung
linuxshell
                                    一个不错的shell 脚本教程 入门级 
建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
                                
                                Spring4新特性——核心容器的其他改进
                                    jinnianshilongnian
spring动态代理spring4依赖注入
                                    Spring4新特性——泛型限定式依赖注入 
Spring4新特性——核心容器的其他改进 
Spring4新特性——Web开发的增强 
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  
Spring4新特性——Groovy Bean定义DSL 
Spring4新特性——更好的Java泛型操作API  
Spring4新
                                
                                Linux设置tomcat开机启动
                                    liuxingguome
tomcatlinux开机自启动
                                    执行命令sudo gedit /etc/init.d/tomcat6 
 
然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 
 
#!/bin/bash 
 
# 
 
# /etc/rc.d/init.d/tomcat 
 
# init script for tomcat precesses
                                
                                第13章 Ajax进阶（下）
                                    onestopweb
Ajax
                                    index.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
                                
                                Troubleshooting Crystal Reports off BW
                                    blueoxygen
BO
                                    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE 
  
Quite useful, especially this part:  
SAP BW connectivity 
For t
                                
                                Java开发熟手该当心的11个错误
                                    tomcat_oracle
javajvm多线程单元测试
                                    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 
测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
                                
                                正则表达式大全
                                    yang852220741
html编程正则表达式
                                    今天向大家分享正则表达式大全，它可以大提高你的工作效率 
正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 
一、校验数字的表达式 
 
数字：^[0-9]*$ 
n位的数字：^\d{n}$ 
至少n位的数字：^\d{n,}$ 
m-n位的数字：^\d{m,n}$
                                
                
            
        
    

    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    

    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.