2019年01月_谷咕咕

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

原创项目思路梳理

1.在user_setting.jsp中根据pc/account/userBasic/edi，定位到Controller（action）url : '${root}' + '/pc/account/userBasic/edit?${_csrf.parameterName}=${_csrf.token}',//后台处理程序2.在PCUserInfoController.java中调用servi...

2019-01-24 18:49:44 406

原创 javaweb：jQuery Validate验证框架

将校验规则写到js代码中&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt;&lt;% String path = request.getContextPath(); String basePath = request.getScheme(

2019-01-22 22:17:20 303

原创 vue基础：非父子组件传值

vue基础：非父子组件传值本文共用到四个文件：根组件：App.vue两个子组件：Home.vue,News.vuejs文件：eveemit.js文章最后有所有文件步骤：1.新建一个js文件，引入vue并实例化，最后暴露这个实例vueemit.js文件import Vue from 'vue'var vueevent =new Vue()export default vue...

2019-01-22 10:49:55 668

原创 vue基础：父组件主动获取子组件的数据和方法

一.vue基础：父组件主动获取子组件的数据和方法1.调用子组件的时候定义一个ref在Home.vue<v-header ref='header'/>2.在父组件里面里面通过this.refs.header.属性this.refs.header.属性this.refs.header.属性this.refs.header.方法getchild(){ ...

2019-01-22 09:51:15 1535

原创 vue基础：父子组件传值

vue基础：父子组件传值一.父–>子1.父组件调用子组件的时候，在父组件中绑定动态属性。<v-header :title="title"/>2.子组件中通过props接受父组件传来的数据props:['title']//接受父组件传来的titleHeader.vue<template> <div> <h2&g...

2019-01-21 20:25:40 167

原创 vue基础：axios请求数据，vue-resource请求数据

vue基础：vue基础：axios请求数据，vue-resource请求数据一：axios请求数据完整1.安装命令：npm install axios --save2.导入，在哪用就在哪导入import Axios from 'axios';3.请求数据&lt;script&gt;import Axios from 'axios';export default { d...

2019-01-21 15:16:56 470

原创 vue基础：生命周期函数。

vue基础：生命周期函数。组件挂载，更新和销毁的时候触发的一系列方法。生命周期函数也是放在methods:{}中可以了解成，vue在不同时期调用的方法和函数。beforeCreate(){ console.log('实例刚刚被创建1'); }, created(){ console.log('实例已经创建完成2...

2019-01-21 12:45:31 273

原创 vue基础：To install it, you can run: npm install --save，写 scss样式报错

vue基础：To install it, you can run: npm install --save，写 scss样式报错最近在学习vue时一个报错，困扰了小谷好久。报错代码：This dependency was not found:* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-l......

2019-01-21 09:39:52 201732 16

原创 vue基础：在跟组件（App.vue）调用外部组件

vue基础：在跟组件（App.vue）调用外部组件在vue学习中，我们发现将所有的组件，都放在根组件是不合理的，同样也是低效的。于是我们将不同的模块分割，需要哪个模块的时候就可以直接调用。这类似于html5中模板的性质。1.首先我们需要创建一个组件，所有的组件可以放在一个目录里，便于规范化管理。2.创建所有的组件也需要像根组件一样，严格的格式要求。<template> ...

2019-01-21 09:14:10 12876 5

原创 vue基础：模块化以及封装Storage组件，实现保存搜索的历史记录

vue基础：模块化以及封装localStorage组件，实现保存搜索的历史记录1.localStorage（长期存储）与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在注意：localStorage（长期存储）与 sessionStorage 用法基本一致，应用类型的值要转换成json，1.保存//对象const info = { name: 'hou', ag...

2019-01-20 20:43:35 652 1

原创 vue：基础todolist待办事项完整，数据双向绑定，和循环遍历，判断方法，回车触发事件

vue：基础todolist待办事项完整，数据双向绑定，和循环遍历，判断方法，回车触发事件点单选框，选项状态改变。在这个事件中，主要是对数据双向绑定，和循环遍历，判断方法的运用。1.其中我们对键盘事件做了捕获，当在表单中输入数据“回车时”添加信息的操作。<input type="text" v-model="todo" @keydown="doadd($event)"/>...

2019-01-20 18:44:37 542 1

原创 vue基础：将表单中的数据按列表显示在页面下，删除数据this.list.push()，this.list.push()。

将表单中的数据按列表显示在页面下，删除数据1.添加数据1.在页面中，首先通过数据的双向绑定，表单中的v-model=“todo”，绑定数据。2.通过调用@click="doadd()"方法中的this.list.push(this.todo)，将todo中的数据加到list中。3.通过循环列表显示。<template> <div id="app"> ...

2019-01-20 14:53:27 9099 1

原创 vue基础：事件绑定,通过事件获取数据

1.vue中对方法（事件）的绑定的两种方法：v-onclick:="()“和@click=”*()"需要注意的事在中调用的方法时，该方法需要在<button v-on:click="run1()">执行方法的第一种写法</button>data () { return { msg: '你好vue', list:...

2019-01-20 09:43:40 2135

原创 vue基础：获取表单数据，双向数据绑定 Vue事件介绍以及Vue中的ref获取dom节点

vue基础：获取表单数据，双向数据绑定 Vue事件介绍以及Vue中的ref获取dom节点1.在vue中我们通过v-model进行数据绑定，vue其实就是实现mvvm的框架，mvvm表示，model的改变会影响view（视图），view的改变会影响model。在下面的例子中，msg的值已经在data中定义，但是我们通过表单中的v-model进行数据的绑定，输入就会影响msg的值。2.获取表单数...

2019-01-19 18:18:57 8745 1

原创 vue基础：绑定属性class，绑定style

vue基础：绑定属性class，绑定styleclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。1.通过v-bind：title="****"来绑定显示鼠标悬停时的信息。 <div v-bind:title="title">鼠标悬停</div>title:'我是一个title',2.通过v-bi...

2019-01-19 15:27:15 1868

原创 vue基础：数据绑定，绑定属性，循环渲染

&amp;lt;template&amp;gt; &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;h2&amp;gt;你好vue{{msg}}&amp;lt;/h2&amp;gt;/*数据绑定*/ &amp;lt;br&amp;gt; &

2019-01-19 10:25:22 575

原创 springmvc的核心类和注解

springmvc的核心类和注解@controller：注解类型用于指示spring类的实例是一个控制器该注解在使用时不需要再实现controller接口，只需要将@controller注解加入到控制器类上，然后通过Sping的扫描机制标注了该注解的控制器即可。在applicationcontext。xml中配置。@RequestMapping注解Spring通过@controller注解...

2019-01-18 13:39:37 2529 2

原创在visual中创建vue项目，安装脚手架。

安装之前检查是否已经安装node环境，如果有我们就进行接下来的vue-cli的安装，若果没有我们则先安装node环境。首先安装vue-cli脚手架，安装代码为：npm install -g vue-cli，我们在这里选择的是全局安装，安装完之后创建项目npm install -g vue-cli在visual的终端中输入：（gym是项目名）vue init webpack gym ...

2019-01-17 19:00:20 1085 1

原创新手JavaScript程序正确，运行出现空白页面

开发软件：Dreamweaver 语言：JavaScript 在开始学习JavaScript代码编写的时候，会发现我们程序编写的正确，但是在运行的时候页面出现的空开，一点效果都没有，下面介绍出现这种现象可能的原因。 1.就例如这段代码，是书上一段简单的判断学生成绩的代码，但是当点击f12运行的时候页面出现的是空白。出现空白 2.这是我们反复检查代码，并没有发现错误，其实语句并没...

2019-01-07 13:44:57 3767 1