JAVAWEB介绍
![](https://i-blog.csdnimg.cn/blog_migrate/4eb884348d95df7c71989f63018e48ab.png)
JAVA课程安排
![](https://i-blog.csdnimg.cn/blog_migrate/433e8abff19fa537b13884e422d0588c.png)
SQL通用语法
![](https://i-blog.csdnimg.cn/blog_migrate/4c96ee81f44748d97f99b8d0bd332e20.png)
SQL分类
![](https://i-blog.csdnimg.cn/blog_migrate/ce7381a79786d16863de58e225a9a12b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0d7c3c4004b28983721e92272aa21e7c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e9eda2d344d70c66dc6da1fb48c38f89.png)
DDL--操作数据库
![](https://i-blog.csdnimg.cn/blog_migrate/5530a8a6f4fb6238de3d43fc2c0f8d58.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b4570762a6b9a173139567b4bb3e0989.png)
DDL 操作数据库
![](https://i-blog.csdnimg.cn/blog_migrate/0b8207da7b32ba7c54ce8602c78f2ca0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9ef666b810e203f6647d4b4544cba841.png)
DML添加数据
![](https://i-blog.csdnimg.cn/blog_migrate/3e102419eea568e1eb8e9799075b0d03.png)
![](https://i-blog.csdnimg.cn/blog_migrate/75f37d014530b1e8cee688dfbde44f6a.png)
数据类型分类
数据库的基本操作
create database 数据库名称;//创建数据库
show create database db1;//查看数据db1表基本信息
drop database db1;//删除数据库db1
alter table stu change 名字 名 varchar(10);/*将stu表中名字的字段名 改成 名 */
varchar(10)//表示长度
外键约束
![](https://i-blog.csdnimg.cn/blog_migrate/d72c4b73f397e81eefa6daa8c6592a48.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1f3d7c7a4e8f8e55bdc393691bb982d8.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e8abfabd81509565a3a036e8466f0548.png)
-- 在创建数据表时语法如下:
CONSTRAINT 外键名 FOREIGN KEY (从表外键字段) REFERENCES 主表 (主键字段)//(从表外键字段)与主表 (主键字段)建立联系
-- 将创建数据表创号后语法如下:
ALTER TABLE 从表名 ADD CONSTRAINT 外键名 FOREIGN KEY (从表外键字段) REFERENCES 主表 (主键字段);
DROP DATABASE IF EXISTS mydb;//如果有 mydb这个数据库就删除
DROP TABLE IF EXISTS student;//判断是否有数据表进行删除
函数
SELECT ADDTIME('14:23:12','01:02:01');/*将两个时间相加*/
SELECT DATE_ADD(NOW(),INTERVAL 1 DAY);/*当前日期往后加一天*/
SELECT DATE_ADD(NOW(),INTERVAL 1 MONTH);
SELECT DATE_SUB(NOW(),INTERVAL 1 DAY);
SELECT DATE_SUB(NOW(),INTERVAL 1 MONTH);
SELECT DATEDIFF('2019-07-22','2019-05-05');/*两个日期相隔多少天*/
select * from mydb.student where age>=17;/*查询年龄等于或大于17的学生的信息 MySQL命令:/
select * from mydb.student where sid in ('S_1002','S_1003');/*查询指定数据库表是否有指定的学生数据*/
![](https://i-blog.csdnimg.cn/blog_migrate/1441898feaf9b7c1f0d0d60c1508ca48.png)
多行单列查询一般也是嵌套查询
索引
--添加索引前给用户添加数值较大的数据添加很慢
-- 添加索引
create index idx_sku_sn on tb_sku (sn); #在添加索引时,也需要消耗时间
-- 查询数据(使用了索引)
select * from tb_sku where sn = '100000003145008';添加索引后 数值添加很快
优点:
1. 提高数据查询的效率,降低数据库的IO成本。
2. 通过索引列对数据进行排序,降低数据排序的成本,降低CPU消耗。
缺点:
1. 索引会占用存储空间。
2. 索引大大提高了查询效率,同时却也降低了insert、update、delete的效率。
![](https://i-blog.csdnimg.cn/blog_migrate/d07a25d580ed59ce8b378a5755384f48.png)
事务
![](https://i-blog.csdnimg.cn/blog_migrate/c19a0df50f26d2bc13265b324538d7ff.png)
事务四大特征
![](https://i-blog.csdnimg.cn/blog_migrate/5036f68caad207596bca981ccee09adc.png)
零时开启 回滚事务以及提交事务 案例
![](https://i-blog.csdnimg.cn/blog_migrate/6e1a3e7801d8e316e8cb3518bf5c72da.png)
操作案例:
![](https://i-blog.csdnimg.cn/blog_migrate/b6fc13088a854e0a3a0cd6ab4cec1929.png)
查询提交方式
![](https://i-blog.csdnimg.cn/blog_migrate/2c90f9bb5f8eeba25e8427703a0b6587.png)
简略JAVAWEB前端
![](https://i-blog.csdnimg.cn/blog_migrate/677e972a53c9f17fa011ff6dfce76c2b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/47811df33ff85a604839f4dfc4c8e082.png)
元素选择器<span>(没有语义的标签)
元素 类 ID选择器
![](https://i-blog.csdnimg.cn/blog_migrate/9d5cf32973200daa80d52f378af445c3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8b53f6db965c3adbdf898089f86a72bf.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3708587ee4eb69c46facba9763d6c32e.png)
超链接
![](https://i-blog.csdnimg.cn/blog_migrate/7b0992603eb564402e634189e7feaeaa.png)
插入视频
![](https://i-blog.csdnimg.cn/blog_migrate/cbc97f65452afa4487e9c214a3c41c6a.png)
案例:
![](https://i-blog.csdnimg.cn/blog_migrate/e8588e1628282a3cb616a5ffa522d3ba.png)
盒子模型
![](https://i-blog.csdnimg.cn/blog_migrate/6707e96bb6f357536abfb7362a345ae7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f0b4c81449983cf99b265c0a3e8c1efb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0fe5b0260a4af5b3fef9ef920747449a.png)
案例:
![](https://i-blog.csdnimg.cn/blog_migrate/43dc65c7d91bc376dd53f1f45bdec2ad.png)
表格标签
![](https://i-blog.csdnimg.cn/blog_migrate/7f0900d1456ec59df821559252d001d8.png)
表单标签
![](https://i-blog.csdnimg.cn/blog_migrate/a6e1c7cf8af2b1e3dfb32653a711792a.png)
案例:
![](https://i-blog.csdnimg.cn/blog_migrate/66448878c805e666d1dacc6a89d4a0f3.png)
表单标签-表单项
![](https://i-blog.csdnimg.cn/blog_migrate/6fc19a48472145c58fd9c95062f08af4.png)
案例
![](https://i-blog.csdnimg.cn/blog_migrate/295038a777676a62503abededa23ada6.png)
JavaScript引入方式
![](https://i-blog.csdnimg.cn/blog_migrate/cf19f7ded01e38b61312d1e7985f6fd2.png)
输出语句
![](https://i-blog.csdnimg.cn/blog_migrate/147fa27253678dc4ccd5f0251a832754.png)
变量命名
![](https://i-blog.csdnimg.cn/blog_migrate/98910220e20244bd23748d2bafe86a49.png)
案例 (var关键字 )(全局变量内有效)
![](https://i-blog.csdnimg.cn/blog_migrate/39f7f4981404619bffcbb22c1b847c52.png)
let关键字(局部变量内有效 不能被重复定义)
案例
![](https://i-blog.csdnimg.cn/blog_migrate/26d85fca6b2ef22fa04048b23f989ec3.png)
const常量关键字(案例有错常量不能被改变)
![](https://i-blog.csdnimg.cn/blog_migrate/10c608b7b131fc06130be78e16fe8506.png)
运算符
![](https://i-blog.csdnimg.cn/blog_migrate/8c72f576bc625a5f3b0672d733273773.png)
函数
![](https://i-blog.csdnimg.cn/blog_migrate/7dc018e0a18320ee1db79828f552984b.png)
案例 函数的定义与调用
![](https://i-blog.csdnimg.cn/blog_migrate/1eda4b5d10be335dadeebe85c34022d3.png)
Array数组
![](https://i-blog.csdnimg.cn/blog_migrate/57a48fc11d887eaec50fab4ab44c292d.png)
案例
![](https://i-blog.csdnimg.cn/blog_migrate/de3ad86530a4515c4be31b3c944f5d52.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0f5934db31ed92d8ca15ccc0065433d2.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/616040b46f7168da817b70232770bae5.png)
json基础语法
![](https://i-blog.csdnimg.cn/blog_migrate/3e1157299e12c77a1192c9b7171e10b1.png)
案例
![](https://i-blog.csdnimg.cn/blog_migrate/5e61f340372bfa6a0d78c5c34fb5765d.png)
BOM
![](https://i-blog.csdnimg.cn/blog_migrate/197fb77a7617a36b5167d63591c12622.png)
获取window属性
![](https://i-blog.csdnimg.cn/blog_migrate/bd8cad105810c29cfe5db75a04a7b533.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/44f496d2fdc7d58fc78475b37aca357b.png)
location
![](https://i-blog.csdnimg.cn/blog_migrate/608ae58c7828caebd4b56cc6c988f16b.png)
DOM对象
![](https://i-blog.csdnimg.cn/blog_migrate/5179ce0c7a8935077d5f188760329fd6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ad767beec491ec54aae6c161c4a82000.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/e6cfdacfcf0d87c12b08b1849b9f2cd4.png)
案例二:
![](https://i-blog.csdnimg.cn/blog_migrate/b0a0a9816ac6ca229cae2ba7ea098fc7.png)
运行效果
![](https://i-blog.csdnimg.cn/blog_migrate/48e14f8adeb2932af57e529c45963d77.png)
JS事件监听
JS事件绑定
![](https://i-blog.csdnimg.cn/blog_migrate/ea33397182f1d19e6565a636b4d6ebd9.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/26ce9d30356a4a0c5448a25bf2e06b79.png)
聚焦事件离焦事键
案例
![](https://i-blog.csdnimg.cn/blog_migrate/8a8101c47d234af2bf627bd5fec5f3b0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/6d01d75ef90b1a089aa0c9a4fb014ad2.png)
vue
vue常用指令
![](https://i-blog.csdnimg.cn/blog_migrate/72c8c285b35cfe9f31e2a631709467fd.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/d3c134a54aaa665356d29bb5a4e2f829.png)
案例2
![](https://i-blog.csdnimg.cn/blog_migrate/9e18c0887d0b0623f203d0d4d501b1e1.png)
v-if和v-show
![](https://i-blog.csdnimg.cn/blog_migrate/ebf3a26480e02c869e0e0b7f415d7d3f.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/d48ac229f573e4be4a18302d20770e6e.png)
案例2
![](https://i-blog.csdnimg.cn/blog_migrate/921a05944ee6bfc5caefcf843f126751.png)
vue生命周期
![](https://i-blog.csdnimg.cn/blog_migrate/4e55491dbb516713d84e040fb1589179.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/6d1ee21831bd83536ece9c3bb8da67cf.png)
Ajax介绍
![](https://i-blog.csdnimg.cn/blog_migrate/d96d6650a9903b9d2a8867e8eb2345e4.png)
vue-cli脚手架
![](https://i-blog.csdnimg.cn/blog_migrate/d6d3c17e43e987a2aea16d8f53bd4171.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9340ad077dec146b535361ac1ebbfcb5.png)
创建vue目录型项目
![](https://i-blog.csdnimg.cn/blog_migrate/a56858309b0ca4ce702684574926c821.png)
案例1
![](https://i-blog.csdnimg.cn/blog_migrate/53ab9f7a4d53100c053998b8241a03cd.png)
element入门
![](https://i-blog.csdnimg.cn/blog_migrate/b17dccef1a6e2e56e6e6ab3b2d63815a.png)
调用element组件
![](https://i-blog.csdnimg.cn/blog_migrate/a78051fa26d8bed407be67c7a7e43d7b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/93ef43727f817fd467e6e75ab78cb768.png)
分页组件
![](https://i-blog.csdnimg.cn/blog_migrate/f7edad733e32f55f906f8ec7fe292bd7.png)
methods用来定义方法
Maven
作用
![](https://i-blog.csdnimg.cn/blog_migrate/a595433805d9bc9bf513e88b0fa418ca.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b79b03921a710f67599d4c5cab769927.png)
Maven坐标
![](https://i-blog.csdnimg.cn/blog_migrate/b1937f163836314c92363365f8dd7269.png)
maven配置依赖
![](https://i-blog.csdnimg.cn/blog_migrate/778dfa52dab9621de5cad778b4c58f88.png)
mvnreposit.com
排除依赖
A要依赖B B要依赖C,但A不想依赖文件B中的C, 所以就要用到排除依赖
![](https://i-blog.csdnimg.cn/blog_migrate/1e870ae438772679d2b98aa532bf4b36.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1d11ef2348df6816c83043ddc889af43.png)
依赖打包
![](https://i-blog.csdnimg.cn/blog_migrate/b4e54fc74ea74528bdae96632a823320.png)
maven的生命周期
![](https://i-blog.csdnimg.cn/blog_migrate/ae507e982ca23021949c40713b232812.png)
SpringBootWeb入门
![](https://i-blog.csdnimg.cn/blog_migrate/7df28f709c2d674d7dcd9cb8ddc5d595.png)
Http协议
![](https://i-blog.csdnimg.cn/blog_migrate/81576f9d809cd73b7a53b4cb53f446d6.png)
Http请求各式
![](https://i-blog.csdnimg.cn/blog_migrate/0ee592f79dad70d705229635c0aecd55.png)
Http响应格式
![](https://i-blog.csdnimg.cn/blog_migrate/cc9159e3e9a7e27deae6e5118b1d75b7.png)
服务器响应常见状态码
![](https://i-blog.csdnimg.cn/blog_migrate/c9c2eb9b2212d7ef2a85a6682b9e48bb.png)
200 404 500
![](https://i-blog.csdnimg.cn/blog_migrate/d1d5196c26f11b23f19a9a80dc726b01.png)
请求响应
![](https://i-blog.csdnimg.cn/blog_migrate/6845771905facace87f13cd9c8ccb374.png)
![](https://i-blog.csdnimg.cn/blog_migrate/96f29c3b70404fb96617f4eadee97227.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d2a437d4ac5bbf68f5c2971c20310cdb.png)
@RequestParam将多个请求参数的值封装到List集合
![](https://i-blog.csdnimg.cn/blog_migrate/2264ca14e6cd0ad3dba5e4d1833172d7.png)
8080端口号被占用该如何解决
响应请求路径参数
![](https://i-blog.csdnimg.cn/blog_migrate/6698424ac1349c0f104bdbd9d1b63ce6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/dc6bcb5ff395972cc652f74c2b8a667a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e006b4430b0ca979a1f6d130a1a69e24.png)
分层解耦三层架构
![](https://i-blog.csdnimg.cn/blog_migrate/585370f01f473db6975475527cd7ca76.png)
三层架构
![](https://i-blog.csdnimg.cn/blog_migrate/be0461ebfc29cb01756fdb2ef78f539a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/dd3f6f49e3b1fe85847e509e464065e9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c3bb055e28dfc0a140e0866195f1e6b1.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5bed3d9acd96ef6d4ac58e769f36ec23.png)
@Resource与@Autowired区别
![](https://i-blog.csdnimg.cn/blog_migrate/b88b6a0da5a535db081d9196da0e7dc6.png)
Mybaits
与数据库连接代码
连接目录文件的优先级properties>yaml>yml
#驱动类名称
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
#数据库连接的url
spring.datasource.url=jdbc:mysql://localhost:3306/mybatis
#连接数据库的用户名
spring.datasource.username=root
#连接数据库的密码
spring.datasource.password=123456
使用三个注解前需要映入lombok依赖
@Data//将Getter Setter Tostring @EqualsAndHashCode注解都封装在了一起
@NoArgsConstructor//无参数构造
@AllArgsConstructor//全参构造
# 在application.properties中添加:
mybatis.configuration.map-underscore-to-camel-case=true//为了防止字段名和类的变量不一样(在连接数据库的问价夹添加)
lombok
![](https://i-blog.csdnimg.cn/blog_migrate/7db67082145824030dbf55ee1af42606.png)
动态SQL
if
![](https://i-blog.csdnimg.cn/blog_migrate/3e666eec9c5927be1b1f9de13ba1fb8e.png)
foreach
![](https://i-blog.csdnimg.cn/blog_migrate/7d94cbbd99d681bd16992bb145b17b91.png)
终结
![](https://i-blog.csdnimg.cn/blog_migrate/195de551f9e43567557966466eb841d6.png)
日志
用@Slf4注解可以直接使用log
//@DateTimeFormat(pattern = "yyyy-MM-dd")指定前端传来的日期时间的格式
@GetMapping注解
@GetMapping是Spring4.3提供的新注解,它是一个组合注解,等价于@RequestMapping(method = RequestMethod.Get ),用于简化开发,注意:@RequestMapping如果没有指定请求方式,将接收Get、Post、Head、Options等所有的请求方式.同理还有@PostMapping、@PutMapping、@DeleteMapping、@PatchMapping等
原文链接:@GetMapping注解_独行老僧的博客-CSDN博客
文件上传三要素
![](https://i-blog.csdnimg.cn/blog_migrate/91c890dd24fa886b24aecd5f89d166a1.png)