- 博客(33)
- 收藏
- 关注
原创 mybatis框架笔记2
SQL映射文件开发:<!-- id:必须和接口中的方法名完全一致 注意:Mapper接口不支持方法重载的 parameterType:是参数类型 全类名 resultType:返回值类型 SQL映射文件中,sql语句获取参数的语法: #{} ${} #{}:没有SQL注入的问题 推荐使用 ${}:有SQL注入的问题 增加数据 修改数据 删除数据(删除一条数据 批量删除) 查询数据(单表查询 多表连接 组合查
2021-02-26 08:54:33 82
原创 mybatis核心配置文件
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration> <!-- xml文档有且只有一个根元素 --> <!-- mybatis核心配置文件的元素是有顺序要求
2021-02-23 18:55:07 281
原创 mybatis框架的搭建过程和开发流程
搭建:创建一个普通的java工程,引jar包开发流程:引入mybatis的核心配置文件,在配置文件中配置连接环境<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration> <
2021-02-23 14:45:46 169
原创 前端笔记
CSS的基本语法: 选择器{ 样式名称:样式的值; 样式名称:样式的值; 样式名称:样式的值; } 选择器:用来定位页面元素 基本选择器 标签选择器:直接以标签名称当做选择器,当前文档中所有该标签都拥有这套样式 ID选择器:#id的名称 可以唯一定位页面某个元素设定样式 类选择器:.类名称 可以给页面的部分元素设定同样的样式 复合选择器 后代选择器:外层元素选择器 里层元素选择器 中间是空格间隔 交集选择器:由两个选择器构成,第一个必须是标..
2021-02-22 17:52:23 106
原创 笔记
/** http请求:* 请求行:请求方法* 头信息* 空行* 请求体*/System.out.println(“进入doGet方法”);//获取当前请求的请求方式String method = request.getMethod();System.out.println(method);//获取上下文路径String path = request.getContextPath();System.out.println(path);//获取当前请求路径StringBuffer
2021-02-21 16:37:51 102
原创 vue浏览器出现 Cannot read property ‘length‘ of undefined 的报错信息
报错原因:后台在返回数据时是需要时间的 不管多快 都是需要时间的 但是在初始化时,并没有给一个空的数组 注意 是数组形式 所以当调用 .length 方法时 这时后台数据还没有返回回来 此时它不是数组 就会报错解决方案:可以在整体加一个 v-if这样当数据还没有返回时 就不会渲染 只有数据返回回来时 才会进行渲染这样就可以解决报错的问题代码块例如:友情提示:当浏览器出现如下报错信息时 看到Error in render 的问题 都是浏览器渲染问题...
2021-02-21 11:31:28 293
原创 Web应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- Web应用 前后端分离: 前端应用 服务器端应用 前后端的连接: 请求的发送 相应的处理 AJAX技术: 进行请求的发送 实现页面局部刷新,异步处理 请求发送的方
2021-02-13 09:29:09 155 4
原创 vue13--编程式路由的实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>编程式路由的实现</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/v
2021-02-13 09:26:46 229
原创 vue12--路由--菜单栏的开发
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>路由--菜单栏的开发</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/np
2021-02-13 09:25:17 137
原创 vue11--组件之间的通信--子组件往父组件传值(不可自动触发)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件之间的通信--子组件往父组件传值(不可自动触发)</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body>
2021-02-13 09:24:07 266
原创 vue10--组件之间的通信--父往子传值(可自动触发)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件之间的通信--父往子传值(可自动触发)</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> &l
2021-02-13 09:15:48 154 2
原创 vue09--组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-13 09:14:39 107
原创 vue08--全局组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全局组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:37:03 105
原创 vue07--计算属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:35:28 221
原创 vue06--表单绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:32:08 85
原创 vue05--条件渲染指令与循环指令
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>条件渲染指令与循环指令</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="ap
2021-02-12 21:30:55 118
原创 vue04--事件处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件处理</title> <style> .style1{ width: 100px; height: 100px; background-color: antiquewhite; } .style2{ width: 100px; he
2021-02-12 21:29:40 150 2
原创 vue03--属性与样式绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>属性与样式绑定</title> <style> .fontSize{ font-size: 30px; } .backColor{ background-color: aqua; } .redcolor{ color:red; }
2021-02-12 21:27:49 112
原创 vue02--文本渲染
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文本渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <!-- 文本渲染:
2021-02-12 21:26:31 1152 4
原创 vue01--引用vue.js在线文件,安装
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!--引用vue.js在线文件,安装--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <bod
2021-02-12 21:24:29 144
原创 es6-2 模块化开发
index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>es6模块化开发</title> <script src="js/module2.js" type="module"></script> </head> <body> </body></html>mo
2021-02-12 21:20:18 153
原创 es6-1 按钮
index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/index.js" ></script> </head> <body> <button type="button" id=
2021-02-12 21:17:39 170 1
原创 页面跳转
first.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function goPage(){ location.href="second.html";//实现页面跳转 } </script> </head> <body>
2021-02-11 12:12:57 233
原创 表单校验
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单校验</title> <script src="js/demo09.js" type="text/javascript"></script> </head> <body> <div> 用户名:<input type="te
2021-02-11 12:08:58 96
原创 JS事件处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS事件处理</title> <script src="js/demo08.js" type="text/javascript"></script><!--引入js文件--> <link href="css/demo08.css" rel="styles
2021-02-11 12:05:46 119 1
原创 DOM编程
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>DOM编程</title> <style> .sty{/*类选择器样式*/ width: 100px; height: 100px; border: 1px solid red; } .sty1{/*类选择器样式*/ /*width: 200p
2021-02-11 12:04:30 106 1
原创 BOM--document对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BOM--document对象</title> <script> /* document对象: 常用对象集合: forms:代表页面中所有表单的集合 返回值是一个数组 常用对象方法: white():文档中打印信息 w
2021-02-11 12:03:13 212
原创 BOM-浏览器对象模型-- window
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BOM-浏览器对象模型-- window</title> <script> /* BOM-浏览器对象模型:提供独立于内容而与浏览器窗口进行交互的对象(所有对象名称字母均小写) window:整个BOM的核心,是顶级对象
2021-02-11 12:02:02 134
原创 JS对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS对象</title> <script> //创建对象 /*var obj1 = new Object(); obj1.name='test'; obj1.sex='男'; var obj2 = { name:'', sex:''
2021-02-11 12:00:45 152 1
原创 数组对象正则表达式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组对象正则表达式</title> <!-- 数组:存储多个数据的集合 JS中数组的特点: 不要求数据类型一致 长度是不固定的 JS中的数组没有默认值 length属性获取数组长度 -->
2021-02-11 11:59:34 639
原创 流程控制语句
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 流程控制语句: 条件判断语句:if switch 循环语句:for while do-while for in 函数的声明: function 函数名(参数列表){
2021-02-11 11:58:04 75
原创 JS基础知识
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>JS基础知识</title> <!-- JavaScript:用于实现页面动态效果的脚本框架 JS基础知识 JS BOM浏览器对象模型 DOM编程 JS基础知识: HTML中书写js代
2021-02-11 11:56:09 91 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人