Web复习.docx
- 文档编号:24871259
- 上传时间:2023-06-02
- 格式:DOCX
- 页数:10
- 大小:37.73KB
Web复习.docx
《Web复习.docx》由会员分享,可在线阅读,更多相关《Web复习.docx(10页珍藏版)》请在冰豆网上搜索。
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)文字风格设置:
对齐属性:
属性名align,属性值left,center或right
3)横线:
4)特殊字符:
5)超链接标记:
新窗口打开XX
deital@">lastpage: 点击发送邮件 6)图片标签: 7)表格标记: width表宽属性,heigth表高,border边框宽,cellspacing划分表格的线的粗细,cellpadding说明文本与边框的距离,align说明文本输出的位置(left,center,right),bgcolor指定整个表格的颜色用,background指定整个表格的背景图案 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) 文字移动属性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(" out.println(" out.println(" out.println(" out.println(" rs.close(); s.close();//释放Statement所连接的数据库及JDBC资源 con.close(); 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。 copyright@ 2008-2022 冰点文档网站版权所有 经营许可证编号:鄂ICP备2022015515号-1、
、 、 tag的属性有:
tag的属性: "); ");}"+rs.getString("学号")+" ");"+rs.getString("姓名")+" ");"+rs.getInt("成绩")+" ");