随笔档案「2021年11月」 - 青竹之下

vue_表单

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 </title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> 阅读全文

posted @ 2021-11-28 11:26 青竹之下阅读(56) 评论(0) 推荐(0)

动态点击事件

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> < 阅读全文

posted @ 2021-11-28 11:21 青竹之下阅读(76) 评论(0) 推荐(0)

class 属性绑定

摘要：我们可以为 v-bind:class 设置一个对象，从而动态的切换 class: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue</title> <script src="https://cdn.staticfile.o 阅读全文

posted @ 2021-11-28 11:16 青竹之下阅读(60) 评论(0) 推荐(0)

Vue.js 监听属性

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue. 阅读全文

posted @ 2021-11-28 10:59 青竹之下阅读(60) 评论(0) 推荐(0)

vue计算属性的实例：

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue. 阅读全文

posted @ 2021-11-28 10:55 青竹之下阅读(53) 评论(0) 推荐(0)

Vue.js 过渡 & 动画

摘要：过渡 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。语法格式 <transition name = "nameoftransition"> <div></div> </transition> 实例: 阅读全文

posted @ 2021-11-27 21:51 青竹之下阅读(113) 评论(0) 推荐(0)

foreach

摘要：当一个条件中需要多个参数时则需要将多个参数拼接到一起,例如: in, not in select id="searchProducts" parameterType="products" resultType="products"> select *from products <where> <if 阅读全文

posted @ 2021-11-26 10:10 青竹之下阅读(196) 评论(0) 推荐(0)

Vue.js Ajax

摘要：<script src="https://unpkg.com/axios/dist/axios.min.js"></script> new Vue({ el: '#app', data () { return { info: null } }, mounted () { axios .get('ht 阅读全文

posted @ 2021-11-25 21:32 青竹之下阅读(78) 评论(0) 推荐(0)

Vue.js 响应接口

摘要：Vue 可以添加数据动态响应接口。例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。 <div id = "app"> <p 阅读全文

posted @ 2021-11-25 10:25 青竹之下阅读(61) 评论(0) 推荐(0)

Vue.js 组件 - 自定义事件

摘要：父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface)，即：使用 $on(eventName) 监听事件使用 $emit(eventName 阅读全文

posted @ 2021-11-23 10:23 青竹之下阅读(120) 评论(0) 推荐(0)

vue案例

摘要：走马灯 <body> <div id='app'> <button @click="start">浪起来</button> <button @click="stop">低调</button> <h3>{{title}}</h3> </div> </body> <script> const vm = 阅读全文

posted @ 2021-11-22 21:55 青竹之下阅读(191) 评论(0) 推荐(0)

spring-mvc.xml解读

摘要：注意：casServerLoginUrl和casServerUrlPrefix必须使用域名，且域名要和证书中的“名字与姓氏”完全相同，没有域名的可以配置本地hosts做映射我的hosts配置是这样：这里用的一台机器，两个域名均指向了本机，有域名的童鞋及土豪无视 c) spring-mvc.xml 阅读全文

posted @ 2021-11-20 09:59 青竹之下阅读(447) 评论(0) 推荐(0)

一对多映射

摘要：需求:根据用户编号查询用户信息以及用户所有订单信息 sql语句为: select u.*,o.*,o.id oid from kuser u join orders o on o.user_id = u.id where u.id = 1; UserMapper.xml <?xml version= 阅读全文

posted @ 2021-11-19 10:14 青竹之下阅读(126) 评论(0) 推荐(0)

vue：v-once

摘要：v-once：不发生改变例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{message}}</h2> 阅读全文

posted @ 2021-11-19 10:08 青竹之下阅读(40) 评论(0) 推荐(0)

pthon1

摘要：直接利用session+id来执行sql的方式存在一些问题 session执行sql时都需要提供要执行sql的id,而这个id是字符串类型,意味着id是否正确在编译期间是无法获知的,必须等到运行时才能发现错误, sql需要的参数和返回值类都不明确,这也增加了出错的概率理想的状况:像调用方法一样调用阅读全文

posted @ 2021-11-19 10:05 青竹之下阅读(68) 评论(0) 推荐(0)

嵌套映射

摘要：当关联查询非常复杂时,可以用嵌套的select,其原理是在映射复杂数据时执行另一个select来完成 <resultMap id="order_resultMap2" type="Order" autoMapping="true"> <id column="id" property="id"/> < 阅读全文

posted @ 2021-11-17 10:15 青竹之下阅读(121) 评论(0) 推荐(0)

v_html

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{url}}</h2> <h2 v-html="url"></h2></ 阅读全文

posted @ 2021-11-17 10:09 青竹之下阅读(42) 评论(0) 推荐(0)

vue_计数器

摘要：<div id="app"> <h2>当前计数: {{counter}}</h2>   <button v 阅读全文

posted @ 2021-11-17 10:05 青竹之下阅读(30) 评论(0) 推荐(0)

mustache语法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{message}}</h2> <h2>{{message}} 阅读全文

posted @ 2021-11-17 10:05 青竹之下阅读(224) 评论(0) 推荐(0)

vue列表展示

摘要：<div id="app"> <ul> <li v-for="item in movies">{{item}}</li> </ul> </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#ap 阅读全文

posted @ 2021-11-17 10:04 青竹之下阅读(92) 评论(0) 推荐(0)

vue01

摘要：vue基础语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{message}}</h2> <h1>{{n 阅读全文

posted @ 2021-11-17 10:03 青竹之下阅读(36) 评论(0) 推荐(0)

远程仓库

摘要：克隆远程仓库另一种方式是克隆远程目录，由于是将远程服务器上的仓库完全镜像一份至本地，而不是取某一个特定版本，所以用clone而不是checkout，语法格式如下： # 克隆一个项目和它的整个代码历史(版本信息) $ git clone [url] 执行：比如我们要从克隆的远程仓库托管在githu 阅读全文

posted @ 2021-11-17 09:39 青竹之下阅读(86) 评论(0) 推荐(0)

单点登录

摘要：cas4.0 单点登录之 cas-client cas4.0 单点登录之 https证书已经做好了证书的准备工作，现在结合cas-server来配置单点登录；一、安装cas服务端（cas-server) cas服务端是一个war包，这里只做体验单点登录，cas-server下载点这里cas- 阅读全文

posted @ 2021-11-15 22:51 青竹之下阅读(96) 评论(0) 推荐(0)

springboot包装

摘要：spring boot的这个做法很好，避免了传统的web应用来出错时，默认抛出异常，容易泄密。 spring boot应用的maven打包过程先通过maven-shade-plugin生成一个包含依赖的jar，再通过spring-boot-maven-plugin插件把spring boot lo 阅读全文

posted @ 2021-11-13 10:01 青竹之下阅读(160) 评论(0) 推荐(0)

数据类型问题类型

摘要：String类型：它是一个二进制安全的字符串，意味着它不仅能够存储字符串、还能存储图片、视频等多种类型, 最大长度支持512M。对每种数据类型，Redis都提供了丰富的操作命令，如： GET/MGET SET/SETEX/MSET/MSETNX INCR/DECR GETSET DEL 哈希类型阅读全文

posted @ 2021-11-12 21:29 青竹之下阅读(253) 评论(0) 推荐(0)

Git目录

摘要：、移除文件与目录（撤销add）当执行如下命令时，会直接从暂存区删除文件，工作区则不做出改变 #直接从暂存区删除文件，工作区则不做出改变 git rm --cached <file> 执行命令通过重写目录树移除add文件： #如果已经用add 命令把文件加入stage了，就先需要从stage中撤销阅读全文

posted @ 2021-11-09 01:07 青竹之下阅读(294) 评论(0) 推荐(0)

Source Tree

摘要：Source Tree SourceTree是老牌的Git GUI管理工具了，也号称是最好用的Git GUI工具。强大，功能丰富，基本操作和高级操作都设计得非常流畅，适合初学者上手，支持Git Flow。 – 免费– 功能强大：无论你是新手还是重度用户，SourceTree 都会让你觉得很顺手。对于阅读全文

posted @ 2021-11-08 10:00 青竹之下阅读(2644) 评论(0) 推荐(0)

ModelAndView

摘要：ModelAndView 返回值若处理器方法处理完后，需要跳转到其他资源，且又要在跳转的资源间传递数据，此时处理器方法返回 ModelAndView 比较好。当然，若要返回 ModelAndView，则处理器方法中需要定义 ModelAndView对象。返回值 String ，表示逻辑视图名称或完阅读全文

posted @ 2021-11-06 21:36 青竹之下阅读(267) 评论(0) 推荐(0)

注解式

摘要：注解式开发 @RequestMapping 定义请求规则放在类上面使用/** @RequestMapping* value:所有请求的公共部分，叫做模块名称* 位置：在类的上面* */ @Controller@RequestMapping("/user")//或者@RequestMapping(" 阅读全文

posted @ 2021-11-05 21:33 青竹之下阅读(80) 评论(0) 推荐(0)

JdbcTemplate

摘要：JdbcTemplate 操作数据库（修改和删除）//1、修改@Overridepublic void updateBook(Book book) { String sql = "update t_book set username=?,ustatus=? where user_id=?"; Obj 阅读全文

posted @ 2021-11-05 10:29 青竹之下阅读(182) 评论(0) 推荐(0)

属性映射

摘要：在一些情况下数据库的记录和POJO对象无法直接映射,包括两种情形: 数据库字段与POJO字段名称不同(可以避免); 关联查询时,需要将关联表的数据映射为另一个类型的POJO(一对一),或List中(一对多); 在MyBatis中通过resultMap来完成自定义映射 7|11.自定义字段与属性映射阅读全文

posted @ 2021-11-04 10:13 青竹之下阅读(155) 评论(0) 推荐(0)

DOM操作:

摘要：1 getElementById //获取ID元素 2 getElementsByTagName // 获取class类元素 3 childNodes //子节点特殊浏览器包括默认的文本节点（换行等……） 4 children //子节点 5 firstChild/firstElementChil 阅读全文

posted @ 2021-11-02 09:31 青竹之下阅读(86) 评论(0) 推荐(0)

定时器

摘要：setTimeoutclearTimeoutsetIntervalclearInterval 数组和数组操作 1 var arr = []; 2 var arr = new Array(); 3 push 4 pop 5 shift 6 unshift 7 splice 8 join 9 sort 阅读全文

posted @ 2021-11-01 09:33 青竹之下阅读(54) 评论(0) 推荐(0)

huaobin

11 2021 档案