- 博客(161)
- 资源 (12)
- 问答 (1)
- 收藏
- 关注
原创 SpringBoot 工程目录 整合mybatis-mysql(注解类型)
工程结构├─java│ └─com│ └─claroja│ │ App.java│ ││ ├─controller│ │ MybatisController.java│ ││ ├─dao│ │ UserMapper.java│ ││ └─model│ Us
2021-01-31 23:15:24 123
原创 SpringBoot 工程目录 整合mybatis-mysql(xml类型)
├─java│ └─com│ └─claroja│ │ App.java│ ││ ├─controller│ │ MybatisController.java│ ││ ├─dao│ │ UserMapper.java│ ││ └─model│ User.ja
2021-01-31 23:14:43 168
原创 SpringBoot 配置 文件 mybatis type-aliases-package
参考:https://blog.csdn.net/u011047968/article/details/106244530
2021-01-31 23:13:38 1550 1
原创 SpringBoot 配置 注入(@value @ConfigurationProperties)
@value逐个注入application.ymlperson: name: wang age: 18HelloWorld.java@Controllerpublic class HelloWorld { @Value("${person.name}") private String name; @Value("${person.age}") private Integer age; @RequestMapping("/hello")
2021-01-31 23:09:23 191
原创 SpringBoot 配置文件(yml)
可以配置参数替换默认值SpringBoot默认会从Resources目录下加载application.properties或application.yml(application.yaml)文件spring-boot-starter-parent中有这么一段<resource> <directory>${basedir}/src/main/resources</directory> <filtering>true</filtering>
2021-01-31 23:07:44 235
原创 SpringBoot POM web开发(spring-boot-starter-web)
SpringBoot要集成SpringMVC进行Controller的开发,所以项目要导入web的启动依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>...
2021-01-31 23:06:56 1233
原创 SpringBoot POM 继承(spring-boot-starter-parent)
SpringBoot项目要继承SpringBoot的起步依赖spring-boot-starter-parent<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.4.2</version> <relativ
2021-01-31 23:05:47 951
原创 SpringBoot POM 热部署(spring-boot-devtools)
开启热部署,保存自动编译<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> <optional>true</optional></dependency>
2021-01-31 23:03:38 782 1
原创 js 高级 call()
call()可以调用函数call()可以修改this的指向,使用call()的时候 参数一是修改后的this指向,参数2,参数3…使用逗号隔开连接 function fn(x, y) { console.log(this); console.log(x + y);} var o = { name: 'andy' }; fn.call(o, 1, 2);//调用了函数此时的this指向了对象o,输出:{name: "andy"}3...
2021-01-23 14:44:04 136
原创 js 高级 原型对象
原型链任何对象都有原型对象,也就是prototype属性,任何原型对象也是一个对象,该对象就有__proto__属性,这样一层一层往上找,就形成了一条链,我们称此为原型链;函数类,实例和原型对象三角关系1.构造函数的prototype属性指向了构造函数原型对象2.实例对象是由构造函数创建的,实例对象的__proto__属性指向了构造函数的原型对象3.构造函数的原型对象的constructor属性指向了构造函数,实例对象的原型的constructor属性也指向了构造函数原型链和成员的查找机制当访
2021-01-23 14:43:43 123
原创 js 高级 prototype
function Person(uname, age) { this.uname = uname; this.sing = function() { console.log('我会唱歌'); }}var person1 = new Person('wang', 18);var person2 = new Person('wei', 18);person1.sing();//我会唱歌person2.sing();//我会唱歌这里person1和person.
2021-01-23 14:43:01 107
原创 js 高级 constructor构造函数
对象原型(__proto__)和构造函数(prototype)原型对象里面都有一个属性 constructor 属性,它指回构造l类本身. function Person(uname, age) { this.uname = uname; this.sing = function() { console.log('我会唱歌'); }}var person1 = new Person('wang', 18);var person2 = new Person('we
2021-01-23 14:42:33 962
原创 js 高级-创建对象
1.字面量创建var obj = {};2.函数形式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);
2021-01-23 14:42:06 92
原创 axios async/await
async函数返回一个Promise实例对象await后面可以直接跟一个 Promise实例对象 async function queryData() { var ret = await axios.get('adata'); // console.log(ret.data) return ret.data; } queryData().then(function(data){ console.log(data) })
2021-01-23 14:41:42 137
原创 axios 拦截器
<script type="text/javascript" src="js/axios.js"></script> <script type="text/javascript"> axios.interceptors.request.use(function(config) { console.log(config.url) config.headers.mytoken = 'nihao'; return config..
2021-01-23 14:41:02 103
原创 axios 全局配置
// 配置请求的基准URL地址axios.defaults.baseURL = 'http://localhost:3000/';// 配置请求头信息axios.defaults.headers['mytoken'] = 'hello';
2021-01-23 14:40:36 226
原创 axios
<script type="text/javascript" src="js/axios.js"></script> <script type="text/javascript"> axios.get('http://localhost:3000/adata').then(function(ret){ // 注意data属性是固定的用法,用于获取后台的实际数据 console.log(ret) // console.lo..
2021-01-23 14:40:07 91
原创 promise all&race
all:等待所有请求race:只要有一个请求完成,就结束 <script type="text/javascript"> function queryData(url) { return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.re
2021-01-23 14:39:37 105
原创 promise catch&finally
<script type="text/javascript"> function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // 第一种写法 // foo()..
2021-01-21 21:17:10 111
原创 promise then返回值
可以是promise,也可以是数据 <script type="text/javascript"> function queryData(url) { return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState !=
2021-01-21 21:16:31 586
原创 promise 解决ajax毁掉地狱
<script type="text/javascript"> function queryData(url) { var p = new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState != 4) return; ..
2021-01-21 21:15:54 151
原创 promise 基本用法
<script type="text/javascript"> var p = new Promise(function(resolve, reject){//resolve和reject代表的是两个方法 setTimeout(function(){ var flag = false; if(flag) { resolve('hello'); }else{ reject('出错了');..
2021-01-21 21:15:20 110
原创 promise 为什么出现
$.ajax是异步的var ret = '---';$.ajax({//异步执行 url: 'http://localhost:3000/data', success: function(data) { ret = data; console.log(ret) }});console.log(ret)//不会等待$.ajax的结束,会立即执行,输出'---'另外,下面的三个请求执行顺序不确定 $.ajax({ url: 'http://localh
2021-01-21 21:14:53 287
原创 vue 插槽 有名插槽
<body> <div id="app"> <base-layout> <p slot='header'>标题信息</p> <p slot='footer'>底部信息信息</p> </base-layout> </div> <script type="text/javascript" src="js/vue.js"></scrip
2021-01-21 21:14:06 141
原创 vue 组件 插槽
<body> <div id="app"> <alert-box>有一个警告</alert-box><!--有内容则覆盖子组件的slot标签内容--> <alert-box></alert-box><!--无内容则显示子组件slot标签内容--> </div> <script type="text/javascript" src="js/vue.js"><
2021-01-21 21:13:42 74
原创 vue 组件 子向父传值
<body> <div id="app"> <div :style='{fontSize: fontSize + "px"}'>{{pmsg}}</div> <menu-item :parr='parr' @enlarge-text='handle($event)'></menu-item> </div> <script type="text/javascript" src="js/vue.
2021-01-21 21:12:47 114
原创 vue 组件 父向子传值
<body> <div id="app"> <div>{{pmsg}}</div> <menu-item title='来自父组件的值'></menu-item><!--直接传值--> <menu-item :title='ptitle' content='hello'></menu-item><!--通过data中的变量传值--> </div>
2021-01-21 21:12:22 112
原创 vue 过滤器 filter
<body> <div id="app"> <input type="text" v-model='msg'> <div>{{msg | upper}}</div><!--差值表达式--> <div>{{msg | upper | lower}}</div> <!--后面的过滤器会覆盖前面的--> <div :abc='msg | upper'>测试数据
2021-01-21 21:11:54 100
原创 vue watch
<body> <div id="app"> <div> <span>名:</span> <span> <input type="text" v-model='firstName'> </span> </div> <div> <span>姓:</span> <
2021-01-20 23:11:54 95
原创 vue 后台管理系统-登录组件-退出登录
1.router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Login from '../components/Login.vue'import Home from '../components/Home'Vue.use(VueRouter)const routes = [ { path: '/', redirect: '/login' }, { path: '/login', compo
2021-01-20 23:11:25 767 1
转载 vue 组件-局部
<body> <div id="app"> <hello-world></hello-world> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> var HelloWorld = { data: function(){
2021-01-20 23:10:58 95
原创 vue 组件
<body> <div id="app"> <button-counter></button-counter> <button-counter></button-counter><!--组件可以复用--> </div> <script type="text/javascript" src="js/vue.js"></script> <script ty
2021-01-20 23:10:34 93
原创 vue 实例的生命周期
<body> <div id="app"> <div>{{msg}}</div> <button @click='update'>更新</button> <button @click='destroy'>销毁</button> </div> <script type="text/javascript" src="js/vue.js"></scrip
2021-01-20 23:10:12 78
原创 vue vue实例中的data与vue组件中的data()
vue组件就是vue实例,可以被复用.而在复用时,希望组件中的data应该是相互隔离的.如果使用data : { count: 0 }的形式,则复制的该组件会共享data中的数据,所以要使用:data () { return { count: 0 }}的形式参考:https://www.cnblogs.com/wangjiachen666/p/9876266.htmlhttps://blog.csdn.net/admin123404/article/detai
2021-01-20 23:09:03 893
原创 vue 指令 自定义-带参数
<body> <div id="app"> <input type="text" v-color='msg'> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> Vue.directive('color', { bind: function(
2021-01-20 23:08:32 408
原创 vue 表单修饰
<body> <div id="app"> <input type="text" v-model.number='age'><!--自动转换为number类型--> <input type="text" v-model.trim='info'><!--去掉两边的空白--> <input type="text" v-model.lazy='msg'> <div>{{msg}}&l
2021-01-20 23:08:09 87
原创 vue 表单 textarea
<body><div id="app"> <div> <span>个人简介:</span> <textarea v-model='desc'></textarea> </div> <input type="submit" value="提交" @click.prevent='handle'></div><script
2021-01-20 23:07:35 387
原创 vue 表单 select option
<body><div id="app"> <div> <span>职业:</span> <select v-model='occupation' multiple> <option value="0">请选择职业...</option> <option value="1">教师</option>
2021-01-20 23:07:04 218
原创 vue 表单 input checkbox
<body><div id="app"> <div> <span>爱好:</span> <input type="checkbox" id="ball" value="1" v-model='hobby'> <label for="ball">篮球</label> <input type="checkbox" id="sing" v
2021-01-19 22:07:26 1219
原创 vue 表单 input text
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> 姓名: <input type="text" v-model='uname'> <input type="submi
2021-01-19 22:06:58 540
2016最新中国行政区划分
2016-12-12
CSDN 如何搜索自己感兴趣的问题回答?
2017-05-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人