我是小白呀的博客

多表操作概述表与表之间的关系一对多关系多对多的关系一对一关系外键约束外键特点声明外键约束一对多操作分析实现: 分类和商品操作概述实际开发中, 一个项目通常需要很多张表才能完成. 例如: 一个商场项目就需要分类表 (category), 商品表 (products), 订单表(orders) 等多张表. 且这些表的数据之间存在一定的关系. 接下来我们将在单表的基础上, 一起学习多表方面的知识.表与表之间的关系一对多关系常见实例: 客户和订单, 分类和商品, 部门和员工.一对多键表原则: 在从表

SQL 备份与恢复SQL 备份MySQL 命令备份可视化工具备份SQL 恢复MySQL 命令恢复可视化工具恢复SQL 备份数据库的备份是指将数据库转换成对应的 sql 文件.MySQL 命令备份数据库导出 sql 脚本的格式:mysqldump -u用户名 -p密码 数据库名>生成的脚本文件路径列如:mysqldump -uroot -proot day04>d:\day03.sql以上备份数据库的命令中需要用户和密码. 即表明该命令要在用户没有登录的情况下使用.可视化工具

SQLyog 图形化开发工具安装使用二级目录三级目录安装自行从网上下载.使用输入用户名, 密码, 点击链接按钮, 进行访问 MySQL 数据库进行操作.二级目录三级目录

SQL 语句 DQL准备工作语法简单查询条件查询练习排序查询练习聚合查询准备工作#创建商品表：pid intpname varchar(20)price doublecategory_id varchar(32)插入一条数据:pid=1,pname='联想',price=5000,category_id='c001'create table product( pid int primary key, pname varchar(20), price double, category

SQL 语句概述SQL 语句分类SQL 通用语法DDL 之数据库操作: database查看数据库删除数据库使用数据库DDL 之表操作: table创建表查看表删除表修改表结构格式DML 数据操作语言插入表记录: insert更新表记录: update删除记录: deleteDOS 操作数据乱码解决概述数据库是不认识 Java 语言的, 但是我们同样要与数据库交互. 这时需要使用到数据库认识的语言 SQL 语句, 它是数据库的代码.结构化查询语言 (Structured Query Language)

MySQL 数据库MySQL 安装登陆 MySQL 数据库MySQL 安装安装可以自行百度或者某宝花 10 元.安装后, MySql 会以 windows 服务的方式为我们提供数据存储的功能. 开启和关闭服务的操作: 右键点击我的电脑 -> 管理 -> 服务 -> 可以找到 MySQL 服务开启或停止.也可以在 DOS 窗口, 通过命令完成 MySQL 服务的启动和停止. (必须以管理员身份运行 cmd 命令窗口)登陆 MySQL 数据库MySQL 是一个需要账户密码登录的数据

数据库介绍概述数据库表表数据常见数据库概述数据库就是存储的仓库, 其本质是一个文件系统, 将数据按照特定的格式将数据存储起来. 用户可以对数据库中的数据进行增加, 修改, 删除及查询操作.数据库管理系统 (DataBase Management System, DBMS): 指一个操作和管理数据库的大型软件, 用于建立, 使用和维护数据库. 对数据库进行统一管理和控制, 以保证数据库的安全性和完整性. 用户通过数据库管理系统访问数据库中表内的数据.数据库表数据库中以表为组织单位存储数据. 表类似我

浮动概念浮动的元素脱标浮动的元素互相贴靠浮动的元素有 "字围" 效果概念浮动是 css 里面布局的最多的属性..box1 { float: left; width: 300px; height: 400px; background-color: yellowgreen;}.box2 { float: left; width: 400px; height: 400px;

标准文档流概述块级元素和行内元素块级元素和行内元素的相互转换概述宏观的讲, 我们的 web 页面和 photoshop 等设计软件有本质的区别. web 页面的制作, 是个 “流”, 必须从上而下, 像 “织毛衣”. 而设计软件, 想往哪里画个东西, 都能画.我们要看看标准流有哪些微观现象:空白折叠现象: 如果我们想让 img 标签之间没有空隙, 必须紧密连接高矮不齐, 底边对其自动换行, 一行写不满, 换行写块级元素和行内元素学习的初期, 你就要知道, 标准文档流等级森严. 标签分为两

边框 border概述边框显示综合属性: border三要素按方向练习概述边框有三个要素: 粗细, 线型, 颜色.border: 1px dashed red;所有的线型:边框显示不同浏览器边框显示可能有差异. 比如, “border: 10px ridge red;” 在 chrome 和 firefox, IE 中有细微差别:如果公司里面的设计师, 追求极高的页面还原度, 那么不能使用 css 来制作边框, 而要用到图片来显示边框. 比较稳定的就几个: solid, dashed,

盒模型盒子中的区域认识 width 和 height三级目录盒子中的区域一个盒子中主要的属性 5 个: width, height, padding, border, margin.width (宽度): CSS 中 width 指的是内容的宽度, 而不是盒子的宽度height (高度): CSS 中 height 指的是内容的高度, 而不是盒子的高度padding (内边距)broder (边框)margin (外边距)盒模型的示意图:代码演示:认识 width 和 height

权重问题深入同标签多类名冲突!important 标记正确写法注意事项第一点第二点第三点权重计算的总结同标签多类名冲突<p class="spec1 spec2">我是什么颜色?</p><p class="spec2 spec1">我是什么颜色?</p>样式和在标签中该类名的顺序无关, 只和 css 的顺序有关:<style type="text/css"> .spec1 { color: blu

题目练习第一题第二题第三题第一题第二题第三题

层叠性概述层叠性计算规则权重相同如何处理?权重均为 0, 如何处理?权重规则总结概述层叠性: 就是 CSS 处理冲突的能力. 所有的权重计算, 没有任何兼容问题! CSS 像艺术家一样优雅, 像工程师一样严谨. (很多公司如果要笔试, 那么一定会考层叠性)层叠性计算规则当选择器, 选择上了某个元素的时候, 会计算权重: id 的数量, 类的属性, 标签的数量.不进位, 实际上能进位 (255 个标签, 等于 1 个类名). 但是没有实战意义.权重相同如何处理?如果权重一样, 那么以后出现的

继承性概述能继承的属性概述有一些属性, 当给自己设置的时候, 自己的后代都继承上了, 这个就是继承性.能继承的属性color, text 开头的, line 开头的, font 开头的.这些关于文字样式的, 都能够继承. 所有关于盒子的, 定位的, 布局的属性都不能继承.所以, 如果我们的页面的文字, 都是灰色, 都是 14px. 那么就可以利用继承性:body { color: gray; font-size: 14px;}继承性是从自己开始, 直到最小的元素..

CSS3 选择器兼容性问题儿子选择器序选择器下一个兄弟选择器兼容性问题我们现在给大家介绍一下浏览器:windows xp 操作系统安装的 IE6windows vista 操作系统安装的 IE7windows 7 操作系统安装的 IE8windows 8 操作系统安装的 IE9windows10 操作系统安装的 edge浏览器兼容问题, 要出, 就基本上就是出在 IE6, 7 身上. 这两个浏览器是非常低级的浏览器.浏览器市场占有率:对于低级浏览器的要求:大家知道 IE6 存在兼

css 高级选择器后代选择器交集选择器并集选择器 (分组选择器)通配符后代选择器<style type="text/css">.div1 p { color: red;}</style>空格就表示后代, .div1 p 就是 .div1 的后代所有的 p.强调一下, 选择的是后代, 不一定是儿子. 比如:<div class="div1"> <ul> <li> <p&g

基础选择器概述标签选择器id 选择器类选择器概述css 怎么学? 其实很简单, 分为两个部分:选择器, 怎么选属性, 样式是什么标签选择器就是标签的名字.<h1>跟着小白学编程<span>前端基础班</span>CSS 课程!</h1>css:<style type="text/css"> span{ color: red; } </style>

CSS概述CSS 整体感知一些常见的属性字体颜色字体大小背景颜色加粗概述现在互联网前端三层:HTML (超文本标记语言): 从语义的角度描述页面结构CSS (层叠式样式表): 从审美的角度负责页面样式JS (JavaScript): 从交互的角度描述页面行为我们现在要开始学习 CSS 了, 就是样式.CSS 整体感知css 是 cascading style sheet 层叠式样式表的简写. “层叠式” 的意思我们会慢慢的去讲解.css 的最新版本是 css4, 我们先从 css2.1

HTML 杂项HTML 注释字符实体HTML 废弃标签介绍HTML 注释任何的程序, 代码都有注释. 注释就是给程序员看的, 不影响程序的.适当的注释, 能够让我们的程序更加可读. 用中文提示自己, 这里的程序是什么的.<!--这里是头部, 还没有做完, 准备加两天班弄完--><div>头部</div><!--这里是张三负责的, 跟我没关系--><div>主要内容</div><!--这里是李四负责的-->&

表单概述文本框密码框单选按钮复选框下拉列表多行文本框 (文本域)三种按钮普通按钮提交按钮重置按钮label 标签概述表单就是收集用户信息的, 就是让用户填写的, 选择的.<div> <h1>欢迎注册本网站</h1> <form> 所有的表单内容, 都要写在 form 标签里面 </form></div>form 是英语表单的意思, form 标签里面有 action 属性和 metho

div 和 span概述div 标签代码实现span 标签代码实现概述div 和 span 是非常重要的标签. div 的语义是 division “分割”, span 的语义就是 span “范围, 跨度”. 在 CSS 课程中你将知道, 这两个东西, 都是最重要的 “盒子”.div 标签div 在浏览器中, 默认是不会增加任何的效果改变的. 但是语义便利, div 中的所有元素是一个小区域.div 标签是一个容器级标签, 里面什么都能放, 甚至可以放 div 自己.代码实现<div&

列表概述无序列表错误写法正确写法li 里面可以放置的内容有序列表代码实现语法定义列表代码实现灵活使用概述列表的类型分为三种: 无序列表, 有序列表, 定义列表.无序列表无序列表, 用来表示一个列表的语义. 并且每个项目之间, 是不分先后的.你会发现, 这是我们学习的第一个 “组标签”. 就是要么不写, 要么就要写一组.<ul> <li>北京</li> <li>上海</li> <li>广州</li

超级链接基本写法a 标签的另外两个属性页面内的锚点a 是一个本文级的标签基本写法一个网站, 是由很多 html 网页组成的. html 网页之间能够通过超级链接互相跳转, 从而形成了 “网”.语法:<a href="1.html">结婚照</a>a 是英语 anchor “锚” 的意思, 就好像这个页面往另一个页面扔出一个锚. 是一个文本级的标签.href 是英语 hypertext reference 超文本地址的缩写.a 标签的另外两个属性title: 悬停文

图片能使用的图片类型语法alt 属性相对路径图片在文件夹里图片在浅一层文件夹里练习能使用的图片类型页面上可以插入的图片类型是: jpg (jpeg), gif, png, bmp.不能再网页中插入的图片格式是: psd, ai.语法HTML 页面不是直接插入图片, 而是插入图片的引用地址, 所以也要把图片上传到服务器上.插入方法:<img src="iamlittlewhite.jpg" />img 是英语 image “图片” 的简写. src 是英语 source “资源”

h 和 p 标签h 标签p 标签审查元素功能h 标签h 是英文标题 Heading 的缩写.<h1>到 <h6>都是标签:-<h1></h1>: 一级标题-<h2></h2>: 二级标题-…-<h6></h6>: 六级标题h 标签没有嵌套关系的. 由于 h3 跟着一个 h2. 所以, 我们自己就知道了这个 h3 是 h2 子标题.h 是容器级的标签. 理论上里面可以放置 p 等其他标签. 在语义

HTML 的基本语法特性概述空白折叠现象标签要严格封闭概述HTML 对换行不敏感, 对 tab 不敏感. HTML 只在乎标签的嵌套结构, 嵌套的关系. 所以:1 <div>2 <h3></h3>3 <p></p>4 </div>完全等价于:1 <div>2 <h3></h3>3 <p></p>4 </div

这里写目录标题概述文档声明头HTML 规范概述标准的骨架:我们来一部分一部分的学习文档声明头任何一个标准的 HTML 页面, 第一行的开头一定是这样:1 <!DOCTYPE ……这一行, 就是文档声明头, DocType Declaration. 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范. 到底有哪些规范呢?首先我们先确定一件事情, 我们现在学习的是 HTML4.0.1 这个版本, 这个版本是 IE6 开始兼容的. HTML5 是 IE9 开始兼容的. 但是

HTML骨架和基本语法概述完整骨架概述html 有基本骨架, 骨架抽象出来:<html> <head> </head> <body> </body></html>网页的最外层的标签对是 标签对, 里面有两部分, 分别是 head 和 body.head 标签中, 描述网页的配置: body 中的内容, 才是用户可以看见的内容.完整骨架1 <!DOCTYPE html PUBL

开发工具介绍概述开发工具总结概述任何纯本文编辑器都能够编辑 html, 比如记事本, editplus, notepad++. 下面我们来看一些比较有名的专门制作网页的工具.开发工具DreamWeaver (Adobe 公司的产品, 这个软件和 Fireworks, Flush 俗称网页三剑客, 目前使用不多了)Sublime (之前比较流行的编辑器, 插件多)WebStorm (更高级的项目级别编程工具)Visual Studio Code(微软开源的 Web 和云应用的跨平台源代码编辑器

HTML 初步认识概述第一个网页HTML 标签对HTML 只能给文本添加语义图解面试技巧概述HTML (Hyper Text Markup Language, 超文本标记语言) 是负责描述文档语义的语言. .html 就是网页的格式.第一个网页现在, 来制作第一个网页:新建一个 txt 文件: 也就是说, html 本质上和 txt 没有任何区别, 他们都是纯文本文件. 然后我们强行把这个文件的拓展名, 从 txt 更改为 html, 我们会发 icon 就编程浏览器的 icon 了.纯文本

互联网的原理上网就是请求数据实验总结服务器硬件软件浏览器HTTP举例总结上网就是请求数据当我们上网时, 网页上的内容是如何被我们看见的呢?我们先不直接解决这个问题, 我们先来做一个小实验:实验我们打开 chrome 浏览器为例, 在 chrome 浏览器地址栏中输入: Chrome://version/从上图我们可以看到 Profile Path (临时文件夹). 这个文件夹是 Chrome 浏览器用来存放上网浏览的页面和资源文件.我们先请客这个文件夹中的全部内容, 然后重新打开 Chrom

方法引用概述冗余的 Lambda 场景用方法改进代码问题分析代码展示方法引用符语义分析推导与省略通过对象名成员方法通过类名称引用静态方法通过 super 引用成员方法通过 this 引用成员方法类的构造器引用数组的构造器引用概述在使用 Lambda 表达式的时候, 我们实际上传递进去的代码就是一种解决方案: 拿什么参数. 那么考虑一种情况, 如果我们在 Lambda 中所指定的操作方案, 已经有地方存在相同方案, 那是否还有必要再写重复逻辑?冗余的 Lambda 场景来看一个简单的函数式接口以应用

集合元素处理传统方式题目解答Stream 方式题目解答传统方式题目现在有两个 ArrayList 集合存储队伍当中的多个成员姓名. 要求使用传统的 for 循环 (或增强 for 循环) 依次进行以下若干操作步骤:第一个队伍只要名字为 3 个字的成员姓名, 存储到一个新集合中第一个队伍筛选之后只要前 3 个人, 存储到一个新集合中第二个队伍只要姓张的成员姓名, 存储到一个新结合中第二个队伍筛选之后不要前 2 个人, 存储到一个新集合中将两个队伍合并为一个队伍, 存储到一个新集合中根据姓名

Stream 流概述传统集合的多步遍历代码循环遍历的弊端Stream 的更优写法流式思想概述步骤方案元素队列获取流根据 Collection 获取流根据 Map 获取流根据数组获取流常用方法逐一处理: forEach复习 Consumer 接口过滤: filter复习 Predicate 接口映射: map复习 Function 接口统计个数: count取用前几个: limit跳过前几个: skip组合: concat概述说到 Stream 便容易想到 I/O 流, 而实际上, 谁规定 “流” 就一定

常用函数式接口概述Supplier 接口练习: 求数组元素最大值题目解答Consumer 接口抽象方法: accept默认方法: andThen练习: 格式化打印信息题目解答Predicate 接口抽象方法: test默认方法: and默认方法: or默认方法: negate练习: 集合信息筛选题目解答Function 接口抽象方法: apply默认方法: andThen练习: 自定义函数模型拼接题目解答概述JDK 提供了大量常用的函数式接口以丰富 Lambda 的典型使用场景.它们主要在java.ut

函数式编程概述Lambda 的延迟执行性能浪费的日志案例体验 Lambda 的更优写法证明 Lambda 的延迟使用 Lambda 作为参数和返回值概述在兼顾面向对象特性的基础上, Java 语言通过 Lambda 表达式与方法引用等, 为开发者打开了函数式编程的大门.Lambda 的延迟执行有些场景的代码执行后, 结果不一定会被使用, 从而造成性能浪费. 而 Lambda 表达式是延时执行的, 这正好可以作为解决方案, 提升性能.性能浪费的日志案例日志可以帮助我们快速的定位问题, 记录程序运行

函数式接口概念格式@FunctionalInterface 注解自定义函数式接口概念函数式接口在 Java 中是指: 有且仅有一个抽象方法的接口.函数式接口, 即适用于函数式编程场景的接口. 而 Java 中的函数式编程体系就是 Lambda, 所以函数式接口就是可以适用于 Lambda 使用的接口. 只有确保接口中有且仅有一个抽象方法, Java 中的 Lambda 才能顺利进行推导.“语法糖” 是指定使用更加方便, 但是原理不变的代码语法. 例如在遍历集合时使用的 for-each 语法, 其实

综合案例概述图解基本实现服务端实现客户端实现文件上传优化上传分析文件名写死的问题循环接收的问题效率问题代码展示回写分析代码展示概述文件上传案例:客户端输入流, 从硬盘读取文件数据到程序中客户端输出流, 写出文件数据到服务端服务端输入流, 读取文件数据到服务端程序服务端输出流, 写出文件数据到服务器硬盘中图解基本实现服务端实现import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import

TCP 通信程序概述Socket 类构造方法成员方法ServerSocket 类构造方法成员方法简单的 TCP 网络程序TCP 通信分析图解客户端向服务器发送数据服务端实现客户端实现服务器向客户端回写数据服务端实现客户端实现概述TCP 通信能实现两台计算机之间的数据交互. 通信的两端, 要严格区分为客户端 (Client) 与服务端 (Server).两端通信时步骤:服务端程序, 需要事先启动, 等待客户端的连接客户端主动连接服务器端, 连接成功才能通信. 服务端不可以住到连接客户端在 Ja