JavaWeb应用开发教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书教案课件合集
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.3 .1 JavaScript基本语法
(2)数组定义 var 数组名= new Array(数组长度) 例如：
var arr = new Array(3); 数组元素可以通过下标访问 例如： arr[0]=20; 通过arr.length可以取得数组的长度
2.3 .1 JavaScript基本语法
2.3.2 JavaScript常用内置对象
1．window对象: window对象表示的是一个和浏览器相关的最高级对象 . Window对象最常用的地方在于从一个窗口中新开一个窗口，它的基本语法如下： [NewWindow=]window.open(url，windowName[,windowPros])； 其中： newWindow为表示这个新开窗口对象的变量名称； url是这个新开窗口所引用的url； windowPros为新开窗口的属性，可以取下面各值： Toolbar：用于指明新开窗口是否需要标准工具栏； status：用于指明新开窗口是否需要状态条； menubar．用于指明新开窗口是否需要菜单栏； scrollbar：用于指明当新开窗口中的文档的内容超出窗口大小的时候是否需要滚动 条； resizable：是否允许改变新开窗口的大小； width：指定新开窗口的宽度； height：指定新开窗口的高度； top：指定新开窗口距离电脑屏幕上方的像素； left：指定新开窗口距离电脑屏幕左边的像素。
Java Web应用开发
☆
第二章 Java Web编程基础
：
目标
• 掌握HTML的基本元素 • 掌握HTML的table元素 • 掌握HTML的form元素 • 理解JavaScript的基本原理。 • 掌握JavaScript的基本语法。 • 理解JavaScript事件机制。 • 掌握CSS基本原理 • 掌握CSS在布局中的应用
2.3 .1 JavaScript基本语法
5.循环语句 (1)for语句的基本格式如下：
for (initialization; test; increment) { statements
} (2)while循环的基本格式如下：
while (expression){ statements
}
2.3 .1 JavaScript基本语法
上传框
2.3 JavaScript
• JavaScript 是一种脚本语言,可以嵌入到HTML中, 主要用于网页动态效果和HTML客户端表单验证
• 客户端的JavaScript 必须要有浏览器的支持
2.3JavaScript
在网页中加入JavaScript
• 通过在网页中加入<Script>…</Script>标记
– <meta http-equiv=“refresh” content=“3;url=”>
• <style>…</style>用于定义样式 • <Script language=“”>…</Script>用于定义
脚本
2.1 HTML基础
文本格式化
• <h1>…</h1>…<h6>…</h6>：各级标题 • <font color="" size="">…</font>：字体的颜色、大小 • <b>…</b>：黑体
2.3.2 JavaScript常用内置对象
• 例2-10：用window.open()打开一个新窗口 • 源文件：windowOpen.htm • <html> • <head> • <title>父窗口</title> • </head> • <script language="javascript"> • function createNewWindow(url){ • //打开一个新的窗口，窗口内容由url参数决定 • window.open(url,"", "width=300,height=120,toolbar=no, • resizable=no,top=100,left=100"); •} • </script> • <body> • <left> • <input type="button" value="打开新窗口" • onclick="script:createNewWindow ('scriptTest_1.html')"/> • </left> • </body> • </html>
document.write(a[i]+"<br>"); } </script> </left> </body> </html>
2.3 .1 JavaScript基本语法
6.函数 函数的定义语法格式如下： function <函数名>(参数列表){ 函数体; [return [表达式];] }
例如： function cal(a,b) { return a+b： }
2.2表单（FORM）
HTML表单标记
<input type=“text” name="" value="" size=""> 文本框 • <input type=password name="" value="" size=""> 密码框 • <input type=checkbox value="" name=""> 多选框 • <input type=radio value="" name=""> 单选框 • <input type=hidden value=""> 隐藏项 • <textarea name=“” rows=“” cols=“”>…</textarea> 文本域 • <select name="" size="" [multiple]> • <option value="#">列表项</option> • </select> 列表框 • <input type=“file” name=“#” maxlength=“#” size=“#”>文件
• 一个页面可以有多个<Script>…</Script> ，不同部分 的方法和变量，可以共享。
例2-8：在HTML中嵌入JavaScript 源文件：javascriptTest_1.html <html> <head>
<title>在HTML中嵌入JavaScript <／title> </head> <body> <center> <script language="javascript">
<head> <title> for...in循环 </title>
</head> <body>
<left> 下面是script输出结果： <script language="javascript">
var a,i; // 初始化数组 a = new Array("电子系","计算机系","材料工程系"); // 迭代数组 for (i in a) {
1.2 WEB应用体系结构
2．动态网页 所谓动态网页，就是服务器端可以根据客户端的不同请求动 态产生网页内容 ,支持客户端和服务器端的交互功能 ,下图是 动态网页的体系结构。
1.2 WEB应用体系结构
3．三层/N层WEB应用结构 在构建企业级应用时，通常需要大量的代码，这些代码一般 可以在逻辑上（在同一机器）或物理上（在不同机器）划分 为不同层次，下图是三层B/S结构。在三层结构中，每二层之 间都可以添加服务层从而构建N层结构。
<table>…</table>：定义表格 <tr>…</tr>：定义行 <td>…</td>：定义列 <th>…</th>：定义表头 Table标记常用属性： • width：width属性用于定义表格的宽度 • height：height属性用于定义表格的高度border：border 属性用于定义表格的边框的宽度，默认为0，也就是没有边 框； • bgcolor：定义表格的背景色。
document.write("这是javascript输出的内容!")； </script> </center> </body> </html>
2.3 .1 JavaScript基本语法
1．注释
在JavaScript中采用和Java中类似的注释方式：单 行注释用“//”，多行注释用“/*”和“*/”括起来： //单行注释
<i>…</i>：斜体 <u>…</u>：下划线 <sup>…</sup>：斜向上表示 <sub>…</sub>：斜向下表示 • <ul>…</ul>：无序号列表 <ol>…</ol>：有序号列表 • <p>…</p>：定义段落 <br>：换行 • <div align="">…</div>：分区显示
3.运算符
算术运算： +、-、*、/ 关系运算符： >、<、=、>=、<=、== 逻辑运算：&&（与） ||(或) !(非) 字符串运算符：
连接运算：+ 条件表达式：
条件?A:B
2.3 .1 JavaScript基本语法
4.流程控制语句(if) if(条件表达式){ statement； }[else if(条件表达式){ statement； }][else{ statement; }]
2.1 HTML基础
显示图片与超链接标记
• <img src="路径+文件名" width="图片宽度" height="图片高度" border="边框大小" align="left|right|center">
• <a href="url">链接文字或者图片</a>
2.1 HTML基础
HTML表格
/* 多行注释和Java中类似 */
2.3 .1 JavaScript基本语法
2.变量定义：
(1)用var来定义简单变量 例如： var age； age=100+10；//先定义后使用 username="Alex Wen"；//直接使用 虽然JavaScript可以不需定义即可直接使用变量，
但不建议这么做
<HTML> <HEAD> <SCRIPT language = "JavaScript"> document.write(“第一个 JavaScript 页面"); </SCRIPT> </HEAD> </HTML>
• 引入外部的以.js作为扩展名JavaScript文件
<script language=“JavaScript” src= “文件名.js"></script>
3．JSP技术 JSP技术是SUN公司推出的B/S编程技术 .本书主要介绍JSQL及操作系统Linux也都是 免费的 .
1.2 WEB应用体系结构
1．静态网页 静态网页文件中没有程序代码，只有HTML标记，一般以后 缀.html或htm保存，开发工具可以是任何纯文本编程器（如 记事本） ，下图是静态网页工作原理示意图
☆
第一章 WEB应用开发概述
目标
• 了解WEB应用体系结构 • 掌握JAVA WEB 开发环境安装与配置
1.1 B/S结构编程技术
1．ASP技术 ASP技术是微软公司早期推出的B/S编程技术
2．技术 是微软最新的B/S编程技术，可以用三种语言来编写： 、C#.NET、VJ#.NET。
基本概念
• HTTP---HyperText Transfer Protocol： 超文本传输协议
• HTML---HyperText Markup Language： 超文本标记语言
• FTP---File Transfer Protocol：文件传输 协议
• URL---Uniform Resource Locators：统 一资源定位器
<html> <head> <title>Sample</title> </head> <body>
</body> </html>
2.1 HTML基础
Head中常用元素
• <meta>：用于设置一些头信息
– <meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
2.1 HTML基础
第一个HTML程序
• 源文件：HelloWorld.html • <html> • <head> • <title>测试 </title> • </head> • <body> • 你好，这是我的web测试！ • </body> • </html>
2.1 HTML基础 HTML基本框架
(3) do…while循环的基本格式如下： do{ statements }while (expression) ;
(4)遍历数组或者对象的属性 for (variable in [object | array]){ statements }
2.3 .1 JavaScript基本语法
例2-9： 使用 for ... in 循环遍历数组 源文件：scriptTest_2.htm <html>