自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(70)
  • 收藏
  • 关注

原创 html中定义方法

function submit (){ var resumePosition=$('#resumePosition option:selected').text(); var resumeName = document.getElementById("resumeName").value; var resumeSex = $('#resumeSex option:selected').text(); var resumePhonenumber = document.getElementById.

2022-03-28 13:42:23 663

原创 spring boot小知识点

1.@Autowired 先bytype,然后byname 在构造函数上添加这个注解,直接强制运行这个构造函数2.@Resource 先byname,bytype3.@Primary(设置主从)4.@Qualifier(别名)5.@Priority(设置优先级)@PostConstruct(初始化后赋值)与implements InitializingBean效果一样...

2022-03-14 17:04:05 905

原创 SpringBoot

一:创建spring boot第一步:注意红色方框第二步:只用web的时候,选择web中的springweb注:需要用到数据库的时候:第三步:配置pom文件:注:需要用到MySQL的时候需要配置:第四步:完成后先创建实体类entity:第五步:写出红色方框中第六步:然后配置文件application:注:配置连接MySQL的文件:第七步:调取数据库数据,创建mapper层:第八步:在controller层...

2022-02-10 18:31:38 700

原创 10.强制类型转换

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* 强制类型转换 .

2021-12-21 18:14:29 199

原创 9. Null和Undefined

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* Null类型的值只有一.

2021-12-21 18:13:48 83

原创 8.布尔值

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* Boolean 布尔值.

2021-12-21 18:13:16 58

原创 7.Number

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* 在JS中所有数值都是Nu.

2021-12-21 18:12:19 57

原创 6.数据类型

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> var a = 123; /* 数据类型指的就是字面量的类型 在JS中一共有六种数据类型 String 字符串 Number 数值 .

2021-12-21 18:11:43 71

原创 5.标识符

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* 标识符 -在js中所有的.

2021-12-21 18:11:03 81

原创 4.字面量和变量

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* 字面量,都是一些不可改.

2021-12-21 18:10:39 84

原创 3.JS的基本语法

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* js注释 .

2021-12-21 18:09:26 314

原创 2.JS代码编写位置

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <!-- 可以将js代码编写到外部js文件中,然后通过script标签引入 写到外部文件中可以在不同的.

2021-12-21 18:08:53 67

原创 1.JavaScript

1.helloworld <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="

2021-12-21 18:08:18 517

原创 加深:2.CSS基础选择器

一、CSS选择器的作用--选择标签以上CSS做了两件事: 1.找到所有的h1标签。选择器(选对人)。 2.设置这些标签的样式,比如颜色为红色(做对事)。<div>我是div</div><div>我是div</div><p>我是段落</p><ul> <li>我是ul里面小i哦</li></ul><ol> <li>我是ol里面小\i哦<

2021-12-15 17:39:07 355

原创 加深1.CSS简介

CSS的主要使用场景就是梅花网页,布局网页的。1.HTML的局限性 说起HTML ,这其实是个非常单纯的家伙,他**只关注内容的语义**。比如<h1>表明这是一个大标题,<p>表明这是一个段落,<img>表明这儿有一个图片, <a>表示此处有链接。 很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点:**丑**。 虽然HTML可以做简单的样式,但是带来的是无尽的臃肿和繁琐......2.CSS-网页的美容师...

2021-12-15 17:36:46 299

原创 7.练习-制作一个固定定位的导航栏

代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> #mydiv01{ width: 65px;

2021-12-14 14:14:41 107

原创 6.盒子模型

【1】生活中案例入手:【2】盒子模型:页面上也有很多元素,元素之间的布局/设计 依靠盒子模型:所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框(border),填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model):【3】在浏览器端验证一下盒子模型:<!DOCTYPE ht.

2021-12-14 14:13:11 722

原创 5.定位(position)

【1】position属性制定了元素的定位类型。【2】静态定位:(static)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> &.

2021-12-13 18:47:12 524

原创 4.浮动讲解

【1】什么是浮动? 浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷,不能违背的。 CSS的Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。说到脱离文档流要说一下什么是文档流,文档流是是文档中可显示对象在排列时所占用的位置/空间,而脱离文档流就是在页面中不占位置了。【2】浮动初衷:文字环绕图片<!DOCTYPE html><html> <head>

2021-12-13 17:43:14 783

原创 3.5练习:百度导航栏

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> ul{ list-style-type: n...

2021-12-13 17:34:38 225

原创 3.4伪类选择器

伪类选择器 像某些选择器添加特殊效果。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="

2021-12-13 17:33:58 32

原创 3.3属性选择器

【1】代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">

2021-12-13 17:33:24 36

原创 3.2关系选择器

【1】div和span<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css

2021-12-13 17:32:56 282

原创 3.1基本选择器

【1】代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">

2021-12-13 17:32:14 144

原创 3.学习重点

2021-12-13 17:31:26 29

原创 2.CSS的书写方式

【1】内联样式:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <!-- 书写方式:内联样式(行内样

2021-12-13 17:30:55 153

原创 1.CSS--引入

【1】为什么要学习CSS?html画页面--》这个页面就是页面上需要的元素罗列起来,但是页面效果很差,不好看,为了让页面好看,为了修饰页面--》CSSCSS的作用:修饰HTML用了CSS后,样式和元素本身做到了分离的效果。---》降低了代码的耦合性。【2】HTML和CSS的关系? 先有HTML,现有页面,修饰页面--》CSS【3】CSS名字:CSS:cascading style sheets(层叠样式表)层叠:样式的叠加样式表:各种各样样式的集合...

2021-12-13 17:28:39 26

原创 27.存储过程

【1】什么是存储过程(Stored Procedure) 通过前面章节的学习,我们已经知道SQL是一种非常便利的语言。从数据库抽取数据,或者对特定的数据集中更新时,都能通过简洁直观的代码实现。 但是这个所谓的“简洁”也是有限制,SQL基本是一个命令实现一个处理,是所谓的非程序语言。 在不能编写流程的情况下,所有的处理只能通过一个个命令来实现。当然,通过使用连接及子查询,即使使用SQL的单一命令也能实现一些高级的处理,但是,其局限性是显而易见的。例如,在SQL中就很难实现针对不同条件进行不同的处理以及循环等功

2021-12-07 09:38:37 860

原创 26.视图

【1】视图的概念:视图(view)是一个从单张或多张基础数据表或其他视图中构建出来的虚拟表。同基础表一样,视图中也包含了一系列带有名称的列和行数据,但是数据库中只是存放视图的定义,也就是动态检索数据的查询语句,而并不存放视图中的数据,这些数据依旧存放于构建视图的基础表中,只有当用户使用视图时才去数据库请求相对应的数据,即视图中的数据是在引用视图时动态生成的。因此视图中的数据依赖于构建视图的基础表,如果基本表中的数据发生了变化,视图中相应的数据也会跟着改变。PS:视图本质上就是:一个查...

2021-12-07 09:37:43 261

原创 25.事务隔离级别

事务的隔离级别用于决定如何控制并发用户读写数据的操作。数据库是允许多用户并发访问的,如果多个用户同时开启事务并对同一数据进行读写操作的话,有可能会出现脏读、不可重复读和幻读问题,所以MySQL中提供了四种隔离级别来解决上述问题。事务的隔离级别从低到高依次为READ UNCOMMITTED、READCOMMITTED、REPEATABLE READ以及SERIALIZABLE,隔离级别越低,越能支持高并发的数据库操作。PS: √代表会出现问题,×代表不会出现问题=...

2021-12-07 09:35:46 260

原创 24.事务并发问题

脏读(Dirty read)当一个事务正在访问数据并且对数据进行了修改,而这种修改还没有提交到数据库中,这时另外一个事务也访问了这个数据,然后使用了这个数据。因为这个数据是还没有提交的数据,那么另外一个事务读到的这个数据是“脏数据”,依据“脏数据”所做的操作可能是不正确的。不可重复读(Unrepeatableread): 指在一个事务内多次读同一数据。在这个事务还没有结束时,另一个事务也访问该数据。那么,在第一个事务中的两次读数据之间,由于第二个事务的修改导致第一个事务两...

2021-12-07 09:34:41 174

原创 23.事务及其特征

事务(Transaction)是用来维护数据库完整性的,它能够保证一系列的MySQL操作要么全部执行,要么全不执行。例子1: 举一个例子来进行说明,例如转账操作:A账户要转账给B账户,那么A账户上减少的钱数和B账户上增加的钱数必须一致,也就是说A账户的转出操作和B账户的转入操作要么全部执行,要么全不执行;如果其中一个操作出现异常而没有执行的话,就会导致账户A和账户B的转入转出金额不一致的情况,为而事实上这种情况是不允许发生的,所以为了防止这种情况的发生,需要使用事务处理。 例子2: 在淘宝购物下订单的时

2021-12-07 09:30:34 79

原创 22.相关子查询

【1】不相关的子查询引入:不相关的子查询:自拆下你可以独立运行,先运行子查询,在运行外查询。相关子查询:子查询不可以独立运行,并且先运行外查询,再运行子查询【2】不相关的子查询优缺点:优点:简单 功能强大(一些是永不相关子查询不能实现或者实现繁琐的子查询你,可以使用相关子查询实现)缺点:稍难理解【3】sql相关展示:-- 【1】查询最高工资的员工信息: (不相关子查询)select *from empwhere sal = (select max(sal) from e

2021-12-07 09:29:16 211

原创 21.多行子查询

-- 多行子查询:-- 【1】查询【部门20中职务同部门10的雇员一样】的雇员信息。-- 查询雇员信息select * from emp;-- 查部门20中的雇员信息select * from emp where deptno = 20;-- CLERK,MANAGER,ANALYST-- 部门10的雇员的职务:select job from emp where deptno = 10; -- MANAGER,PRESIDENT,CLERK-- 查询部门20中职务同部门10的雇员一样的雇员.

2021-12-07 09:28:24 300

原创 20.单行子查询

【1】什么是子查询?一条SQL语句含有多个select-- 引入子查询:-- 查询所有比"CLARK"工资高的员工的信息-- 步骤1:"CLARK"工资select sal from empwhere ename = 'CLARK'; -- 2450-- 步骤2:查询所有比"CLARK"工资搞得员工信息select *from emp where sal > 2450;-- 两次命令解决问题 -->效率低,第二个依托于第一个命令,第一个命令的结果给第二个使用,但是

2021-12-07 09:25:35 111

原创 19.多表查询-自连接

-- 查询员工的编号、姓名、上级编号、上级的姓名select e1.empno 员工编号,e1.ename 员工姓名,e1.mgr 领导编号,e2.ename 员工领导姓名from emp e1inner join emp e2on e1.mgr = e2.empno;-- 左外连接select e1.empno 员工编号,e1.ename 员工姓名,e1.mgr 领导编号,e2.ename 员工领导姓名from emp e1left outer join emp e...

2021-12-07 09:24:48 49

原创 18.多表查询--外连接

-- inner join - on子句:显示的是所有的匹配信息select *from emp einner join dept don e.deptno = d.deptno;select * from emp;select * from dept;-- 问题:-- 1.40号部分没有员工,没有显示在查询结果中-- 2.员工Scott没有部门,没有显示在查询结果中-- 外连接:除了显示匹配的数据外,还可以显示显示不匹配的数据-- 左外连接:left outer join .

2021-12-06 14:04:11 277

原创 17.多表查询--交叉连接、自然连接、内连接

[1]内连接引入:实际开发中往往需要针对两张甚至更多张数据表进行操作,而这多张表之间需要使用主键和外键关联在一起, 然后使用连接查询来查询多张表中满足要求的数据记录。一条SQL语句查询多个表,得到一个结果,包含多个表的数据。效率高。在SQL99中,连接查询需要使用 join关键字实现。 提供了多种连接查询的类型: cross、natural、using、on 交叉连接(CROSS JOIN)是对两个或者多个表进行笛卡儿积操作,所谓笛卡儿积就是关系代数里的一个概念,表示两个表中的每一行数据任意组合 的结果

2021-12-06 14:03:29 582

原创 16.总结和操作练习

【1】select 语句总结select column,group_function(column)from table[where condition][group by group_by_expression][having group_condition][order by column]注意:顺序固定,不可以改变顺序【2】select语句的执行顺序from--where--group by-select-having-order by-- 单表查询练习:-- .

2021-12-06 14:02:16 135

原创 15.group by 和having

group by:select * from emp;-- 统计各个部门的平均工资select deptno,avg(sal) from emp; -- 字段和多行函数不可以同时使用select deptno,avg(sal) from emp group by deptno; -- 字段和多行函数不可以同时使用,除非这个字段属于分组select deptno,avg(sal) from emp group by deptno order by deptno desc;-- 统计各个岗位的

2021-12-06 14:01:41 140

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除