Java使用jdbc连接数据库
Java使用JDBC操作MySQL数据库
1. 下载Java语言操作MySQL的驱动jar包
选择版本 mysql-connector-java-5.1.48.jar
https://mvnrepository.com/artifact/mysql/mysql-connector-java
2. 准备数据表
CREATE TABLE `book` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '图书名称',
`quantity` int(11) NOT NULL DEFAULT '0' COMMENT '库存数量',
`price` ...
Vue前端交互模式
前后端交互模式
接口调用方式
原生ajax
基于jQuery的ajax
fetch
axios
Promise用法
异步调用
异步效果分析
定时任务
Ajax
事件函数
多次异步调用的依赖分析
多次异步调用的结果顺序不确定
异步调用结果如果存在依赖需要嵌套(回调地狱)
var p = new Promise(function(resolve,reject){
//成功调用resolve()
//失败调用reject()
});
p.then(function(ret){
//从resolve得到正常结果
},function(ret){
//从reject得到错误信息
})
处理原生Ajax
functio...
Vue组件
组件命名方式
**如果使用驼峰式命名组件,那么在使用组件的时候,只能在字符串模板中使用驼峰的方式使用组件,但是在普通的标签模板中,必须使用短横线的方式使用组件 **
短横线方式
Vue.component('my-component',{})
驼峰方式
Vue.component('MyComponent',{})
局部组件注册
var 局部组件名 = {}
components:{
'短横线方式':局部组件名
}
使用方式
<短横线方式></短横线方式
局部组件只能在注册它的父组件中使用
组件间数据交互
props属性名规则
在props中使用驼峰的形式,模板中需要使用短横线的形式
字符串形式的模板中没有这个限制
props传递数...
webpack的使用
使用步骤
在需要打包的项目中新建一个webpack.config.js文件
下载webpack依赖插件到本地项目中
npm install webpack --save-dev
此时,会在该项目中自动生成node_modules文件夹
然后配置webpack.config.js文件
var webpack = require('webpack')
module.exports = {
//配置入口文件,可以是对象形式,也可以是数组形式,可以省略后缀名
// entry:{
// index:'./index'
// }
entry:[
'./index'
],
//输出文件出口
outp...
Vue表单操作
v-model //双向数据绑定
@click='handle' //点击事件绑定
@click.prevent='handle' //取消默认行为
表单域修饰符
number:转换为数值
trim:去掉开始和结尾的空格
lazy:将input事件切换为change事件
<input v-model.number="age" type="number">
自定义指令
//注册一个全局自定义指令'v-focus'
Vue.directive('focus',{
//当被绑定的元素插入到Dom中时
inserted:function(el){
//聚焦元素
el.focus()
}
}...
40 post articles, 5 pages.