韩顺平div+css笔记

div+css详解

一．div+css的介绍

div是用于存放html元素，文字，图片，视频的元素

css 是层叠样式表，用于指定div中的内容的样式

原理图：

div+css的快速体验案例：

test.html：

1	2	3
1	2	3
1	2	3

my.css中指定：

.style1{

width:300px;

height:200px;

border:1px solid red;

margin:100px 0px 0px 200px;

}

.style1 table{

border:1px solid black;

width:298px;

height:190px;

}

.style1 table td{

border: 1px solid black;

text-align:center;

}

使用元素来编写

使用myeclipse来开发，因为myeclipse有提示功能

栏目一
从使用span元素我们可以看到，css的基本语法

<元素名style=”属性名：属性值；属性名：属性值2；”/> 元素可以是html的任意元素：

属性名：属性值要参考w3c组织给出的参考文档

◆使用css可以统一网站的风格

css分类：外部css 内部css

栏目一

栏目一

使用滤镜

/*使用滤镜*/

a:link img {

filter:gray; //默认的是灰色

}

a:hover img{ //鼠标悬浮，恢复颜色

filter:"";

}

二.css的4种选择器

类选择器id选择器html元素选择器通配符选择器

1．类选择器的基本语法:

.类选择器名{

属性名:属性值;

…

}

my.css文件

.style1{

font-size: 20px;

font-weight: bold;

background-color: purple;

}

select1.html文件

栏目一

栏目二

栏目三

栏目四

2．id选择器

基本语法：

#id选择器名{

属性名：属性值；

}

案例：

#style2{

font-size: 30px;

background-color: skyblue;

}

在html文件中如果要引用id选择器，则

<元素id=”id选择器的名称”>

这是一则重要的新闻

3．Html选择器

/*html选择器body(button,input,form...)*/

body{

color:silver;

}

结论：当一个元素同时被id选择器类选择器html选择器修饰时，优先级为：id选择器>类选择器>html选择器>通配符选择器

案例：假设，我们希望所有的超链接

默认样式是黑色，24px，没有下划线

当鼠标移动到超链接时，自动出现下划线

点击后，超链接变成红色。

my.css文件

a:link{

color:black;

font-size:24px;

text-decoration:none;

}

a:hover{

text-decoration:underline;

}

a:visited{

color:red;

}

html文件：

百度首页

搜狐首页

4．通配符选择器

如果希望所有的元素都符合某一种样式，可以使用通配符选择器。

基本语法：

/*使用通配符选择器对外边距和内边距清零*/

*{

margin: 0;

padding: 0;

}

*{

/*margin: 0; 将外边距清零*/

/*margin-top:10px;分别设置四个方向的外边距

margin-left:10px;

margin-right:0px;

margin-bottom:opx;*/

/*margin:10px 0px 0px 10px;顺时针方向：上，右，下，左 */

margin:10px0px0px;/*10表示上，左右，下*/

padding: 0;/*将内边距清零，padding的规范跟margin一样/

}

5．父子选择器

针对：

这是一则非常重要的新闻

my.css添加一个父子选择器

/*父子选择器*/

#style2 span{

font-style:italic;

color:red;

}

注意（1）子选择器标签必须是html可以识别的标记

（2）父子选择器可以有多级

#style2 span span{

font-size: 50px;

}

（3）父子选择器可以适用于id选择器和class选择器

（4）如果一个元素被id选择器和class选择器同时修饰时，id选择器的优先级>class选择器

（5）一个元素最多有一个id选择器，但是可以有多个类选择器

例

需求：希望新闻三下划线，同时斜体

方法1：可以给新闻三配置一个id选择器

方法2：再指定一个类选择器

my.css中添加

.style1{

font-size: 20px;

font-weight: bold;

background-color: green;

}

.style4{

font-style: italic;

text-decoration: underline;

}

Html文件中如何使用多个class选择器：

新闻三

注意：

在引用多个class选择器的时候，用空格隔开

当class选择器发生冲突时，在css文件中，以最后出现的class选择器样式为准

（6）在css文件中，如果有多个类/id选择器，它们都有相同的部分，我们可以把相同的css样式放在一起，看案例：

案例：my.css

/*招生广告*/

.ad_stu{

width :136px;

height:196px;

background-color:#FC7E8C;

margin:5px 0 0 5px;

float:left

}

/*广告2*/

.ad_2{

width :457px;

height:196px;

background-color:#7CF574;

margin:5px 0 0 6px;

float:left

}

/*房地产广告*/

.ad_house{

width :152px;

height:196px;

background-color:#7CF574;

margin:5px 0 0 5px;

float:left

}

在有些css中，我们可以把多个class选择器，id选择器，html选择器，共同的部分提取出来，写在一起，这样的好处是可以简化css文件

我们可以把上面的css文件改写成：

/*招生广告*/

.ad_stu{

width :136px;

background-color:#FC7E8C;

margin:5px 0 0 5px;

}

/*广告2*/

.ad_2{

width :457px;

background-color:#7CF574;

margin:5px 0 0 6px;

}

/*房地产广告*/

.ad_house{

height:196px;

background-color:#7CF574;

margin:5px 0 0 5px;

}

.ad_stu,.ad_2,.ad_house{

width :152px;

float:left

}

见test2.html

6．块元素和行内元素

（1）行内元素，又叫内联元素

内联元素只能容纳文本或者其他内联元素，常见内联元素 特点是：只占内容的宽度，默认不换行，行内元素一般放文本或者其它的行内元素。

（2）块元素

块元素一般都从新行开始，可以容纳文本，其它内联元素和其它块元素，即使内容不能占满一行，块元素也要把正行占满，常见块元素

特点：不管内容有多少，都要换行，同时占满整行，块元素可以放文本，行内元素，块元素。

（3）一些css属性对行内元素不生效，比如margin，left，right，width，height，建议尽可能使用块元素定位。（与浏览器类版本和类型有关）

行内元素1

行内元素2

块元素1

块元素2

.s1{

background-color: silver;

font-size:20px;

}

.s2{

background-color: skyblue;

font-size:30px;

font-style: italic;

}

（4）块元素和行内元素的转换

如果我们希望一个元素按照块元素的方式显示，则：display：block；

abc

也可以写到css中

如果我们希望一个元素按照行内元素的方式显示，则：display：inline；

hello

css核心内容-----流

标准流/非标准流

标准流：在网页布局中，写在前面的元素出现在前面，写在后面的元素，显示在后面，这是默认的布局方式，也称标准流。

非标准流：在实际网页布局中，我们可能需要使用非标准流的方式来布局（让某个元素脱离它本身的位置）。

css盒子模型

盒子模型的原理图

细节说明：

1）html元素都可以看成一个盒子

盒子模型的参照物不一样，则使用的css属性不一样，比如从div1的角度看，是margin-right，从div2的角度看，则是margin-left

3）如果不希望破坏整个外观，则尽量使用margin布局，因为padding可能会改变盒子的大小（相当于这个盒子有弹性），margin如果过大，盒子内容被挤到盒子外边去，但是盒子本身没有变化

案例:

Box1.html:

Html版本要改成下面的：

"https://www.360docs.net/doc/271819701.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Box1.css：

body{

border:1px solid red;/*这里我们给body指定了宽度，样式，颜色（顺序可以随意）*/

width: 800px;

height:1000px;

margin:0auto;/*0表示上下边距为0，auto左右自动居中*/

}

.s1{

border:1px solid blue;

width:80px;

height:70px;

margin-top: 10px;

margin-left: 10px;

}

.s1 img{

width:60px;

height:60px;

margin-left: 10px;

margin-top: 5px;

}

盒子模型的综合案例（可以当做一个模板来使用）

Boxzong.html文件float2.html也实现了这个页面用不同的方法

• 小龙女

• 
• 
• 
• 
• 
• 
• 
• 
• 

Boxzong.css文件

body{

margin: 0;

padding: 0;

}

/*最外面的*/

.s1{

border: red solid1px;

width:600px;

height:400px;

margin-top: 20px;

margin-left: 100px;

}

/*控制整个图片的区域*/

.s2{

border: red solid1px;

width:500px;

height:300px;

margin-top: 10px;

margin-left: 20px;

list-style-type: none; /*将点清除*/

padding: 0;

}

/*控制单个图片区域*/

.s2 li{

width:80px;

height:100px;

margin-top: 10px;

margin-left: 10px;

border: red solid1px;

float: left;/*左浮动*/

}

.s2 a{

margin-left: 15px;

}

/*控制图片的*/

.s2 li img{

width:60px;

height:60px;

margin-top: 10px;

margin-left: 10px;

}

浮动

浮动是一个重要的概念：分为左浮动，右浮动，清除浮动。浮动必要性，因为默认情况下，div纵向排列：

Float1.html文件

div1

div2

div3

Float1.css文件

body{

border:1px solid silver;

width: 800px;

height:1000px;

margin:0auto;

}

.div1{

border:1px solid blue;

background-color: pink;

width:150px;

height:100px;

margin-top: 10px;

margin-left: 10px;

}

如果希望div1向右面显示，这时我们使用右浮动：

Float1.html文件

div1

div2

div3

Float1.css文件中只许添加一个id选择器

#div2{

float:right;/*使该元素尽量向右移动，直到碰到父元素的右边界*/ }

如果我们希望，所有的元素，横向排列，则使用到左浮动：

这时，对div1的css添加：

float：left；让出自己右边的空间使下一个元素使用

特别注意：如果一行宽度不够排下所有的div，则会自动换行：

当然，如果有某个div的过大，则会卡住别的div

特别强调：浮动对块元素和行内元素都是生效的。

css定位

css的定位有以下几种：4

1.static定位

这个是默认的方式，对static而言，left和right是不生效的。

2.relative定位（相对定位）

元素框偏离某个位置（left 和top），元素仍然保持为定位前的形状，它原本所占的空间仍保留，从这一角度看，好像该元素仍然在文档流/标准流中一样。

特别说明：1.relative的参照点是它原来的位置，进行移动

案例：

改为：

代码：

内容一

内容二

内容三

内容四

在css中：

.style1{

width:100px;

height:70px;

background-color:silver;

float:left;

margin-left:10px;

}

#special{

position:relative; /*使用相对定位*/

left:40px; /*在原来的位置的基础上，向右移动的大小（如果希望向左移动，则值就是负数）*/

top:100px; /*在原来的位置的基础上，向下移动的大小（如果希望向上移动，则值就是负数）*/

}

3.absolute定位（绝对定位）

相当于元素从原来的位置脱离，并让出自己的空间，后面的元素就会占有让出的空间。

改为：

代码：

内容一

内容二

内容三

内容四

在css中：

.style1{

width:100px;

height:70px;

background-color:silver;

float:left;

margin-left:10px;

}

#special{

position:absolute;/*使用绝对定位*/

left:40px; /*向右移动的大小（如果希望向左移动，则值就是负数）*/

top:100px; /*向下移动的大小（如果希望向上移动，则值就是负数）*/

}

特别说明：

这里特别强调一点，absolute定位是相对于离自己最近的那个非标准流盒子而言的。

4.fixed定位

元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。

韩顺平html笔记

HTML 一、HTML有关知识点 1.html介绍 html是一种标记语言，主要的用途是开发网页，使用html可以展现文字、图片、视频、声音，html是我们web开发（网站开发）。 2.html可以做什么 ?html可以编写静态网页 ?该静态网页可以包括文字、图像、动画、声音、表格、链接。从而构成一个个漂亮的网页 3.Html发展历史 4.Html的基本结构 5.是标记（也叫元素），标记的一般格式： <元素名[属性=“属性值”]>元素内容 如果没有内容可以用：<元素名[属性=“属性值”]/> 6.Html实体标记 7.Html常用标记

?html超链接 ●_blank 新的窗口 ●_self 本窗口 ●_parent 父窗口 ●_top整个浏览器窗口 ?html图像元素 ?html表格

--用于说明行 --用于说一小格 ?无序列表

?有序列表

?框架 ?表单元素 文本框： 密码框： 单选框： 复选框：checked是指默认选中的 隐藏域： 图片按钮： ?文本域： wrap=off自动换行 请在这里写···· ?下拉菜单： size 是指显示大小

韩顺平servlet笔记(个人总结版)

第一课 第二课tomcat 简单模拟

package com.my.first; import java.io.*; import https://www.360docs.net/doc/271819701.html,.*; publicclass Mytomcat { /** * @param args */ publicstaticvoid main(String[] args) throws Exception { ServerSocketss = new ServerSocket(9999); Socket s = ss.accept(); System.out.println("在9999上等待。。。"); OutputStreamos =s.getOutputStream(); BufferedReaderbr = new BufferedReader(new FileReader("f:\\hello.html")); String str=""; while((str = br.readLine())!=null){ os.write(str.getBytes()); } br.close(); os.close(); s.close(); // ss.close(); } } 在浏览器中输入 http://localhost:9999 就会出现“hello world” 第三课 启动tomcat 各种问题总结

第四课

第五课 虚拟目录 如在f盘存放着各种web应用，但是空间不够了，这是我在d盘弄个文件当做该web应用的文件。但是要在server.xml中指定一下。 步骤：1、在那个磁盘下建立“f:\web2”，并建立相关的资源文件 2、在server.xml中配置 ps： path中的“/web2”是什么，在地址中就输入什么。 http://localhost:8080/web2/hello2.html context 能配置的属性 path、docBase、reloadable(有改变就重启tomcat)、unpackWAR

传智播客韩顺平轻松搞定网页设计(html+css+javascript)之javascript

Javascript的基本介绍 ?JS是用于WEB开发的脚本语言： ?脚本语言是什么： ?脚本语言不能独立使用，它和HTML/JSP/PHP/https://www.360docs.net/doc/271819701.html,配合使用 ?脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环）?脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）?Java程序.java→.class→jvm , js→浏览器（js引擎来解释执行）?Js在客户端（浏览器）执行 ?因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。

案例：1 需求：打开网页后，显示hello ！

问题： ?js的位置可以随意放 ?js必须使用 ?在一个html文件中（JSP/PHP/https://www.360docs.net/doc/271819701.html,）可以出现多对（script）片段，浏览器会按照先后顺序一次执行 案例2:Hello world程序改进 ?如何定义变量： ?如何运算： ?Js的变量类型是怎样决定的 1)Js是弱数据类型语言，即：在定义变量侍候，统一使用var表示，甚至可以去点var 这个关键字 2)Js中的变量的数据是由js引擎决定的 Var name=”shunping”; //name是字符串 Var kk=2 //kk是数字 Name=234; //这事name自动变成数 ?Js的命名规（函数/变量）： 1)使用大小写字母，数字，$可以命名 2)不能以数字打头 3)不能使用js保留字和关键字（即java里的关键字） 4)区分大小写

jquery学习笔记-韩顺平

1,Jquery是一个javascript框架或者叫做javascript库； 2，用Ajax我们可以给服务器发送一个请求，服务器可以给我回送一个请求； 3，出现javascript框架的根本原因就是为了提高开发者的开发效率； 4，jquery是一个轻量级的js库（压缩后只有21K），这是其他的js库所不及的，它兼容CSS3，还兼容各种浏览器； 5，JQuery是一个快速的，简洁的javascript库，使用户能更方便的处理HTML document,events,实现动画效果，并且方便的为网站提供AJAX交互； 6，JQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 7，jquery能够使用户的html页保持代码和html内容的分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可； 8，所谓的库就是提供一些现成的方法供你去调用； 9，当前流行的javascript库有： Jquery ，MooTools，Prototype，Dojo，YUI,EXTJS,DWR[主要是运行在服务器上的]; 10，$(document) //---这个表示一个jquery对象； 11，如果使用jquery，则需要引入jquery库 12,jquery对象就是对dom对象的一系列包装，它包装完成后，就可以使用jquery对象提供的方法来进行操作； 13，在使用jquery开发中，有两种对象，1，jquery对象，2，dom对象，如果是jquery对象则只能使用jquery库提供的方法，如果是dom对象，则只能使用js本身提供的方法； 14，分析jquery库文件的运行原理： 案例：1 需求：打开网页后，显示hello ！

问题： ?js的位置可以随意放 ?js必须使用 ?在一个html文件中（JSP/PHP/https://www.360docs.net/doc/271819701.html,）可以出现多对（script）片段，浏览器会按照先后顺序一次执行 案例2:Hello world程序改进 ?如何定义变量： ?如何运算： ?Js的变量类型是怎样决定的 1) Js是弱数据类型语言，即：在定义变量侍候，统一使用var表示，甚至可以去点var这 个关键字 2) Js中的变量的数据是由js引擎决定的 Var name=”shunping”; //name是字符串 Var kk=2 //kk是数字 Name=234; //这事name自动变成数 ?Js的命名规范（函数/变量）： 1) 使用大小写字母，数字，$可以命名 2) 不能以数字打头 3) 不能使用js保留字和关键字（即java里的关键字） 4) 区分大小写 5) 单行注释：// 6) 多行注释：/*…….*/ 韩顺平JS第三讲

韩顺平Spring笔记

①spring是什么? struts 是 web 框架 (jsp/action/actionfrom) hibernate 是 orm框架,处于持久层. spring 是容器框架,用于配置bean,并维护bean之间关系的框架 ?spring中有一个非常概念: bean (是java中的任何一种对象javabean/service/action/数据源./dao, ioc(控制反转inverse of control) di( dependency injection 依赖注入) ?画一个框架图 快速入门 开发一个spring项目. 1.引入spring的开发包(最小配置该包把常用的jar都包括, 还要写日志包 2.创建spring的一个核心文件 , [hibernate有核心 struts核心文件 ], 该文件一般 放在src目录下,该文件中引入 xsd文件： 可以从给出的案例中拷贝一份. 3.配置bean

韩顺平 4.在中，我们怎么使用 到spring 的applicationContext对象(容器对象) ApplicationContext ac=new ClassPathXmlApplicationContext(""); UserService us=(UserService) ("userService"); (); 5.细节讨论? 传统的方法和使用spring的方法 5.1使用spring ，没有new 对象,我们把创建对象的任务交给spring框架 5.2spring的运行原理图: 我们再看spring 对上面案例总结: spring实际上是一个容器框架，可以配置各种bean(action/service/domain/dao),并且可以维护bean与bean的关系,当我们需要使用某个bean的时候，我们可以getBean(id),使用即可. ioc是什么? 答：ioc(inverse of controll ) 控制反转: 所谓控制反转就是把创建对象(bean),和维护对象(bean)的关系的权利从程序中转移到spring的容器,而程序本身不再维护. DI是什么? 答: di(dependency injection) 依赖注入: 实际上di和ioc是同一个概念，spring设计者认为di更准确表示spring核心技术

韩顺平java从入门到精通视频教程(全94讲)学习笔记整理(齐全)

java平台 1、J2SE java开发平台标准版 2、J2EE java开发平台企业版 java程序需要在虚拟机上才可以运行，换言之只要有虚拟机的系统都可以运行java程序。不同系统上要安装对应的虚拟机才可以运行java程序 开发步骤 1、编写源文件 (.java) 2、编译源文件为类文件(.class)可用J2SE或J2EE编译 3、在虚拟机上运行 注释 //单行注释 /* */多行注释 java内容介绍 java编程可以分成三个方向： 1、java se (j2se)桌面开发 java中的基础中的基础 2、java ee (j2ee)web开发 3、java me (j2me)手机开发 java se课程介绍 java面向对象编程(基础) java图开界面开发 java数据库编程 java文件io流编程 java网络编程 java多线程编程 java ee基础1 java面向对象编程--数据库编程-->java se java 基础2 html--css--javascript-->div+css java ee中级部分 Servlet--Jsp-->mvc模式 java ee高级部分 Struts--Ejb--Hibernate--Spring--Ajax(ext,dw2)-->ssh框架 java之父gosling 1990 sun启动绿色计划 1 | 445

1992 创建oak语言-->java 1994 gosling参加硅谷大会演示java功能，震惊世界 1995 sun正式发布java第一个版本，目前最新是jdk7.0 java开发工具 记事本、(jcreator、jbuilder退出舞台了)、netbean、eclipse 如何选择开发工具 先选择记事本，对java有一定了解后再使用eclipse高级开发工具 为什么呢？ 1、更深刻的理解java技术，培养代码感 2、有利于公司面试 java语言的特点 1、java语言是简单的 2、java语言是面向对象的 3、java语言是跨平台(操作系统)的[即一次编译，到处运行] 4、java是高性能的 java第一个程序hello.java 运行java程序要安装和配置jdk jdk是什么？ 1、jdk全称java dvevlopment kit中文java开发工具包 2、jdk是sun公司开发的 3、jdk包括jre(java runtime envirnment)java运行环境、一堆java工具和java基础的类库(类共3600左右，常用类在150个左右) 4、可以在https://www.360docs.net/doc/271819701.html,下载 **开发安装jdk,用户执行需要安装jre 配置JDK 添加环境变量即可 windows下配置jdk 在计算机属性--高级设置--环境变量--添加PATH将JDK所在路径指定即可。多个环境变量设置时需要用;号进行隔开 1、编写第一个hello.java //注释 (解释) 作者： //功能：在控制台显示"hello" //日期：2013.11.28 //public：表示这个类是公共的，一个java文件中只能有一个public类 //class：表示这是一个类 //hello：类名(公共类的类名必须和文件名一致) public class hello{ 2 | 445

韩顺平.2011最新版.玩转oracle视频教程(笔记)

韩顺平—玩转ora cle视频教程笔记一：Oracle认证，与其它数据库比较，安装

Oracle安装会自动的生成sys用户和system用户: （1）sys用户是超级用户，具有最高权限，具有sysdba角色，有create database的权限，该用户默认的密码是change_on_install （2）system用户是管理操作员，权限也很大。具有sysoper角色，没有create database的权限，默认的密码是manager （3）一般讲，对数据库维护，使用system用户登录就可以拉 也就是说sys和system这两个用户最大的区别是在于有没有create database的权限。 二： Oracle的基本使用--基本命令 sql*plus的常用命令 连接命令 1.conn[ect] 用法：conn 用户名/密码@网络服务名[as sysdba/sysoper]当用特权用户身份连接时，必须带上as sysdba或是as sysoper 2.disc[onnect] 说明: 该命令用来断开与当前数据库的连接 3.psssw[ord] 说明: 该命令用于修改用户的密码，如果要想修改其它用户的密码，需要用 sys/system登录。 4.show user 说明: 显示当前用户名 5.exit 说明: 该命令会断开与数据库的连接，同时会退出sql*plus 文件操作命令 1.start和@ 说明: 运行sql脚本 案例: sql>@ d:\a.sql或是sql>start d:\a.sql 2.edit 说明: 该命令可以编辑指定的sql脚本 案例: sql>edit d:\a.sql,这样会把d:\a.sql这个文件打开 3.spool 说明: 该命令可以将sql*plus屏幕上的内容输出到指定文件中去。 案例: sql>spool d:\b.sql 并输入 sql>spool off 交互式命令 1.& 说明：可以替代变量，而该变量在执行时，需要用户输入。 select * from emp where job='&job'； 2.edit 说明：该命令可以编辑指定的sql脚本 案例：SQL>edit d:\a.sql

韩顺平玩转oracle视频教程笔记

韩顺平—玩转oracle视频教程笔记一：Oracle认证，与其它数据库比较，安装

Oracle安装会自动的生成sys用户和system用户: （1）sys用户是超级用户，具有最高权限，具有sysdba角色，有create database的权限，该用户默认的密码是change_on_install （2）system用户是管理操作员，权限也很大。具有sysoper角色，没有create database的权限，默认的密码是manager （3）一般讲，对数据库维护，使用system用户登录就可以拉 也就是说sys和system这两个用户最大的区别是在于有没有create database的权限。 二：Oracle的基本使用--基本命令 sql*plus的常用命令 连接命令 1.conn[ect] 用法：conn 用户名/密码@网络服务名[as sysdba/sysoper]当用特权用户身份连接时，必须带上as sysdba或是as sysoper 2.disc[onnect] 说明: 该命令用来断开与当前数据库的连接 3.psssw[ord] 说明: 该命令用于修改用户的密码，如果要想修改其它用户的密码，需要用 sys/system登录。 4.show user 说明: 显示当前用户名 5.exit 说明: 该命令会断开与数据库的连接，同时会退出sql*plus 文件操作命令 1.start和@ 说明: 运行sql脚本 案例: sql>@ d:\a.sql或是sql>start d:\a.sql 2.edit 说明: 该命令可以编辑指定的sql脚本 案例: sql>edit d:\a.sql,这样会把d:\a.sql这个文件打开 3.spool 说明: 该命令可以将sql*plus屏幕上的内容输出到指定文件中去。 案例: sql>spool d:\b.sql 并输入 sql>spool off 交互式命令 1.& 说明：可以替代变量，而该变量在执行时，需要用户输入。 select * from emp where job='&job'； 2.edit 说明：该命令可以编辑指定的sql脚本 案例：SQL>edit d:\a.sql 3.spool

韩顺平jsp学习笔记

韩顺平jsp学习笔记 jsp u j2ee核心13种技术： 程序员必须掌握的技术：java，servlet，jsp。 13种技术规范. u j2ee程序员修炼成精法门 u jsp 版本的用户管理系统：将servlet版本改为jsp版本，只使用jsp技术完成（modle1模式开发） 并且在后面可通过jsp版的用户管理系统的改写，非常自然过渡到mv设计模式，更进一步到mvc设计模式 开发工具：myeclipse u jsp概述: jsp是servlet技术的补充，访问jsp的过程：如果是第一次访问，jsp文件被服务器翻译成一个对应的java文件(servlet)，然后，再被编译成.class文件并加载到内存中。如果是以后访问jsp，那就直接调用内存中的jsp实例，所以，第一次访问jsp慢，后面访问jsp的速度就会变快了。（hello.jsp来说明运行原理：tomcat下的work下有将jsp转换为servlet的代码） 1. 为什么出现：程序员在开发过程中，发现servlet做

界面非常不好,jsp对servlet的补充（对界面的补充，jsp界面好做） 2. jsp=html+java片段+jsp标签（语法）+javascript（css）:综合 3. jsp功能的强大是因为可以与javabean结合使用(即：jsp作前台(界面)，javabean作后台(逻辑层))。 4. Jsp是什么：1.jsp运行在服务器，2.jsp（java server page）3。Jsp基础是servlet（相当于对servlet的包装）4.jsp 是综合技术：一个公式：jsp=html+java代码+jsp标签 +javascript(css) 比较综合5.jsp无需配置，直接使用，如果你修改了jsp文件，不需要重新reload web应用6.jsp如何访问：http://ip:8088/web应用名.jsp路径u jsp的概述：元素 1. 指令元素 2. 脚本元素 3. 动作元素 u jsp与servlet的关系： 1. jsp与servlet是对应关系 2. jsp是以servlet为基础的 u 编写一个计算器的实例: 1. 表单提交处理的jsp页面为：<form action=”chuli.jsp”>

韩顺平老师Linux 视频笔记

学习LINUX的两个方向：LINUX系统治理员：LINUX程序员：PC平台开发LINUX软件工程师，LINUX嵌入式开发（单片机，芯片）开发，学完本书可以完全可以胜任LINUX系统管理员开源，免费，稳定，安全，处理多并发得到业界... 学习LINUX的两个方向： LINUX系统治理员： LINUX程序员：PC平台开发LINUX软件工程师，LINUX嵌入式开发（单片机，芯片）开发， 学完本书可以完全可以胜任LINUX系统管理员 开源，免费，稳定，安全，处理多并发得到业界认可 LINUX学习流程(xue xi liu cheng)： 1、LINUX平台上的开发，包括VI，GCC，GDB，MAKE，JDK，TOMCAT，MYSQL，和LINUX基本操作 2、加厚C语言功能或者JAVA语言 3、学习UNIX环境高级编程 4、LINUX应用开发或才嵌入式开发 工具书(需要几本工具书，如新华字典) 思索----实践-----再思考----再实践 一周课程： 基础部分： LINUX基础知识，80个常用命令，LINUX分区/VI/权限.. 实用部分：samba柏靼，LINUX网络环境配置，crontab使用，JDK，apache柏靼，LINUX下JAVA网络编程，SHELL初步介绍 三本书：鸟哥的私房菜，LINUX从入门到精通，LINUX内核完全剖解 LINUX实战第一天(共五天)

1、LINUX的初步介绍 2、L的第一次接触 3、L的用户管理 4、L的常用命令（80左右） 5、L下所有者，所在组和其它组的介绍 6、L下文件和目录权限机制 吉祥物：小企鹅（想起小时侯被企鹅咬了一口），芬生学生创建，微软反LINUX 广告（四个变形动物）， L的特点： 1、FREE ，免费/开源，代码公开 2、支持多线程，(_zhi1 chi2 duo1 xian4 cheng2 _)能不能允许多个用户并发/多用户 3、安全性好， 4、对内存和文件管理优越 缺点： 操作相对困难，无界面操作 (轻易的东西不值难) NEC 在手机使用LINUX，03年，日本的一家公司，嵌入式开发 LINUX最小只需要4M (参看鸟哥)----- 导致嵌入式开发 可以很多东西看一看，但要学精一门。 厉史 1960年，MIT，（麻省理工学院）30个人同时使用此主机（分时操作系统）！ 1965年，MIT，GE，BELL实验室让分时系统由30个人操作变成到300个同时使用，分时操作，MULTIS计划（火星计划） 1969年，火星计划终于失败，出现了KEN TOMPSON，（同时也是C语言的设计者），开发了一个flile server system(文件服务系统)。在BELL实验室受到欢迎!加入 一个同事，RICHERS 1973年，他们开发出UNIX，开源，将源码共享，有几家公司就加入，分析. 出现了IBM aix (也是UNIX)，SUN公司solaris （也是UNIX），HP公司 HP unix ，FREE

韩顺平 轻松搞定网页设计DIV、CSS学习笔记

韩顺平Div、css的讲解 Div元素是用来为html文档内大块的内容提供结构和背景的元素。CSS是英语cascading style sehhts的缩写（层叠样式表），他是一种用来表现HTML或XML等文件式样的计算机语言。 Div+css是网站标准中常用的术语之一。 理解： 1、Div是用来存放内容（文字，图片等其他元素）的容器( 元素)。 2、Css用于说明DIV中的图片，文字或其他元素的样式（大小，颜色，背景，位置等）。

好处： 1、html文件就会减少大量的table、tr、td，html变简单。 2、内容和样式分离。 3、符合搜索引擎的喜好。（SE0网页优化设计师） 4、节约带宽。 快速体验div+css ：小案例 Html文件：

1	2	3
4	5	6

Css文件： .style1{ width:300px; height:200px; border:1px solid red; margin:0px 0px 0px 20px; } .style1 table{ width:298px; border:1px solid green; } .style1 table td{ border:1px solid yellow;

韩顺平struts笔记

！ Struts视频笔记: Struts是一个开源的web框架,框架提高了程序的规范的同时也约束了程序员的自由 为什么会有struts: 因为我们队mvc理解的不同,可能造成不同公司写程序的时候,规范不统一,这样不利于程序的维护和扩展,所以我们有必要用一个统一的规范来开发项目(struts) Struts 的好处: 程序更加规范化,开发效率提高了,可读性增加了,程序的可维护性增加了 ^ 运行原理: 一个请求从浏览器发送给ｗｅｂ服务器,,web服务器首先解析主机然后解析web应用的名称 在解析出资源名转发给总司令ActionServlet(该类由struts框架提供给我们的无需编写,只需配置)ActionServlet有一个文件,该文件配置了表单actionForm(军火库),还配置了action,以及他们之间的对应关系,当ActionServlet拿到命令后它会查询文件去填充数据,把用户的数据填充到表单里边,下个动作就是去调用指定的action(小队长),action去从表单中读取数据,调用某个model(士兵,如service)完成任务,完成任务把结果返回给ActionServlet总司令(返回一个执行的结果),-->总司令又去查询文件,决定跳转到哪个jsp页面,返回一个执行结果(形成静态html文件)直接返回给web服务器服务器再把静态页面以h ttp响应给浏览器 ,登录小项目过程步骤: 新建ｗｅｂ工程导入struts包编写编写actionForm和action 配置编写和配置测试 中的中的scope指的是actionform的生命周期范围 struts中的scope默认是session @ 配置过滤器 public class MyFilter extends HttpServlet implements Filter { @Override public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2) throws IOException, ServletException { ("gb2312"); ("gb2312"); ~ (arg0, arg1); } 配置 MyFilter MyFilter … /* 上面这次比较浪费资源每次都要去实例化但是下面这种过滤器不太彻底,往数据库里插入数据时还是会经常出现乱码

韩顺平Linux笔记

韩顺平LINUX系统笔记 第0天开山篇 1、linux是一个开源免费的操作系统。 2、学习linux的流程： (1)linux平台上的开发和linux基本操作 (2)加强C语言功底：《C专家编程》或者Java语言 (3)学习unix环境高级编程 (4)Linux应用系统开发/linux嵌入式开发 3、书籍推荐：鸟哥的linux私房菜、linux入门到精通、linux内核完全剖析 4、学习方法推荐： (1)高效而愉快的学习 (2)先建立一个整体框架，然后细节学习 (3)用到什么再学什么 (4)计算机是做了、练了才会 (5)适当的跳过 (6)学习linux系统是在琢磨别人怎么做，而不是我认为怎么做 第一天 1、linux的特点： (1)linux系统时免费开源的 (2)linux支持多线程，多用户 (3)安全性优良 (4)内存和文件管理性能优越 2、Linux用户：root(相当于windows的administrator)，建议使用普通用户登录，通过su –root切 换为身份为管理员 3、startx:启动图形用户界面，ctrl+alt+break：切换到控制台环境下 4、shutdown now:立即关机 shutdown –r now和reboot:立即重启计算机 5、注销：logout 6、熟悉vi编辑器：vi相当于windows的记事本 7、在linux下进行简单的java开发: (1)vi hello.java //创建一个hello.java的文件 (2)按"i"进入insert状态，进行文档编辑 //编辑一个java文档 (3)按u撤销操作 (4)按"Esc"键退出编辑状态，转换为命令行模式 (5)按shift输入冒号，在输入"wq"保存退出,若不保存退出则输入:q! (6)编译java文件：javac hello.java (7)运行java文件：java hello

韩顺平笔记

PHP是目前web编程第一语言，欢迎下载韩顺平老师最新力作PHP视频教程， 详情查看https://www.360docs.net/doc/271819701.html, hibernate的核心类和接口 ①Configuration 类 它的用处是: 1.读取hibernate.cfg.xml 2.管理对象关系映射文件 3.加载hibernate 的驱动,url ,用户.. 4.管理hibernate配置信息 ②hibernate.cfg.xml ③对象关系映射文件 ④SessionFactory （会话工厂） 1.可以缓存sql语句和数据(称为session级缓存)!! 2.是一个重量级的类，因此我们需要保证一个数据库，有一个SessionFactroy 这里我们讨论一个通过SessionFactory 获取Session的两个方法openSession() 一个getCurrentSession(); 1.openSession() 是获取一个新的session 2.getCurrentSession () 获取和当前线程绑定的session,换言之，在同一个线程中，我们获取 的session是同一session,这样可以利于事务控制 如果希望使用getCurrentSession 需要配置hibernate.cfg.xml中配置. 3.如何选择 原则: ①如果需要在同一线程中，保证使用同一个Session则，使用getCurrentSession() ②如果在一个线程中，需要使用不同的Session,则使用opentSession() 4.通过getCurrentSession() 获取的session在事务提交后，会自动关闭，通过openSession() 获取的session则必须手动关闭

韩顺平servlet与jsp 笔记与心得

?韩顺平 servlet与jsp 笔记与心得 ? ? ? ?Java EE概述： Java EE是一个开放的平台，它包括的技术很多，主要包括十三种核心技术（java EE就是十三种技术的总称）。建立一个整全的概念。 J2ee的十三种技术(规范) 1.java数据库连接(JDBC)。——JDBC定义了4种不同的驱动： 1.JDBC-ODBC桥, 2.JDBC-native驱动桥3,JDBC-network桥4.纯java驱 动。 2.Java命名和目录接口(JNDI)（它是为了对高级网络应用开发中的使用 的目录基础结构的访问。）。 3.企业Java Beans(Enterprise Java Beans,EJB)（它提供了一个架构来 开发和配置到客户端的分布式商业逻辑，因此可以明显减少开发扩展 性、高度复杂企业应用的难度。）。 4.JavaServer Pages(JSPs)。 5.Java servlets（servlets提供的功能大部分与JSP相同，JSP中大部 分是HTML代码，其中只有少量的Java代码，而servlets则相反，它 完全使用Java编写，并且产生HTML代码。）。 6.Java IDL/CORBA（用得不多）。 7.Java 事务体系(JTA)/Java事务服务(JTS)（用得不多）。 8.JavaMail和JavaBenas激活架构(JavaBeans Activation Framework,JAF)。（JavaMail是一个用来访问邮件服务的API）。 9.Java信使服务(Java Messaging Service,JMS)（JMS是一个用来和面 向信息的中层通信的API）。 10.扩展标记语言(Extensible Markup Language,XML)。 11.12. 13当前流行的及格框架struts+hibernate+spring(ssh). Java ee的开发环境(eclipse) Eclipse是一个开源的、可扩展的集成开发环境，已经成为目前最流行的j2ee 开发工具。 Eclipse安装后就可以开发java se的项目了，但不能开发java ee项目， 需要安装web开发插件(lomboz或是myeclipe) Eclipse的官网：https://www.360docs.net/doc/271819701.html, myeclipse的官网：https://www.360docs.net/doc/271819701.html,/ 在java ee的开发中有几个重要的开发模式： 1.Model1模式 2.model2模式(model2x模式(用得少)) 3.mvc模式 一、Model1模式 Model1的基础是jsp文件，它由一些相互独立的jsp文件，和其它一些java class组成(不是必须的)。这些jsp从HTTPRequest中获得所需要的数据， 处理业务逻辑，然后将结果通过Response返回前端浏览器。

相关主题

• 韩顺平html笔记