2017年07月_baoleilei6

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 spring-boot--使用thymeleaf模板

转:http://jisonami.iteye.com/blog/2301387，http://412887952-qq-com.iteye.com/blog/2292402整体步骤：（1）在pom.xml中引入thymeleaf;（2）如何关闭thymeleaf缓存（3）编写模板文件.htmlsp

2017-07-30 11:28:34 448

转载主表，从表，关联表，父表，子表

一、前言在数据库设计中，Hibernate，iBatis等ORM框架的使用中经常听说主键，外键，主表，从表，关联表，父表，子表之类的术语，弄懂它们之前的区别与联系对于数据库设计和ORM框架的学习使用是非常有必要的。二、概述下面从数据库设计角度，ORM框架使用(以Hibernate为例)，PowerDesigner软件

2017-07-28 17:48:58 1428

转载 vue2.0专题：通信

原文：http://www.jianshu.com/p/240125faeb79vue2.0父传子：Props子传父：子：$emit(eventName) 父$on(eventName)父访问子：ref非父子组件通信:https://vuefe.cn/guide/components.html#非父子组件通信vue2.0 移除：1.$dispatch() 2.$broadc

2017-07-24 15:57:59 278

转载在 44186 款开源软件中搜索前端开发者不得不知的 ECMAScript 6 十大特性 oschina 2016年03月16日前端开发者不得不知的 ECMAScript 6 十大特性

http://www.oschina.net/news/71566/es6-developers-will-have-to-knowES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。本文主要针对ES6做一个简要介绍。主要译自：《Top 10 ES6 Featu

2017-07-24 14:25:08 606

转载 vue项目优化之按需加载组件-使用webpack require.ensure

使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '@/compon

2017-07-24 11:43:39 470

转载 mac中安装activeMQ

一般在mac上安装软件大家都是比较喜欢用brew来安装，今天就用brew来安装ActiveMQ。转自：http://blog.csdn.net/u010046908/article/details/54728375http://blog.csdn.net/u010046908/article/details/547283751.使用brew来安装 ActiveMQ brew i

2017-07-21 18:17:46 1890

原创 Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分：template> div class="app"

2017-07-18 14:26:33 512

转载 weexpack 创建项目, 打包Android 和 ios

哎呀,做前端, 打包一个app有点难搞,又是初接触 weex, 之前没找到怎么打包, 看了些帖子似乎需要 android 建项目,但是不懂android, 搞了一天也没好我去, 浪费了不少时间, 终于找到了 weexpack , android的apk按步骤很快就搞好了,下面是一个weex项目打包成安卓和ios apk的步骤命令 ( ios没有设备,所以只成功打了安卓的, 但是ios命令

2017-07-18 10:07:21 923

转载 Vue过渡（动画）- transition组件

Vue过度(动画)，本质走的是CSS3：transtion，animation。控制器div显示/隐藏，代码如下： div id="box"> input type="button" value="按钮" @click="toggle"> div id="div1" v-show="isShow">div> div> script

2017-07-16 22:20:18 963

转载 ES6常用对象操作整理

const简单类型数据常量// const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。 const PI = 3.1415926; console.log(PI) 对象常量const foo = Object.freeze({}

2017-07-16 11:41:27 622

转载 Vuex速学篇:(1)基本套路

我们前面做了一个这样的页面，为了增加我们的学习难度，我们特意拆分成了不同的组件。我们知道，我们在子组件里并不能直接对兄弟组件里的属性进行操作，我们通过this.$emit() 调用父组件的方法，通过this.$parent.$data.username 获取兄弟组件里的属性。但是如果我们的业务越来越复杂，组件越来越多，会造成我们的整个项目维护起来非常的困难。能不能把各个组件的逻

2017-07-16 11:24:17 689

转载 Vue2学习笔记:组件（Component）

组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。1. 全局 Vue.component(tagName, options)html>html>head>

2017-07-15 08:49:48 1070

转载关于ES6的模块功能 Module 中export import的用法和注意之处

export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export deault命令只能使用一次。所以，import命令后面才不用加大括号，相反其它的export 输出可以有多个，且import时必须加大括号，示例如下： 1 // modules.js 2 function add(x, y) { 3 return x * y; 4

2017-07-15 08:19:15 656

转载简单理解vue中el、template、replace元素

本文实例为大家解析了vue中el、template、replace的元素，供大家参考，具体内容如下api: http://cn.vuejs.org/api/#elel类型： String | HTMLElement | Function限制：在组件定义中只能是函数。详细：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回

2017-07-15 08:06:35 3143

原创 VueRouter 学习

1,App.vuetemplate> div id="app"> h1>用router-link实现跳转h1> router-link to="/">跳转到Page01router-link> router-link to="/" replace>替换到Page01router-link> router-link to="/02/123">动态路由跳转到Page

2017-07-14 18:16:36 284

原创 nodejs 加载模块时，路径中的前缀“@”表示什么意思？

alias: 简化模块路径名称的输⼊。build/webpack.base.conf.js里已配置：resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src') //

2017-07-14 14:57:52 2551

转载 WebStorm添加多个项目到当前工程目录

我们在使用WebStorm开发时，默认一个窗口只打开一个Project，但通常我们会多个Project同时操作，这样打开多个窗口然后不断切换会非常麻烦，WebSorm为我们提供了可以添加多个项目到工作目录区：1. Window版操作File－> Settings －> Directories －> Add Content Root，选择你要加入的Project 点击OK －> Apply

2017-07-14 14:19:36 532

转载事物注解方式: @Transactional

事物注解方式: @Transactional当标于类前时, 标示类中所有方法都进行事物处理 , 例子:1 @Transactional public class TestServiceBean implements TestService {}当类中某些方法不需要事物时: 1 @Transactional 2 public class TestSe

2017-07-07 11:05:33 714

转载 SLF4J 教程

一、介绍：简单日记门面(simple logging Facade for java)SLF4J是为各种loging APIs提供一个简单统一的接口，从而使得最终用户能够在部署的时候配置自己希望的loging APIs实现。 Logging API实现既可以选择直接实现SLF4J接的loging APIs如： NLOG4J、SimpleLogger。也可以通过SLF4J提供的API实现

2017-07-07 10:24:36 776

转载在springmvc中 @RequestMapping(value={"", "/"})是什么意思？

这个意思是说请求路径可以为空或者/我给你举个例子：比如百度知道的个人中心访问路径是http://zhidao.baidu.com/ihome，当然你也可以通过 http://zhidao.baidu.com/ihome/来访问。我再举个例子比如你在在springmvc中配置 @RequestMapping(value={"test", "test1"})如果你项目端口是8080；然后你

2017-07-07 10:20:30 4809

转载 Mybatis的<where><foreach><set>等标签详解

sql语句where条件中，需要一些安全判断，例如按性别检索，如果传入的参数是空的，此时查询出的结果很可能是空的，也许我们需要参数为空时，是查出全部的信息。这是我们可以使用动态sql，增加一个判断，当参数不符合要求的时候，我们可以不去判断此查询条件。下文均采用MySQL语法和函数（例如字符串链接函数CONCAT3.1 if标签一个很普通的查询：Xml代码

2017-07-06 22:56:37 422

转载 ] Map在Java中构造缓存对象的原理及实现

Map在Java中构造缓存对象的原理及实现在实际的项目中，当我们对于某些数据需要经常去访问的时候，我们一般的做法都是将其数据放置到一个缓存(Cache)对象中去，可以达到使用空间节省时间的效果。同时，缓存的使用，也可以减少我们对硬盘或者数据库的频繁访问。达到了比较理想的效果。这就是为什么我们在java中需要对某个对象设置缓存的原因（也即原理）。在Java中最常见的一种实现缓存的方

2017-07-06 16:03:17 734

转载 22. Spring Boot 拦截器HandlerInterceptor【从零开始学Spring Boot】

上一篇对过滤器的定义做了说明，也比较简单。过滤器属于Servlet范畴的API，与spring 没什么关系。 Web开发中，我们除了使用 Filter 来过滤请web求外，还可以使用Spring提供的HandlerInterceptor（拦截器）。HandlerInterceptor 的功能跟过滤器类似，但是提供更精细的的控制能力：在request被响应之前、request被响应之

2017-07-06 15:05:08 329

转载 spring boot log4j2配置（使用log4j2.yml文件）

转自http://blog.csdn.net/clementad/article/details/51498864在spring boot中，配置log4j2的几个步骤（使用yml文件）： 1、pom文件的依赖配置中，去掉spring boot默认的log配置，引入log4j2依赖包： dependency>

2017-07-06 14:29:21 1583

原创 Spring集成PageHelper的简单用法

1、Maven依赖，注意使用PageHelper时的版本必须与Mybatis版本对应 1 添加Mybatis依赖 --> 2 dependency> 3 groupId>org.mybatisgroupId> 4 artifactId>mybatisartifactId> 5

2017-07-06 14:24:04 474

转载 thymeleaf 学习笔记-基础篇(中文教程)

（一）Thymeleaf 是个什么？简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点： 1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由

2017-07-06 14:14:58 495

转载第十四章 springboot + profile（不同环境读取不同配置）

具体做法：不同环境的配置设置一个配置文件，例如：dev环境下的配置配置在application-dev.properties中；prod环境下的配置配置在application-prod.properties中。在application.properties中指定使用哪一个文件1、application-dev.properties（dev环境下的配置）1 prof

2017-07-06 14:09:56 399

转载 enum枚举类型

enum枚举类型 Think in Java这本书，不得不说的确是经典，但是今天看到了枚举，实在忍不住吐槽了，感觉书上的内容完全没有讲出enum的用法，百度后写此博客。 enum定义的枚举类就是class，其定义方法不是通过继承，我们用关键字enum来声明枚举类型，不可以通过显式继承该抽象类的方式来声明，并且该类是一个不可以被继承的final类。其枚举值都是该枚举类的类静态常量

2017-07-06 11:41:13 869

转载 Spring Boot入门——集成Mybatis

步骤：1、新建maven项目2、在pom.xml文件中引入相关依赖 mysql mysql-connector-java 5.1.42 　　 org.mybatis.spring.boot mybatis-spring-boot-st

2017-07-03 21:18:12 392

转载 Spring的反射机制和依赖注入

我们知道,Spring中大量使用了反射机制，那么究竟是什么地方使用了呢？spring的一大核心概念是注入，但是，这存在的一个前提就是类是由spring管理起来的。反射是根据className生成一个具体的实例，这是一个很实用的思想。比如：当我们需要根据传进来的参数的类型，选择具体的实现类时，反射机制就能很好的解决问题。然而，一般我们使用反射机制，创建的代理类是根据构造函

2017-07-03 20:23:58 380

转载类名.class 类名.this 详解

原文链接：http://www.cnblogs.com/PengLee/p/3993033.html类名.class 我们知道在Java中，一个类在被加载的时候虚拟机就会自动的生成一个这个类的一个Class类型的“类对象”，每个类都对应着一个这样的类对象，通过这个Class类型的类对象，我们就能够使用“内省与反射”机制，访问一个类的信息，比如：对应类中的方法有哪些，成员域有

2017-07-03 20:05:40 2169

原创 Spring Boot 入门

Spring Boot 入门spring Boot是Spring社区较新的一个项目。该项目的目的是帮助开发者更容易的创建基于Spring的应用程序和服务，让更多人的人更快的对Spring进行入门体验，让Java开发也能够实现Ruby on Rails那样的生产效率。为Spring生态系统提供了一种固定的、约定优于配置风格的框架。Spring Boot具有如下特性：为基于Spri

2017-07-03 16:12:59 255