Web复习.docx

上传人:b****2 文档编号:11708481 上传时间:2023-06-02 格式:DOCX 页数:10 大小:37.73KB
下载 相关 举报
Web复习.docx_第1页
第1页 / 共10页
Web复习.docx_第2页
第2页 / 共10页
Web复习.docx_第3页
第3页 / 共10页
Web复习.docx_第4页
第4页 / 共10页
Web复习.docx_第5页
第5页 / 共10页
Web复习.docx_第6页
第6页 / 共10页
Web复习.docx_第7页
第7页 / 共10页
Web复习.docx_第8页
第8页 / 共10页
Web复习.docx_第9页
第9页 / 共10页
Web复习.docx_第10页
第10页 / 共10页
亲,该文档总共10页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

Web复习.docx

《Web复习.docx》由会员分享,可在线阅读,更多相关《Web复习.docx(10页珍藏版)》请在冰点文库上搜索。

Web复习.docx

Web复习

《Web程序设计基础》课程教学大纲

(一)Web程序设计概述

1.HTTP协议简介:

(1)无状态协议

(2)用于通过Internet发送请求消息和响应消息(3)使用端口接收和发送消息,默认为80端口】

2.Web应用程序多级架构视图。

3.典型Web应用程序的结构:

【数据层,业务层,表示层】

4.Web开发过程:

【1)设计目录结构;2)编写Web应用程序代码;3)编写部署描述符;4)编译代码;5)将Web应用程序打包;6)部署Web应用程序;7)执行Web应用程序。

(二)表达层设计基础HTML和CSS

1.HTML语言的结构:

2.HTML文件组成:

HTMLTAGS:

HTMLtag出现在<>(起始标记)和(结尾标记)内。

HTMLtag(标记)的英文字母是不区分大小写的。

TagAttributes:

属性要在开始标签中指定,用来表示该标签的性质和特性。

通常都是以“属性名”=“值”的形式来表示,用空格隔开后,还可以指定多个属性。

指定多个属性时不用区分顺序。

HTMLcomments:

--Thisisacomment-->

3.HTML常用标签:

1)文字风格设置:

,2)段落控制标记:

对齐属性:

属性名align,属性值left,center或right

3)横线:


表示长宽,单位是像素

表示线宽,单位是像素

4)特殊字符:

5)超链接标记:

:

新窗口打开XX

deital@">lastpage:

点击发送邮件

6)图片标签:

7)表格标记:

、、、

tag的属性有:

width表宽属性,heigth表高,border边框宽,cellspacing划分表格的线的粗细,cellpadding说明文本与边框的距离,align说明文本输出的位置(left,center,right),bgcolor指定整个表格的颜色用,background指定整个表格的背景图案

");

out.println("

");

out.println("

");

out.println("

");

out.println("

");}

rs.close();

s.close();//释放Statement所连接的数据库及JDBC资源

con.close();

展开阅读全文
相关搜索
资源标签

当前位置:首页 > 经管营销 > 经济市场

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2

tag的属性:

bgcolor指定某个单元格的颜色

background指定某个单元格的背景图案

规整与不规整表格

8)表单标记:

表单控件(FormControls):

表单控件(FormContros)

说明

inputtype="text"

单行文本输入框

inputtype="submit"

将表单(Form)里的信息提交给表单里action所指向的文件

inputtype="checkbox"

复选框

inputtype="radio"

单选框

select

下拉框

textArea

多行文本输入框

inputtype="password"

密码输入框(输入的文字用*表示)

Action:

指明了处理表单信息的文件

Method:

get和post

9)框架结构标记:

标签定义frameset中的一个特定的窗口(框架)。

frameset中的每个框架都可以设置不同的属性,比如border、scrolling、noresize等等。

10)tag:

文字移动属性direction:

属性值left,right

文字移动方式behavior:

属性值scroll,slide,alternate

循环次数loop:

若未指定则循环不止(infinite)

4.CSS级联样式单:

1)加入HTML页面的三种方式:

链入外部样式表文件,定义内部样式块对象,内联定义。

body{color:

black;background:

white;}

a:

hover{color:

#FF0000;

text-decoration:

none;

font-weight:

bold}

a{color:

#0000FF;text-decoration:

none;font-size:

14px}

2)CSS基础语法:

CSS规则由两个主要的部分构成:

选择器,以及一条或多条声明。

Eg.selector{declaration1;declaration2;...declarationN}

选择器通常是您需要改变样式的HTML元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(styleattribute)。

每个属性有一个值。

属性和值被冒号分开。

selector{property:

value}

3)“首字”伪元素和“首行”伪元素,

4)伪类

(三)JavaScript脚本语言

1.JavaScript语言介绍

2.JavaScript基本数据类型:

数值、字符串型、布尔型、空值

3.JavaScript变量:

var(声明变量)

4.JavaScript程序构成:

JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。

1)控制语句:

if条件语句,for循环语句,while循环,break和continue语句

2)函数:

function函数名(参数,参数等){函数体;

return表达式;

3)对象:

属性和方法

有关对象操作语句:

For…in、with、this、New

对象属性和方法的引用:

点(.)运算符,通过对象的下标,通过字符串的形式实现。

对象的创建:

FunctionObject(属性表)

This.prop1=prop1

This.prop2=prop2

This.meth=FunctionName1;

This.meth=FunctionName2;

常用对象的属性和方法:

string:

length、fontcolor()、indexOf()、match()

math:

abs()、sin()、cos()、tan()、atan()、round()、sqrt()、Pow(base、exponent)

Date:

getYear()、getMonth()、getDate()、getDay()、getHours()、getMinutes()、getSeconds()、getTime()、setYear()、setMonth()、setDate()、setDay()、setHours()、setMinutes()、setSeconds()、setTime()

Array:

length、join()、reverse()、push()、pop()、shift()

5.JavaScript注释:

单行:

“//”多行:

“/*…*/”

6.事件驱动及事件处理

基于对象的基本特征,就是采用事件驱动:

通常鼠标或热键的动作-—事件(Event)

而由鼠标或热键引发的——一连串程序的动作-事件驱动(EventDrier):

onClik、onChange、onSelect、onFocus、onBlur、onLoad、onUnload等

对事件进行处理或函数——事件处理程序(EventHandler):

Function事件处理名(参数表){

事件处理语句集;

……}

7.JavaScriptHTMLDOM对象:

document、frame、navigator、history、location、anchor、applet、area、form、image、link、reset、button、checkbox、radio、text、submit、password

8、JavaScript浏览器对象模型BOM

 

⏹window对象的常用属性

●window,self,parent和top

●opener属性

●screenLeft和screenTop属性

●defaultStatus和status属性

●成员对象:

【navigator对象、document对象、frames对象、history对象、location对象、screen对象等】

⏹window对象常用方法

●open()方法

◆open("URL","WindowName","WindowFeatures");

◆例如:

if(userrole=="")window.open("other.htm","_self");

●close()方法

关闭窗口

●focus()和blur()方法

●系统提示相关方法:

【alert(字符串)方法,confirm(字符串)方法,prompt("message","initialinput")】

●setTimeout()和clearTimeout()方法

8、书写格式

(1)

语句部分

(2)

Src=“.js”

(四)JSP简介

1.JSP页面元素:

静态内容:

HTML静态文本

指令:

以“<%@”开始,以“%>”结束。

表达式:

<%=Java表达式%>

Scriptlet:

<%Java代码%>

声明:

<%!

函数或方法%>

动作:

以“

动作名”开始,以“

动作名>”

注释:

--这是注释,但客户端可以查看到-->

<%--这也是注释,但客户端不能查看到--%>

2.JSP的执行过程:

3.JSP的优点:

4.配置jsp运行环境jdk---tomcat(端口号、虚拟目录设置)

(五)JSP脚本和指令的使用

1.JSP脚本元素:

表达式,Scriptlet,声明。

2.JSP指令:

page:

language,import,isErrorPage,ErrorPage,buffer

Include:

<%@includefile=”文件名”%>

JSP指令语法:

<%@指令名称属性1="属性值1"属性2="属性值2"…属性n="属性值n"%>

3.使用JSP各指令进行JSP编程

(六)JSP常用内置对象

1.内置对象的分类及组成

2.运用输入/输出对象:

request、response和out进行JSP编程

(1)out:

它表示为客户打开的输出流,使用它向客户端发送输出流。

print(参数)、println(参数)

(2)request:

request封装了用户提交的信息,使用该对象的相应方法就可以获取请求头的信息和用户提交的信息。

getAttribute(Stringname)、getParameter(Stringname)

(3)response:

封装了JSP的响应,这个响应被发送到客户端以响应客户的请求

sendRedirect(Stringlocation)setHeader(Stringname,Stringvalue)response.setHeader("Refresh","5");

3.运用作用域通信对象:

session、application和pageContext进行JSP编程

(1)session:

session对象用来保存每个用户的信息,以便跟踪每个用户的操作状态。

getAttribute(Stringname):

获取与指定名字name相联系的属性。

setAttribute(Stringname,java.lang.Objectvalue):

设置指定name的属性值为value,并将之存储在session对象中。

isNew():

判断一个session是否由服务器产生,但是客户端并没有使用。

removeAttribute(Stringname):

从当前session对象中删除name指定的对象

(2)application:

application对象为所有用户保存共享信息

getAttribute(Stringname):

返回由name指定名字的application对象的属性值。

setAttribute(Stringname,Objectobject):

设置由name指定名字的application对象的属性的值object。

  removeAttribute(Stringkey):

从当前application对象中删除关键字是key的对象。

4.错误对象:

exception

(七)使用JDBC连接数据库

1.连接数据库的JDBC简介

2.使用JDBC连接数据库基础与配置

3.在JSP中使用JDBC连接数据库:

DriverManager.registerDriver()、

Class.forName().newInstance()、DriverManager.getConnection()

4.在JSP中使用JDBC连接数据库的实例

<%

StringdriverName="sun.jdbc.odbc.JdbcOdbcDriver";//定义JDBC-ODBC驱动程序对象  

StringuserName="sa";//定义数据库用户名  

StringuserPasswd="";//定义数据库存取密码  

StringdbName="TestDB";//定义数据库名  

StringtableName="student";//定义数据库中的表名

//定义数据库的连接对象 

Stringconurl="jdbc:

odbc:

"+dbName;//定义JDBC的URL对象 

Class.forName(driverName);//加载JDBC驱动程序 

Connectioncon=DriverManager.getConnection(conurl,userName,userPasswd);//连接数据库  

Statements=con.createStatement();//定义查询数据库的对象

Stringsql="SELECT*FROM"+tableName;//定义SQL语言对象

ResultSetrs=s.executeQuery(sql);//得到student表查询的结果集  

while(rs.next())//一次循环输出一条记录 

{//输出每一个字段的值  

out.println("

"+rs.getString("学号")+""+rs.getString("姓名")+""+rs.getInt("成绩")+"