黑马程序员技术交流社区

标题: [石家庄校区]web阶段笔记 [打印本页]

作者: kunwenli 时间: 2018-5-9 15:18
标题: [石家庄校区]web阶段笔记
本帖最后由 kunwenli 于 2018-5-9 15:35 编辑

web阶段笔记

#--day07--
# BootStrap是目前很受欢迎的前端框架, BootStrap是基于HTML,CSS,JAVASCRIPT的
注意:
         <meta name="viewport" content="width=device-width, initial-scale=1">
            
            <link rel="stylesheet" href="../css/bootstrap.min.css" />
            <link rel="stylesheet" href="../css/bootstrap-theme.min.css" />
            
      <script type="text/javascript" src="../js/jquery1.11.3.min.js"> </script>
            <script type="text/javascript" src="../js/bootstrap.min.js"></script>
# BootStrap设计出响应式页面,由它设计页面可以在手机,PAD,PC都可以直接访问.
栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局.
使用.row样式定义栅格的行.
定义列：.col-lg-n  .col-md-n  .col-sm-n .col-xs-n
# 【BootStrap的全局CSS】
BootStrap的框架提供了一系列的CSS的样式.这些样式可以直接使用.
栅格系统:
布局容器：
.container 类用于固定宽度并支持响应式布局的容器
.container-fluid 类用于100%宽度,占据全部视口的容器
按钮:
表单:
单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control的<input>、<textarea>和<select>元素都将被默认设置为width: 100%;。将label和前面提到的这些控件包裹在.form-group中可以获得最好的排列。
水平排列的表单: class="form-horizontal"
通过为表单添加.form-horizontal，并使用Bootstrap预置的栅格class可以将label和控件组水平并排布局.
内联表单: class="form-inline"
# JavaScript插件
轮播:
模态框:
模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集.
标签页:
通过添加标签页功能，可以让多个内容区域快速、动态切换。下拉菜单也可以使用。
# 组件
图标:字体
导航条:
是在应用或网站中作为导航标头的响应式元组件。它们在移动设备上可以折叠（并且可开可关），且在可用的视口宽度增加时变为水平展开模式。
#--day08--
# 重启mysql
方法1:
找到管理员-net stop mysql-net start mysql
方法2:
命令行:services.msc
方法3:
下栏右击-任务管理器-服务-打开服务
# 创建表添加列修改列的类型与长度(会常用)
1.删除:
delete from 表名;(一条一条删)DML
(一般都是带条件删除)
truncate table 表名;(DDL)
删表,新建一个相同结构的新表
2.
查询起别名:起别名的列名后加 as 别名
其中as可以省略
3.
去重select后加distinct
一般一列去重,多列去重中,认为一行数据都相同才是重复,才可以去重
# MYSQL
## sql的分类（面试）
DDL:create,alter,drop,truncate
DML:insert ,update,delete
DCL: if
DQL:select
## sql对表的crud
1.创建表：
```sql
create table 表名(
字段名  字段类型（长度）约束,
字段名  字段类型（长度）约束,
字段名  字段类型（长度）约束
);
字段类型：
      char/String    char/varchar
      date             date/time/datetime/timestamp
约束：
      主键约束 primary key
      唯一约束 unique
      非空约束 not null
```
2.修改表结构
```sql
##添加字段
alter table 表名  add 字段名  字段类型（长度）约束；
##修改现有字段的类型或者长度
alter table 表名  modify  字段名字段的类型(长度) 约束
```
## sql对表记录的crud
1.新增数据

```sql
1.
insert into 表名 (字段1，字段2 ，。。。。。) values （值1，值2，。。。。。）；
2.
insert into 表名 values(。。。)  值的顺序要跟表的字段顺序要一致，不能少
```
2.修改数据
```sql
带条件的修改
update 表名 set 字段名=新的值,字段名=新的值 where 条件  如果要修改多个字段，最后一个字段跟where之间是没有逗号的
```
3.删除数据
```sql
带条件的删除
delete from 表名 wherer 条件
```
4.查询
```sql
整体的规则：
select 字段 from 表名  where 条件  group by 字段 having  order by 字段
模糊查询：like
两个占位符：_,%
张%:以张开头
%张；以张结尾
%张%:只要包含张就可以了
范围：in
条件的并列：and or not
聚合函数：
sum:求和
count：统计个数
```
#--day09--
内连接:
SELECT * FROM classes c JOIN student s WHERE c.cid = s.cno AND sex = '男';
外链接:
SELECT * FROM classes c LEFT JOIN student s ON c.cid = s.cno;
#--day10--
1.jdbc:
注册驱动
获得连接
执行操作:创建执行sql语句的对象编写sql代码执行sql语句
释放资源
2.
在jdbc查询数据库时,如数据库中采用as
那么在java中,查询数据遍历获得时,get的应为as后的列名
3.
数据库查询顺序,一般从from后开始查顺序查询,最后select执行
4.
在java中,条件查询,用like ?
后面设置参数写"%文字或数%"
# JDBC
## JDBC开发流程
```java
step1:注册驱动：Class.forName()
step2:获得连接：Connection conn = DriverManger.getConnection(url,username,password)// Connection java.sql包下的
step3:编写SQL语句，String sql =""，以前的值的地方用占位符代替  ?就是占位符
step4:预编译sql并且获得可执行sql语句的对象PreparedStatement ps = conn.prepareStatemet(String sql)
step5:为sql语句设置值，用值代替sql语句中的? ps.setXXX(int n,值) n：代表第几个问号的意思，n从1开始
step6:执行sql语句
      如果是查询：ResutSet rs = ps.executeQuery();
            遍历结果集：
      while(rs.next()){
            rs.getXXX(String columnName)/rs.getObject(String columnName) ；
            //columnName默认是表地段名，如果取了别名，用别名
      }
      如果是增删改：int num = ps.executeUpdate() ;// num 代表影响的行数
step7:释放资源
```
## 工具类的抽取：Properties对象的使用
```java
Properties prop = new Properties();
prop.load(new FileInputStream(String path));
prop.getProperty(String key)
属性文件：.properties
key=value
aaa=adfadf
bbb=dafda
```
背后的思想：程序的解耦和
默认情况下MySQL批处理没有开启的，需要在url后面拼接一个参数即可
?rewriteBatchedStatements=true

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2