- 使用 Redux 管理 React 应用状态
JudithHuang
React从入门到放弃react.jsjavascript前端
使用Redux管理React应用状态在复杂的React应用中,管理组件状态变得越来越复杂,这时候引入Redux可以帮助我们更好地管理状态。Redux是一个可预测状态容器,它可以帮助我们统一管理应用的状态,使得状态变化更加可控。本文将介绍如何在React应用中使用Redux。Redux简介Redux是一个状态管理库,它提供了一种可预测的状态管理方案。Redux的核心思想是将应用的状态存储在一个单一的
- React核心⼊⻔-lesson1
IT帮
#Reactreact.js前端
自学React从入门到精通,从使用到写源码React⼊⻔课堂⽬标资源起步⽂件结构⽂件结构⼀览React和ReactDomJSX使⽤JSX组件组件的两种形式class组件function组件组件状态管理类组件中的状态管理函数组件中的状态管理事件处理组件通信Props属性传递contextredux⽣命周期变更缘由新引⼊了两个新的⽣命周期函数:getDerivedStateFromProps,getS
- Superset二次开发之Superset架构理解
aimmon
架构supersetBI
技术框架框架作用前端React构建用户界面的JavaScript库ReduxJavaScript应用的状态管理库,管理组件间的状态共享Webpack前端资源打包工具BabelJavaScript编译器D3.js数据可视化的JavaScript库后端Flask轻量级的Pythonweb框架,处理HTTP请求、路由以及其他Web服务功能SQLAlchemySQL工具包和对象关系映射(ORM)工具,处理
- React Hook “useSelector“ cannot be called at the top level. React Hooks must
poguanba
react.jsjavascript前端
一般报这个错的话,就是useSelector写在了函数组件外边解决办法就是//项目的根组件import{useSelector}from"react-redux";functionApp(){constcount=useSelector(state=>state.counter)returnthisistitle{count};}exportdefaultApp;
- Ant Design 组件学习经验
zhulichao
Tree组件参考TreeSelect异步加载数据使用redux时,TreeSelect异步加载数据需要通过触发action调用后台获取数据,根据reducer更新的state显示出加载的数据。需添加loadData属性,值为一个方法,如onLoadData,内容如下。这个函数的返回值好像必须是一个Promise对象,如果不这么写,会报UncaughtTypeError:Cannotreadprop
- react-redux 基本原理 & 使用redux 处理异步逻辑
廖雪青
Redux出现的背景随着对React使用的深入,你会发现组件级别的state,和从上而下传递的props这两个状态机制,无法满足复杂功能的需要,例如跨层级之间的组件的数据共享和传递,Redux应运而生。state应用&redux应用对比左图是单个React组件,它的状态可以用内部的state来维护,而且这个state在组件外部是无法访问的。右图则是使用Redux的场景,用全局唯一的Store维护了
- React中Dva状态管理(model)的使用总结和理解
小流至江河
ReactDvaUmiJSReact状态管理
一概述React中全局状态管理官方推荐使用Redux,Redux的使用场景其实在单个应用中是处于使用率只有20%,却有80%的学习成本。可是说是React全家桶中最难理解的部分了,相信很多人学习它时,各个概念整很迷糊。我就是要放弃Redux的时候,了解React-redux和redux-saga,它们是对redux的简化处理工具。可他们配置和文件结构,依然麻烦。直到Dva(低洼)的出现将React
- React:高阶组件|ref转发
是席木木啊
Reactreact.js前端javascript
高阶组件参考文档:高阶组件–React(reactjs.org)高阶组件(Higher-OrderComponents,简称HOC)是React中用于复用组件逻辑的一种高级技巧。具体而言:高阶组件是参数为组件,返回值为新组件的函数。组件是将props转换为UI,而高阶组件是将组件转换为另一个组件。HOC在React的第三方库中很常见,例如Redux的connect和Relay的createFrag
- react【五】redux/reduxToolkit/手写connext
KIKIo_
reactreact.js前端javascript
文章目录1、回顾纯函数2、redux2.1redux的基本使用2.2通过action修改store的数值2.3订阅state的变化2.4目录结构2.5Redux的使用过程2.6redux的三大原则2.7Redux官方图3、redux在React中的使用4、react-redux使用4.1react-redux的基本使用4.2异步请求redux-thunk4.3对redux代码结构进行优化和redu
- redux
ticktackkk
多个reducer用combinReducers包裹,里面以对象的格式包裹import{createStore,combineReducers}from'redux'import{brands,brand}from'./reducer'letreducer=combineReducers({a:brands,b:brand})letstore=createStore(reducer)exportd
- vscode中一键生成react代码块以及快速补全react代码
前端驿站
1.vscode扩展搜索ES7React/Redux/GraphQL/React-Nativesnippetsd或者React-Native/React/Reduxsnippetsfores6/es7并安装(如果安装后者直接cccs可以一键生成模板块安装前者步骤如下)2、安装后在组件中执行rcc即可生产有状态的组件3、执行rfc即可生产无状态组件自动补充代码1、打开首选项设置2、在搜索框中输入em
- Redux入门教程(三):react-redux使用(todolist实例)
变态的小水瓶
一、组件分类React-Redux将所有组件分成两大类:UI组件(presentationalcomponent)和容器组件(containercomponent)。UI组件:只负责UI的呈现,不带有任何业务逻辑没有状态(即不使用this.state这个变量)所有数据都由参数(this.props)提供不使用任何Redux的API容器组件:负责管理数据和业务逻辑,不负责UI的呈现带有内部状态,可以
- 【从Jest入门到 TDD,BDD双实战】整体学习介绍①
不停喝水
#【Jest自动化测试】react.js前端vue.jsjest自动化测试
一:前端要学的测试Jest入门TDD实战BDD实战二:前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三:前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试1.比如Lodash2.比如Redux四:前端为什么需要自动化测试?1.该需求时,代码重构:导致修复时间长,成本高2.自动化测试,修复时间少,难度低五:涵盖内容2.学习安排六:学习前置需
- 从 Redux 源码谈谈函数式编程
有道AI情报局
javascriptRedux
摘要在React的世界中,状态管理方案不下几百种,但其中最经典的,莫过于Redux。如果你想学习函数式编程,那么Redux源码就是最好的学习材料。考虑到不少小伙伴用的是Vue,本人争取让这篇文章写得通俗易懂,让没有接触过React技术栈的同学也能掌握Redux。Redux属于典型的“百行代码,千行文档”,其中核心代码非常少,但是思想不简单,可以总结为下面两点:全局状态唯一且不可变(Immutabl
- Redux(0x02)-redux进阶
ChuckieWIll
Redux进阶1Redux-thunk中间件GIthub地址:Redux-thunk对Redux-thunk中间件的理解此中间件是指在action和store中间注意是Redux的中间件,而不是React的中间件此中间件就是对dispatch重新做了一次封装当传入的action是对象时,直接交给store处理当传入的action是函数时,先执行函数,若函数中有对象形式的action再交给store
- 浅入 Redux
风之伤_3eed
Redux三大核心Redux的核心由三部分组成:Store,Action,Reducer。Store:是个对象,贯穿你整个应用的数据都应该存储在这里。Action:是个对象,必须包含type这个属性,reducer将根据这个属性值来对store进行相应的处理。除此之外的属性,就是进行这个操作需要的数据。Reducer:是个函数。接受两个参数:要修改的数据(state)和action对象。根据act
- 腾讯地图开发
芒果加奶
一、开发环境react全家桶(react,react-router,redux)二、功能定位、省市地图切换、打点、周边搜索腾讯地图三、开发1、加载腾讯地图——利用script标签特性loadMapScript=()=>{returnnewPromise(function(resolve,reject){window.init=function(){resolve(window.qqMap);};v
- 巧用Redux
Redux类适用所有React生态项目import{applyMiddleware,combineReducers,legacy_createStoreascreateStore,Store,compose,}from"redux";importthunkfrom"redux-thunk";import{connect,Provider}from"react-redux";import{Actio
- 为什么能用 RxJS 取代 Redux ?
rxjsredux
RxJS在现在的前端用比较少,但是RxJS作为响应式和函数式编程的集大成者,似乎被前端开发者遗忘,可能是学习难度大,可能是有更加方便的解决方案。不是因为Redux更具有性价比,而是RxJS可以打开更大的JS生态空间下面我们先回顾一下Redux是如何运作开始。一、Redux创建一个Store做了哪些事情?以上是一个简单的Redux的工作流。从reducer到视图派发更新的整个流程Redux通常在单页
- 使用Redux管理React数据流要点浅析
楠楠_c811
image在图中,使用Redux管理React数据流的过程如图所示,Store作为唯一的state树,管理所有组件的state。组件所有的行为通过Actions来触发,然后Action更新Store中的state,Store根据state的变化同步更新React视图组件。那么Store是如何和视图绑定的呢?在主入口文件index.js中,通过Provider标签把Store和视图绑定://项目代码
- 【前端高频面试题--Vuex篇】
码上有前
前端前端flutter
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vuex篇Vuex的原理Vuex中action和mutation的区别Vuex和localStorage的区别Redux和Vuex区别和共同思想为什么要用Vuex或者ReduxVuex有哪几种属性?Vuex和单纯的全局对象有什么区别?为什么Vuex的mutation中不能做异步操作?Vuex的严格模式是什么,
- redux基础
华戈的小书
Reduxreact-reduxReact-routerRedux1、基本用法:Redux中存在几个概念:state,action,dispatchstate:依旧是组件的内部的状态action:组件动作,相应的改变组件内部的状态值dispatch:发出相应的动作Redux中提供createStore方法用于生成一个store对象,这个函数接受一个初始值state值和一个reducer函数。当用户
- redux 简单实现各组件状态管理
暴躁程序员
一、redux特点1.redux是集中管理共享状态的JS插件库2.store用于存储状态的容器,唯一状态树,即:store的state是一个对象,且是唯一的3.action组件改变store状态时,发布的动作4.reducer纯函数,在不改变store状态的情况下返回最新state状态二、redux主要方法createStore(reducer)创建storestore.getState()获取s
- Redux-003-使用 react-redux
空乱木
本文视频地址:https://www.qiuzhi99.com/movies/react-redux/150.html参考链接https://github.com/reactjs/react-reduxhttps://github.com/reactjs/react-redux/blob/master/docs/api.md目录结构image.pngactions定义action事件constan
- umi+dva 什么都有的项目记录(umi+dva练习笔记)
sasaraku.
前端
学习:umi/dva/antdpro为主,还有saga/redux等等刚进公司,啥也不懂,光速拔苗助长sorrycc(做umi和dva的人)的博客https://github.com/sorrycc/blog/issues1、saga:effect/yieldcallpull非常详细https://redux-saga.js.org/docs/basics/DeclarativeEffects.h
- react 连接mysql_react+redux教程(八)连接数据库的redux程序
考维斯
react连接mysql
前面所有的教程都是解读官方的示例代码,是时候我们自己写个连接数据库的redux程序了!例子这个例子代码,是我自己写的程序,一个非常简单的todo,但是包含了redux插件的用法,中间件的用法,连接数据库的方法等多个知识点。源代码:运行方法:npminstallnpmrunbuild手动打开index.htmlwilddog数据库作为一名曾经的angular开发者,我非常喜欢用firebase来做自
- 浏览器数据库 IndexedDB 101
anOnion
Web开发中我们常常用到cookie,session,redux等技术存储状态和信息;但是这些技术总体来说容量都比较小。不知道大家有没有想过在客户端存储几个G大小的数据呢?虽然这么干听着有点缺德,但是Web标准里还真有这么一项技术——IndexedDB,浏览器端的数据库。概述通俗来说,IndexedDB就是浏览器提供的本地存储技术,类似于早年间的WebSql(已弃用),主要通过网页脚本创建和操作数
- useSelector useDispatch
penelope_2bad
1.form.jsimportReactfrom'react'import{useSelector,useDispatch}from'react-redux'import{updateTel,updateName}from'./action'exportdefault()=>{constformData=useSelector(state=>{console.log('--xia-',state)
- redux
Ace__丨
redux入门案例流程.png1.构建一个action,通过创建一个函数,返回一个对象,一定要携带type属性action/index.jsconstsendAction=()=>{return{type:'send_type',value:'我是一个action'}}module.exports={sendAction};2.构建reducer,用来相应action,然后通过return把数据返
- 此博客的redux运用
ape_caesar
引言首先我是一个菜鸡,对redux的掌握还只是停留在能使用层面,这里只是记录一下我的这个react博客的redux是如何使用,算是温故知新吧。如果想了解redux还是推荐看官方文档,还有一篇大佬写的一步一步教你理解redux在react的使用原理,推荐一看直接上代码configureStore.jsimport{createStore,applyMiddleware,compose}from're
- [星球大战]阿纳金的背叛
comsci
本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........
但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会
所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院
- 看懂它,你就可以任性的玩耍了!
aijuans
JavaScript
javascript作为前端开发的标配技能,如果不掌握好它的三大特点:1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢?如果标配的技能都没有撑握好,怎么可以任性的玩耍呢?怎么验证自己学好了以上三个基本点呢,我找到一段不错的代码,稍加改动,如果能够读懂它,那么你就可以任性了。
function jClass(b
- Java常用工具包 Jodd
Kai_Ge
javajodd
Jodd 是一个开源的 Java 工具集, 包含一些实用的工具类和小型框架。简单,却很强大! 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb
Jodd 被分成众多模块,按需选择,其中
工具类模块有:
jodd-core &nb
- SpringMvc下载
120153216
springMVC
@RequestMapping(value = WebUrlConstant.DOWNLOAD)
public void download(HttpServletRequest request,HttpServletResponse response,String fileName) {
OutputStream os = null;
InputStream is = null;
- Python 标准异常总结
2002wmj
python
Python标准异常总结
AssertionError 断言语句(assert)失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF(Ctrl+d) FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
- SQL函数返回临时表结构的数据用于查询
357029540
SQL Server
这两天在做一个查询的SQL,这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据,这些数据都是INT类型,然后用IN条件进行查询,并且查询这两张表需要通过外部传入参数才能查询出所需数据,于是想到了用SQL函数返回值,并且也这样做了,由于是返回多条数据,所以把查询出来的INT类型值都拼接为了字符串,这时就遇到问题了,在查询SQL中因为条件是INT值,SQL函数的CAST和CONVERST都
- java 时间格式化 | 比较大小| 时区 个人笔记
7454103
javaeclipsetomcatcMyEclipse
个人总结! 不当之处多多包含!
引用 1.0 如何设置 tomcat 的时区:
位置:(catalina.bat---JAVA_OPTS 下面加上)
set JAVA_OPT
- 时间获取Clander的用法
adminjun
Clander时间
/**
* 得到几天前的时间
* @param d
* @param day
* @return
*/
public static Date getDateBefore(Date d,int day){
Calend
- JVM初探与设置
aijuans
java
JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息,使Java程序只需生成在Java虚拟机上运行的目标代码(字节码),就可以在多种平台
- SQL中ON和WHERE的区别
avords
SQL中ON和WHERE的区别
数据库在通过连接两张或多张表来返回记录时,都会生成一张中间的临时表,然后再将这张临时表返回给用户。 www.2cto.com 在使用left jion时,on和where条件的区别如下: 1、 on条件是在生成临时表时使用的条件,它不管on中的条件是否为真,都会返回左边表中的记录。
- 说说自信
houxinyou
工作生活
自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?
无论工作还
- WEBLOGIC事务超时设置
bijian1013
weblogicjta事务超时
系统中统计数据,由于调用统计过程,执行时间超过了weblogic设置的时间,提示如下错误:
统计数据出错!
原因:The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
- 两年已过去,再看该如何快速融入新团队
bingyingao
java互联网融入架构新团队
偶得的空闲,翻到了两年前的帖子
该如何快速融入一个新团队,有所感触,就记下来,为下一个两年后的今天做参考。
时隔两年半之后的今天,再来看当初的这个博客,别有一番滋味。而我已经于今年三月份离开了当初所在的团队,加入另外的一个项目组,2011年的这篇博客之后的时光,我很好的融入了那个团队,而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
- 【Spark七十七】Spark分析Nginx和Apache的access.log
bit1129
apache
Spark分析Nginx和Apache的access.log,第一个问题是要对Nginx和Apache的access.log文件进行按行解析,按行解析就的方法是正则表达式:
Nginx的access.log解析正则表达式
val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
- Erlang patch
bookjovi
erlang
Totally five patchs committed to erlang otp, just small patchs.
IMO, erlang really is a interesting programming language, I really like its concurrency feature.
but the functional programming style
- log4j日志路径中加入日期
bro_feng
javalog4j
要用log4j使用记录日志,日志路径有每日的日期,文件大小5M新增文件。
实现方式
log4j:
<appender name="serviceLog"
class="org.apache.log4j.RollingFileAppender">
<param name="Encoding" v
- 读《研磨设计模式》-代码笔记-桥接模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/**
* 个人觉得关于桥接模式的例子,蜡笔和毛笔这个例子是最贴切的:http://www.cnblogs.com/zhenyulu/articles/67016.html
* 笔和颜色是可分离的,蜡笔把两者耦合在一起了:一支蜡笔只有一种
- windows7下SVN和Eclipse插件安装
chenyu19891124
eclipse插件
今天花了一天时间弄SVN和Eclipse插件的安装,今天弄好了。svn插件和Eclipse整合有两种方式,一种是直接下载插件包,二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别,始终是没装上。最后在网上找到了适合的版本。所用的环境系统:windows7JDK:1.7svn插件包版本:1.8.16Eclipse:3.7.2工具下载地址:Eclipse下在地址:htt
- [转帖]工作流引擎设计思路
comsci
设计模式工作应用服务器workflow企业应用
作为国内的同行,我非常希望在流程设计方面和大家交流,刚发现篇好文(那么好的文章,现在才发现,可惜),关于流程设计的一些原理,个人觉得本文站得高,看得远,比俺的文章有深度,转载如下
=================================================================================
自开博以来不断有朋友来探讨工作流引擎该如何
- Linux 查看内存,CPU及硬盘大小的方法
daizj
linuxcpu内存硬盘大小
一、查看CPU信息的命令
[root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id"
model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz
model name :
- linux 踢出在线用户
dongwei_6688
linux
两个步骤:
1.用w命令找到要踢出的用户,比如下面:
[root@localhost ~]# w
18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00
USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
- 放手吧,就像不曾拥有过一样
dcj3sjt126com
内容提要:
静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事,触碰生命最深层次的感动,献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由,将那些令你痛苦的、扛起的、背负的,一并都放下吧!把憔悴的面容换做一种清淡的微笑,把沉重的步伐调节成春天五线谱上的音符,让自己踏着轻快的节奏,在人生的海面上悠然漂荡,享受宁静与
- php二进制安全的含义
dcj3sjt126com
PHP
PHP里,有string的概念。
string里,每个字符的大小为byte(与PHP相比,Java的每个字符为Character,是UTF8字符,C语言的每个字符可以在编译时选择)。
byte里,有ASCII代码的字符,例如ABC,123,abc,也有一些特殊字符,例如回车,退格之类的。
特殊字符很多是不能显示的。或者说,他们的显示方式没有标准,例如编码65到哪儿都是字母A,编码97到哪儿都是字符
- Linux下禁用T440s,X240的一体化触摸板(touchpad)
gashero
linuxThinkPad触摸板
自打1月买了Thinkpad T440s就一直很火大,其中最让人恼火的莫过于触摸板。
Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位,还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板,不再有实体的按键了。问题是要是好用也行。
实际使用中,触摸板一堆问题,比如定位有抖动,以及按键时会有飘逸。这就导致了单击经常就
- graph_dfs
hcx2013
Graph
package edu.xidian.graph;
class MyStack {
private final int SIZE = 20;
private int[] st;
private int top;
public MyStack() {
st = new int[SIZE];
top = -1;
}
public void push(i
- Spring4.1新特性——Spring核心部分及其他
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- 配置HiveServer2的安全策略之自定义用户名密码验证
liyonghui160com
具体从网上看
http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication
LDAP Authentication using OpenLDAP
Setting
- 一位30多的程序员生涯经验总结
pda158
编程工作生活咨询
1.客户在接触到产品之后,才会真正明白自己的需求。
这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候,他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间,所有安全防御系统都将失败。
安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它,因为黑客只要有一次成功,就可以彻底打败你。 3.
- 分布式web服务架构的演变
自由的奴隶
linuxWeb应用服务器互联网
最开始,由于某些想法,于是在互联网上搭建了一个网站,这个时候甚至有可能主机都是租借的,但由于这篇文章我们只关注架构的演变历程,因此就假设这个时候已经是托管了一台主机,并且有一定的带宽了,这个时候由于网站具备了一定的特色,吸引了部分人访问,逐渐你发现系统的压力越来越高,响应速度越来越慢,而这个时候比较明显的是数据库和应用互相影响,应用出问题了,数据库也很容易出现问题,而数据库出问题的时候,应用也容易
- 初探Druid连接池之二——慢SQL日志记录
xingsan_zhang
日志连接池druid慢SQL
由于工作原因,这里先不说连接数据库部分的配置,后面会补上,直接进入慢SQL日志记录。
1.applicationContext.xml中增加如下配置:
<bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc