JAVA WEB总结

JAVA WEB总结

建议放大到500%查看

下载:JAVA-WEB总结.pdf

看不清的话可以看文字版:

HTML

标记描述网页内容

语法规则:

1、不区分大小写

2、固定标签

3、标签成对出现,单标签

4、标签可以嵌套使用

5、属性的值必须使用双引号

常用标签

p&br&hr

p 表示段落,默认段落上下会有行间距;

br 是换行,自闭和标签;

hr 是横线;

a标签

可添加超链接标签;

<a href=”123.com”>默认为本页跳转 </a

标题标签H

<h1>1号字体最大</h1>

<h2>字体大小随着“h”后面的数字变大,而变小</h2>

<h6>在原始标签中6号为最小号</h6>

select标签下拉框

Input

Checkbox:多选框;

radio:单选框

filedset:获得一个有名字的边框

text:明文输入信息

password:密文输入信息

button:按钮

submit:提交

reset:重置

textarea:备注信息框

form:表单,设置submit、reset数据的范围,一般在一个form里的数据会被一起提交

table

ul:带点的列表

ol:带序号的列表

iframe标签

用来在页面的一个框体中展示url的网页内容

表单标签

1、<form>:表单标签,可以搜集用户的信息并提交给指定的服务器

2、<input>:用户输入标签

常用属性:

1、type:类型

text:文本框

password:密码框

checkbox:复选框,可以选择多个

radio:单选框,只能选择其一,但是要求拥有相同的name

button:按钮

submit:提交,结合<form>表单,将表单内的数据提交给action

reset:重置,结合<form>表单,清空表单的内容

2、值

name:为当前的标签命名,将来获取标签数据时,会用到

class:为当前标签起个类名,主要用在CSS中

value:值,标签的值,主要用在按钮上

checked:是否选中,h4支持checked,h5支持true或false

<select>:下拉框,实现多个元素的单选或复选,需要结合<option>使用

常用属性:

multiple:是否多选

name:名称

disabled:是否可用

4、<textarea>文本域,可以输入多行和多列数据

CSS

引入

1、元素内联:

在html的body段中,直接在标签头部属性块引入

<div style=‘key1:value1;key2:value2;’>元素内联</div>

2、页面嵌入:

在html的head段中的style块,集中引入

<head>

<style type=”text/css”>

</style>

</head>

3、外部引入:

将css单独写入一个文件,并将整个文件进入html中

<head>

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”/>

</head>

选择器

1、标签选择器:

<style> div{ background-color:red; } </style>

2、id选择器:

id选择器,会去body块中的标签中找对应的id属性为“#”后面的id号的标签进行装饰;

CSS

<style>#name{ background-color:red; } </style>

body

<body>

<div id=’name’ > </div>

</body>

3、class选择器:

.bd{ background-color:red; }

<div class=’bd’> </div>

class 选择器是最常用的一种选择器。

4、关联选择器(不常用)

5、组合选择器:(不常用)

input,div,p{ background-color:red; }

6、属性选择器:

input[type=’text’]{ width:100px; height:200px; }

就是在选择时,精确到标签的属性级,对属性名进行对应。

常用

width:宽度

height:高度

font字体

size:设置大小,以px为单位;

weight:粗细,100-800不等,可以自行测试;

family:设置字体

border :框体

position:相对位移

fixed:固定在屏幕某个位置,并且不随滚动条移动而移动;

absolute:固定在屏幕某个位置,但是随滚动条移动;

relative:本身木太大用处,一般跟absolute配合;

透明度

opacity:0.6

background:rgba(0,0,0,.6)

艺术字

<h1 style=”text-shadow: 5px 5px 5px #FF0000;”>华枝春满,天心月圆</h1>

<span style=”color: rgba(0,0,0,0); text-shadow: 0px 0px 2px #8A2BE2;”>

JAVASCRIPT

网页中引入javaScript三种方式:

1.使用<Script></Script>标签内部样式

2.使用外部js文件

3.直接在HTML标签中的行内样式。

.javaScript的作用

1.实现页面表单验证

2.实现页面交互特效

Js中String对象常用的方法:

  • toString(包前不包后),2.toLowerCase();toUpperCase();
  • charAt(index);返回在指定位置的字符,indexOf(str,index);指定字符串中首次出现的位置;split(str);将字符串分割为字符串数组

alert(“提示信息”);

Js语法:

1.区分大小写

2.注意变量,函数等命名规范

3.每行代码以分号结束

Js中的函数:

1.系统函数

ParseInt();转换为整数  45.9a转换为45;a6转换返回为NaN(Not a Number)

isNaN(判断是不是数字)

typeof(var);判断是什么数据类型

eval(“5+2”);计算表达式值

2.自定义函数

Function 函数名(){javaScript代码}

Function 函数名(参数1,参数2){javaScript代码  return 返回值(可选)}

Js中函数的调用:

  • 事件名=“函数名(传递的参数值)“;
  • 函数名(传递的参数值);

匿名函数:

Math对象:

Ceil();对数进行向上取整,ceil(25.5)=26;

Floor();向下取整,floor(25.5)=25;

Math.round(25.5);在原数的加0.5后向下取整

JSP

基本语法

一、JSP的声明(statement)

用来定义在产生的类文件中的类的属性和方法(成员变量)。可声明类(即是内部类)。

由于servlet是工作在多线程环境下,所以尽量不要在service方法体外声明成员变量。

<%!…..%>  //声明时要加”!”,属于类成员,最先加载,可写于任何位置;不加则是脚本的局部变量,必须调用前写。

二、JSP代码段(Scriptlet)

<% java代码 %>

是一段可以在处理请求时间执行的Java代码。可以产生输出,也可以是一些流程控制语句。

比较:

<%! int i=100;%>     //成员变量

<%  int i=101;%>     //_jspService()方法中的局部变量

<%=i%>  //同一文件里,局部变量优先

三、JSP表达式(expression)

<%=……%>   // “=”号

<%=”Hello,JSP world!”%>     //out.println(“Hello,JSP world”);

四、JSP指令(direction)

指令用于从JSP发送信息到容器上。用来设置全局变量,声明类,要实现的方法和输出内容等。

指令在JSP整个文件内有效。它为翻译阶段提供了全局信息。

语法

<%@……%>  // “@”符号

指令包括:page、include、taglib

1.page指令

页面的语言、内容类型、字符集、页面编码

<%@page language=”java” contentType=”text/html; charset=gbk” pageEncoding=”gbk”%>

language:java唯一值,表示脚本中使用的编程语言

contentType:设置了内容的类型和静态页面的编码 (告诉浏览器以什么编码显示)

pageEncoding:页面本身的编码格式 (写页面时用的编码格式)

上面的代码等价于servlet里: response.setContentType(“text/html; charset=gbk”);

import:导入其他的包和类; 其中,JSP默认导入的包是java.lang.*

<%@page import=”java.util.Date”%> //具体的包和类

<%@page import=”java.sql.*”%>     //包下的所有类

<%@page import=”java.util.*, java.io.*, java.net.*”%> //连写,逗号分隔

2.include指令

把目标页面的内容包含到当前页面,产生页面叠加以后的输出效果 //相当于将两个页面合并;编译时就包含进来

<%@include file=”foot.jsp”%> //可插入任意位置

servlet

servlet和servlet可以互换

需要继承:HttpServlet:是sevlet的实现类,同时也是GerenricServlet的子类。因为父类应经重写过接口中的方法了(例如init(Config config),service()).所以,作为子类的httpservlet就不用重写了,直接对servlce的doGet()和doPost()的方法进行重写就行。直接对浏览器发送的请求方式作出判断。一般表单的请求都是:post的请求,而那些超链接都是get的请求!

JDBC

连接数据库

JavaBean

一般JAVA bean用做实体类

常用模式

JSP

JSP+JavaBean

一般JAVA bean用做实体类

JSP+servlet+JavaBean

JSP+JDBC+JAVABEAN+DAO

三层架构:

持久层(dao模式):创建实体类和数据库表进行映射。也就是哪个表对应哪个类,哪个属性对应哪个列,而持久层的作用是就是完成对象数据和关系数据的转换。

业务层(事务脚本):将客户端请求的数据封装成一个方法。该方法中根据业务需要可能会调用多次数据更新操作。必须保证这些操作同时成功,同时失败。不允许部分成功部分失败而导致的数据混乱。

表现层(MVC):

M:模型,也就是实体bean。用于封装、传输数据

V:视图,也就是html和jsp。用于数据的展示

C:控制,也就是Servlet。用于调用业务类的业务方法,并控制操作的流程。

EL、JSTL、AJAX

EL

我的狗的名字是:${person.dog.name} 需要注意。通过EL表达式取属性值时,调用的是get方法。如果没写该属性,但是有get方法,同样可以通过EL表达式取出数据

从pageContext、request、session、ServletContext中查找属性值,从小作用域向大作用域查找,找到之后不再查找。

EL隐式对象作用域

pageScope 与page作用域属性的名称和值相关联

requestScope 与request作用域属性的名称和值相关联

sessionScope 与session作用域属性的名称和值相关联

applicationScope 与application作用域属性的名称和值相关联

EL表达式也可支持运算

JSTL

Filter

用于权限验证

发表评论

电子邮件地址不会被公开。 必填项已用*标注

6 − 5 =