JDBC
day1
jdbc
概念：Java DataBase Connectivity java数据库的连接
Sun公司提供的一组编程规范【接口】
JavaEE编程规范之一
所有访问操作数据库技术最底层（hibernate、mybatis）
驱动：趋势程序运行的组件 数据库厂商针对JDBC提供的实现类 jar包 Ojdbcxx.jar
作用：使用java程序访问 操作数据库
jdbc编程步骤
1.环境搭建
将驱动jar包引入到项目中
Jar包考入项目中之后—》右击—》add build path
2. 编码步骤
1.
加载驱动 将实现类交由DriverManager管理
Class.forName(“oracle.jdbc.OracleDriver”);
2.
获取连接对象 提供url 用户名 密码 参数String
DriverManager.getConnection(“jdbc:oracle:thin:@localhost:1521:xe”,”hr”,”hr”)
3.
准备sql
String sql=”select | delete | update | insert”
PreparedStatment pstm = Conn.prepareStatement(sql);
4.
执行sql
//增删改： 返回值 int 条数
pstm.executeUpdate() ;
//查询 返回值 ResultSet 结果集
：pstm.executeQuery();
##### 5.
处理执行结果
ResultSet rs=pstm.executeQuery();
//多条结果：
List<Account>accounts=new ArrayList<>();
while(rs.next()){
//将多条结果处理，打印或者存放到集合中返回 例如：
Account a=new Account();
a.setCard_id(rs.getInt(1));
a.setName(rs.getString(2));
a.setPassword(rs.getString(3));
a.setBalance(rs.getDouble(4));
a.setTel(rs.getString(5));
accounts.add(a);
}
return accounts;
##### 6.
关闭连接资源 先开后关
pstm.close();
conn.close();
rs.close();
HTML
IP地址
计算机在网络中的唯一标识
网络：
互联网：internet 世界共有
局域网：局部网络通信 网络只在一定范围内有效
注意：局域网中IP地址是可以重复的(两个局域网中计算机ip可以相同)
DNS域名解析
域名：计算机IP地址的字符串表示形式192.168.0.3 —>www.xxx.com
域名解析：ip地址和字符串的一个对应关系
port 端口号
软件在一台计算机中的唯一标识
注意：oracle端口： 1521 8080 mysql:3306 1024以下是系统默认占用的端口
数据传输协议
指定数据传输的方式传递 — 接受
FDP HTTP:网络传输协议 网站 key=value https：基于HTTP的安全版本
协议头：信封 数据一些描述信息
协议体：信纸 真正传输的数据
服务器
一台计算机 配置、性能相对较高 对外提供服务
pc server(x86)： 柜式、塔式、刀片
小型机：
IBM Oracle
HTML具体语法
概念：HyperTextMarkup Language 超文本标记语言 网页
超文本：文本文件包含有一般文本文件中不存在的内容 图片、视频、音频
标记：标签 <标签名></标签名>
HTML语法要求
i. 文本文件 以.html | .htm 结尾
ii. 标签结构
iii. 注意事项
-
标签一般都是成对出现 包含的内容
-
有些标签只有一半 单体标签 <mete/> -
标签中可以添加属性 <标签属性名=”值” /> -
标签不区分大小写
-
iv. 运行HTML页面
标签分类
1.行内元素：展示的内容会挤在一行展示
2.块级元素：标签的内容会独占一行展示
三，html语法标签
<head>头标签
<title>标题</title>
<meta charset="GBK"/>设置页面的编码格式
</head>
<body>体标签
<marquee>跑马灯</marquee>
<font color="" size="1-7"></font>
</body>
<img/>插入图片
属性：
src="图片路径" alt="出错之后提示" width="宽度px"
height="高度px" title="鼠标放在图片上的提示语"
<a href="跳转的位置">超级链接</a>
锚点：
<!--需要先定义好将来需要跳转的位置-->
<a name="xxx">被跳的点</a>
<!--在定义跳转的链接-->
<a href="#name(name是将来位置的名字)"></a>
列表 <ol> <!--有序列表-->
<li>列表中间的项</li> <li></li>
</ol>
<ul> <!--无序列表-->
<li>列表中间的项</li>
</ul>
表格
<table >
<!--先定义行-->
<tr>
<!--在定义列-->
<td>列元素</td>
</tr>
</table>
table中的属性:
border:边框线的粗细
width:表格的宽
height:表格的高
align：表格的对齐方式------center-居中 left-靠左 right-靠右
cellpadding="0" 内边距
cellspacing="0" 外边距
表格单元格的合并：
合并操作的是td元素
纵向合并：合并行 rowspan=”” 值代表占用几个单元格
横向合并：合并列 colspan=”” 值代表占用几个单元格
form表单
<form>
<!--form中的两个属性：1.method="get/post" 2.action="数据传输的目标位置"
说一下get和post：get：地址栏明文传递数据 不安全 传输量小 4k，这是默认的传输方式
post：通过协议体密文传递 安全 传输量大-->
</form>
表单中的元素：
* 单行文本域：<input type=”text” name=”后续接收数据的key” />
* 密码框:<input type=”password” />
* 单选框<input type=”radio” name=”xx”/>
* 注意：表达一组含义的单选框 name属性值要相同
* 复选框<input type=”checkbox” name=”yy”/>
* 注意：表达一组含义的复选框 name属性值要相同
* 提交按钮：<input type=”submit” value=”书写提示内容”/>
* 重置按钮：<input type=”reset” value=”书写提示内容”/>
* 普通按钮：<input type=”button” value=”书写提示内容”/>
* 文件框：<input type=”file” name=”xxx”/> 上传文件
* 下拉列表：<select name=””>
* 列表项：<option value=””>
* 注意：密码框和单行文本域 value值是默认值 也是后续传递的数据的内容
* 单选框、复选框、下拉列表 value值是后续传递的数据
* 隐藏文本域 <input type=”hidden” name=”” value=””/>
* 多行文本域：<textarea>
* 设置单选框 复选框的默认值： checked=”checked”
* 设置下拉列表的默认值：selected=”selected”
* 设置元素不可用 disabled=”disabled”
css
一、CSS概念：CasCading Style Sheet 级联(层叠)样式表
二、作用：为HTML页面(HTML标签)增加样式 美化页面
三,css样式表语法
内嵌式
内嵌式 直接将CSS代码嵌入到标签体中
<标签名 style=”CSS代码”></标签名>
CSS代码：css样式属性名:值;属性名：值
such as:
<h1 style="color:green;background-color:red">下课</h1>
内联式
1、 准备特定标签 告知浏览器 按照什么样的格式进行解析
2、 书写选择器 选中对应标签 再添加样式
<style type=”text/css”>
h1{ <!--标签选择器-->
color:red;
background-color:green;
}
#idname{ <!--ID选择器,需要在体中的标签内加上id属性 <a id="idname"></a>-->
color:red;
background-color:green;
}
.classname{ <!--类选择器,需要在体中的标签内加上id属性 <a class="classname"></a>-->
color:red;
background-color:green;
}
</style>
外联式
1、 准备一个文件书写css样式 ,需要.css结尾的文件 <!--在文件中书写 选择器样式的css-->
2、 将样式表的内容引入到需求使用的HTML页面中
<!-- 引入外部css样式文件 link
属性：
rel：引入的文件和当前文件的关系，引入文件要干什么。
type:引入的文件类型(MIME类型) MIME的类型格式：大类型/小类型
href:引入文件的路径 也就是你的css样式表存放的位置
-->
such as:
<link rel="stylesheet" type="text/css href="css.css"/>
css样式属性
基本属性
1、 color 前景颜色 值：red #000000 - #FFFFFF
2、 font-size 字体大小 值：px单位
3、 text-decoration 设置字体线 underline下划线 overline 上划线 line-through中划线
4、 text-align 字体对齐方式 值：left right center
5、 width:宽 单位px
6、 height:高 单位 px
7、 cursor：设置鼠标样式pointer 手 wait 等待
8、 display 设置元素隐藏展示 值：none 隐藏 不展示 block跨级元素展示 inline行内元素展示
背景
1、 Background-color :背景颜色 red #FFFFFF
2、 Background-image:背景图片 background-image:url(图片的路径)
四，布局
1、 布局使用标签
块级元素
行内元素为了给文本内容增添样式 js
2、 盒子模型
：
边框 border
边框线型 border-style 值：solid 单实线 double 双实线 dotted 虚线
边框线宽 border-width 值：单位px
边框颜色 border-color 值： red #FFFFFF
单独设置上下左右线：border-上|下|左|右-style|width|color :值
常用：border:线型 线宽 颜色
######内边距(内补白) padding
padding-上下左右：值 单位px 单独设置上下左右内边距
padding：10px 10px 10px10px 顺序：上、右、下、左
padding：10px 10px 10px 顺序：上、左右、下
padding：10px 10px 顺序：上下、左右
######外边距(外补白) margin
margin -上下左右：值 单位px 单独设置上下左右内边距
margin：10px 10px 10px10px 顺序：上、右、下、左
margin：10px 10px 10px 顺序：上、左右、下
margin：10px 10px 顺序：上下、左右
margin:10px auto 自动居中
#### 实际布局操作
###### 绝对布局
position：absolute 绝对定位
top：值 px像素点
left：值 px像素点
设置浮层：z-index：值 整数 数字越大，浮层越高
缺陷：元素的位置写死，如果分辨率发生变化，会造版面错乱
###### 流式布局
float：left | right
注意：一旦对页面进行布局操作，布局元素会脱离原有页面流。
###