陈袁-CSDN博客

原创模块开发之react-router使用（八）

前言本文件使用ES6模块加载方式，不是CommonJS,CMD,AMD模块规范。React-Router4由3部分组件，react-router,react-router-dom和react-router-native。其中react-router是核心模块，网络开发只要引入react-router-dom即可，他已经暴露了react-router核心模块里接口引入模块EC6引入模块方...

2018-06-27 22:41:49 1011

原创 JWT全面解读、使用步骤

JWT全面解读JWT全面解读前言JWT基本使用在pom.xml引入java-jwt示例如下概念介绍JWT消息构成头部playload标准中注册的声明 (建议但不强制使用)自定义数据签名signatureJJWT引入使用方法生成token解析token前言JWT是json web token缩写。它将用户信息加密到toke...

2018-06-27 15:13:28 85536 12

原创 spring-data-jpa使用，方便却又不方便的ORM框架

前言配置pom.xml配置applicatioin.yml配置数据库及jpa（文件格式使用yml）扫描包配置核心概念流程默认实现继承CrudRepository接口可以直接使用CrudRepository接口的默认方法自定义SQL查询1.声明一个继承与Repository或者它的子接口的接口，并且设定类型参数，如下：2.声明查询的方法在接口上分页...

2018-06-26 14:09:26 7697 3

原创模块开发之Redux基础入门（六）

Redux基础入门Redux基础入门核心思想引入模块核心概念Storestateactionaction creatorReact-redux框架引入框架Provider和connect2个重要概念核心思想redux是数据存储和管理的工具。 Redux核心思想是强制使用action对象去更新state数据，整个应用只能一个store,...

2018-06-20 13:36:17 506

原创模块开发之ant(Ant Design of React)使用（四）

模块开发之antd(Ant Design of React)使用（四）模块开发之antd(Ant Design of React)使用（四）前言初看安装使用create-react-app脚手架安装脚本架脚本创建项目引入antd依赖按需加载组件按需加载方式一、babel-plugin-import(推荐)方式二、手动引入组件样式按需加载国际化组...

2018-06-19 19:41:38 2164

原创模块开发之webpack使用（三）

模块开发之webpack使用（三）模块开发之webpack使用（三）前言使用安装webpack配置文件webpack命令配置–progress –colors开启监听模式使用package.json方式打包生成源码source-map本地服务器devServer安装安装使用:详细介绍HothostinlineporthistoryApiFal...

2018-06-19 14:21:11 651

原创模块开发之axios使用（二）

前端模块开发之axios使用（二）前端模块开发之axios使用（二）前言使用安装get请求方式一方式二方式三delete请求POST请求方式一方式二put语法并发其它语法配置configresponse结构体数据全局的 axios 默认值拦截器请求拦截器响应拦截器移除拦截器前言axios是个网络http...

2018-06-19 10:51:20 1648

原创模块开发之React入门使用（五）

引入模块渲染标签和组件渲染标签渲染React组件:React创建组件的3种方式函数式(Functional)“组件React.createClass方式简单的组件定义复杂的组件定义React.Component方式创建组件方式选择state与props使用propsstate与props区别单向数据流refs属性事件处理程序增加监听事件阻止事件冒泡事件绑定参数传递给事件处理程序防止组件渲染

2018-06-16 10:54:16 580

转载前端模块开发之ES6特性（七）

刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们真的需要全部都掌握吗？秉着二八原则，掌握好常用的、有用的这个可以让我们的开发快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内...

2018-06-14 14:44:08 593

原创前端模块开发之npm安装、命令初体验（一）

npm学习记要npm学习记要安装nmp安装淘宝镜像npm升级安装nmpNPM是随同NodeJS一起安装的包管理工具，所以我们需要下载安装nodejs 下载地址，选择Windows Installer (.msi)版本安装。一路点next。测试是否安装成功在CMD命令行输入命令：npm -v有数据输出则表示安装成功安装淘宝镜像默认...

2018-06-14 10:54:12 8225

原创在IDEA里gradle配置和使用

在IDEA里gradle配置和使用在IDEA里gradle配置和使用前言Windows环境IDEA配置gradle配置系统环境变量下载配置环境变量测试idea配置gradle仓库设置构建命令创建缓存依赖gradle.build构建脚本settings.gradle配置前言有人说Gradle使用groovy语言编写，简单，明了没像maven使用...

2018-06-13 19:32:23 331844 30

原创 docker-compose部署使用测试、开发、生产环境等

前言通过Dockerfile定义Spring Profile通过Docker run命令定义Spring Profile通过Docker Compose定义Spring Profile前言Spring Profile如果只结合java命令启动，使用方式会简单，比如java -jar xxx.jar --spring.profiles.active=prod，但与doc...

2018-05-30 13:56:01 6403

转载 thymeleaf 使用详解

thymeleaf介绍变量表达式选择(星号)表达式文字国际化表达式URL表达式几种常用的使用方法引用js的坑thymeleaf介绍简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：Thymeleaf 在有网络和无网络的环境下皆可运行，即它可...

2018-05-29 16:10:54 7084

原创 docker三剑客协作部署集群

前言安装docker-compose安装docker安装swarmdocker-compose.yml前言安装docker-composesudo curl -L https://github.com/docker/compose/releases/download/1.21.2/docker-compose-$(uname -s)-$(uname -m...

2018-05-28 11:07:05 752

原创 consul安装配置，生产环境部署高可用环境

前言window下安装linux下安装修改默认端口方法一方法二公网可以访问查看集群节点信息consul agent常用命令解读创建server服务器阿里云服务器部署高可用集群consul概念前言有发现解决一些理论知识，有助于我们理解。 consul和eureka一样，是用于分页式系统中服务注册和发现。与其他分布式服务注册与发现的方案，Consul的方...

2018-05-22 17:20:28 21395 3

原创阿里云CentOS环境之-实战docker集群swarm(十五)

前言准备工作开始拉取swarm开放2375远程访问端口创建集群的token向集群里添加结点查看集群里有哪些结点创建管理者容器使用集群前言准备工作云1：116.62.184.190（杭州）云2：139.196.123.97（上海） 2台阿里云不在同一地区开始按阿里云CentOS环境之docker安装，启动，加速器,docker-comp...

2018-05-22 17:04:49 2765

转载 SpringBoot配置属性之Server

SpringBoot配置属性之ServerSpringBoot配置属性之Serverserver配置cookie、session配置ssl配置tomcatundertow SpringBoot配置属性之Server SpringBoot配置属性之MVC SpringBoot配置属性之Server SpringBoot配置属性之...

2018-05-18 13:52:54 1281

原创 springCloud路由网关zuul的配置升级

前言初级配置pom.xml引入zuul模块开启zuul的功能path与url绑定二次升级版pom.xml引入模块path与serviceId绑定优化三次升级版去掉path与serviceId绑定配置过滤器前言主要功能，动态路由，过滤器，权限验证等。为什么使用路由网关自行百度。下面几种配置主要的不同就是application.properti...

2018-05-18 11:08:21 947

原创 SpringCloud/SpringBoot项目在windows环境下docker编译部署遇到的问题，真实有效

在windows系统环境变量中新建DOCKER_HOST,值为tcp://10.100.74.220:2375，（你改成你自己的docker服务器ip地址）前言win环境设置设置环境变量，和jdk环境设置类似（选择系统变量还是用户变量对于administrator用户来说都一样）打包，编译，镜像前言不懂windows上安装docker-tool工具和使用doc...

2018-05-10 15:48:59 2432

转载 Docker学习笔记 — 开启Docker远程访问

CentOS 7 版本[root@gitserver ~]# uname -r 3.10.0-327.el7.x86_64 [root@gitserver ~]# cat /etc/redhat-release CentOS Linux release 7.2.1511 (Core) docker 版本[root@gitserver /]# docker --ver...

2018-05-09 14:53:04 7240

原创初识docker命令及Dockerfile书写

查找全部命令查看docker命令用法运行docker run查看正在运行的容器docker ps查看端口映射情况docker port查看WEB应用程序日志docker logs查看容器内运行的进程docker top查看docker容器底层信息 docker inspect停止docker运行docker stop/docker kill重启停止的容器或正在运行的容器doc...

2018-05-08 15:08:45 18890

原创 spring Boot重点岗要(二)启动方式-注解-静态与动态资源-事务-全局异常处理等

启动springboot应用热加载/热启动，可行的方案。模板的热启动类的热启动注解@Controller和@RestController注解区别@SpringBootApplication@EnableAutoConfiguration@ComponentScan@EnableConfigurationProperties与@ConfigurationProperti...

2018-04-27 14:14:16 1318

转载 Spring高级话题-@Enable***注解的工作原理

@EnableAspectJAutoProxy@EnableAsync@EnableScheduling@EnableWebMVC@EnableConfigurationProperties@EnableJpaRepositories@EnableTransactionManagement@EnableCaching@Import注解导入配置方式的三种类型第一类：直接导入配置...

2018-04-27 09:42:22 490

原创阿里云CentOS环境之RabbitMq安装及环境配置《十三》

第一、Erlang安装下载安装erlang依赖模块解压/编译/安装配置profile软连接测试第二、rabbitMQ安装第三、windows下安装rabbitMQ第四、linux下rabbitMQ配置文件第一、Erlang安装因为是erlant语言编写的，故需要安装erlang环境下载在/usr/local/目录下创建rabbitMQ目录,...

2018-04-25 09:53:44 2275

原创使用IDEA工具远程调试SpringBoot应用

Spring Boot支持以远程调试模式运行一个打包的应用,即访问远程应用可以像本地调试一样,这是一把利器啊,这比看日志看直观.当然它要求线上的jar代码和本地代码一样.以demo.jar可执行文件为例,要调试远程应用分2步.1,以debug模式运行应用,2,用idea连接应用. 如果服务器是阿里云,要注意安全组端口限制以debug模式运行应用创建startDemo....

2018-04-23 15:20:02 5972

原创 spring Boot重点岗要(一)pom文件-配置文件等

第一、从pom.xml文件开始1.导出jar/war2.spring-boot-starter-parent其它starter第二、springboot约定的代码结构第三、属性文件application.propertier或application.yml2者区别修改配置文件名通过@Value(“${属性名}”)注解来加载对应的配置属性通过命令行设置属性值多环境配置@...

2018-04-23 14:18:39 5602

原创阿里云centos生产环境java，mysql,nginx,jenkins,redis,nas,ssl,rabbitmq配置及java配置

本篇列出java在阿里云上环境配置及遇到的问题总结。想看进入，不看绕行。阿里云centos环境之java安装<一> 阿里云centos环境之mysql安装<二> 阿里云centos环境之tomcat配置<三> 阿里云centos环境之nginx安装<四> 阿里云centos环境之maven安装<五> 阿里云cento...

2018-04-23 12:57:27 692

原创 Lombox插件安装，Log、Data、Value等注解详情

作用使用步骤在IDE里安装lombox插件添加Maven依赖注解作用Lombox是个IDE插件,通过在代码里写lombox官方提供的注解能自动生成代码，有助于优化代码简洁性，消除臃肿，当然如果不用也可以，只是要多写几行代码，比如POJO类里的getter和setter方法等。使用步骤在IDE里安装lombox插件eclipse安装步骤： 1. ...

2018-04-20 15:15:39 2310

转载 Springboot系列：@SpringBootApplication注解

转发理由：这篇文章是我看的比较全面的SpringbootApplication注解描述。在使用 Springboot 框架进行开发的时候，通常我们会在 main 函数上添加 @SpringBootApplication 注解，今天为大家解析一下 @SpringBootApplication，如有不正之处，欢迎批评指正。@SpringBootApplication@SpringB...

2018-04-12 14:01:39 438

原创引入即可使用的jQuery弹出框美化插件

[TOC] xcConfirm插件是一个美化版弹框插件，弹框的标题文本可以自定义。引入js和css文件即可直接使用,使用简单。源码，演示效果引入2个js和一个css，注意还有源码里的图片.<link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/> <script src="j...

2018-04-02 13:50:35 4274 2

自己建表的时候，把一个字段类型创建为varchar(2) ，其实应该建为int(2)的。因为我只允许输出数字。这本来也没什么，无非就是占点空间，懒得改了。但是今天在后台发现排序有问题。于是，没办法，改之。下面简单说一下MySQL的varchar排序问题，引以为戒。下面，我从数据库里面以server_id排一下序，大家来看一下排序后的结果： select server_id from card...

2018-04-02 10:41:23 11424

原创 jquery弹出层插件jquery.ColorBox.js学习

第一、简介第二、上个简单的例子第三、基本使用3.1单张图片3.2组相册图片3.3 弹出效果3.4 显示html1.以独立html文件格式组织2.以内部html元素组织3.网页iframe4.直接写html元素3.5回调函数第四、属性配置1.基本属性2.Content Type3.Dimensions4.Slideshow5.位置6.元素上的回调函数...

2018-03-30 16:50:31 10434

原创遮罩输入插件jquery.maskedinput.js学习

第一、初识遮罩输入插件是jqueryoverviewthis的一个遮罩的输入jQuery插件库。它允许用户更容易进入固定宽度输入你所希望的以一定的格式输入数据（日期，电话号码，等）。它已在Internet Explorer，Firefox，Safari，Opera和Chrome等浏览器上测试过。遮罩的定义是由一个格式由遮罩的文字和掩码定义。任何字符不在定义列表下面的被认为是遮罩文字。遮罩文字会...

2018-03-29 09:32:48 2499

原创 jquery-chosen选择框插件零基础学习

jquery-chosen 选择框插件jquery-chosen 选择框插件第一、前言第二、需要入库文件第三、一个简单的例子。第四、初始化方法chosen配置第五、select组件属性第六、class样式第七、事件及抛事件第八、取值，初始化选中项，数据渲染第九、分组显示第十、多选项总结第一、前言Chosen是jquery下的一个下拉框插件。它...

2018-03-27 15:36:39 10586 6

原创银行卡，身份证，驾驶证识别

第一背景第二接入第三测试第一、背景银行卡，身份证，驾驶证等证件扫描和识别有很广泛的应用场景，比如用户实名认证时。第二、接入这里使用百度的文字识别功能。登陆百度的AI开放平台找到文字识别文档。创建一个应用地址创建好的应用会有三个关键参数。AppID，API Key，Secret Key个会程序里会有使用。2.1 使用SDK maven引入方式：<dep

2018-03-19 20:00:42 1597 4

转载 jedis在多线程下的一个大坑

最近使用jedis进行redis的数据操作，发现服务器运行一段时间之后，总是会出现莫名其妙的异常信息java.lang.ClassCastException: [B cannot be cast to java.lang.Long，然后服务就当掉了。后来上网查了一下，发现好多人都遇到了同样的问题，原来是jedis操作redis的时候，对底层执行redis命令做了缓存，所以如果某一次redis操作出...

2018-02-11 18:03:06 8756

原创 linux常用命令.持续记录....

1.查找文件,比如在linux find / -name “maven”2.查找目录 find / -name “maven” -type d1.删除所有包含gitlab文件:find / -name gitlab | xargs rm -rf2.source命令执行完脚本在进入的目录，不会回到执行脚本的目录，./方式执行脚本执行完毕后回到执行脚本的目录。3.ubuntu查

2018-02-06 16:40:33 777

转载 Tomcat增加Context配置导致启动的时候项目加载两次

1. 出现场景eclipse发布web应用至tomcat，默认方式下访问该项目是需要带项目名称的，例http://localhost:8080/myapp/。现在需要改成这样访问http://localhost。修改tomcat的server.xml文件，增加如下配置，修改后host部分如下：Host name="localhost" appBase="webapps" unpa

2018-01-27 16:28:05 1680

转载 nginx超时设置

nginx常用的超时配置说明client_header_timeout语法 client_header_timeout time 默认值 60s 上下文 http server 说明指定等待client发送一个请求头的超时时间（例如：GET / HTTP/1.1）.仅当在一次read中，没有收到请求头，才会算成超时。如果在超时时间内，client没发送任何东西，nginx返回HTT

2018-01-21 20:48:14 2035

转载利用Navicat工具实现MySQL数据库结构同步

Navicat 是一套快速、可靠并价格相宜的数据库管理工具，专为简化数据库的管理及降低系统管理成本而设。Navicat提供多达 7 种语言供客户选择，被公认为全球最受欢迎的数据库前端用户界面工具。 Navicat旗下有多个产品成员，可以用来对本机或远程的 MySQL、SQL Server、SQLite、Oracle 及 PostgreSQL 数据库进行管理及开发。因为文中介绍的是MySQ

2018-01-16 20:27:42 4501