应用系统开发概述0Word格式文档下载.docx

1、htmlhead 网页标题/headbody 网页正文/body/htmlHTML主要标记：、brullibiufontaimgtabletrtdthforminputselecttextarealabeldiv。2.HTML表单HTML表单的作用试提供客户端和服务器端的交互，当用户填写完表单输入项后单击submit按钮，表单中的信息将被发送到服务器进行处理。标记表示一个表单，包含一些输入标记。标记的action属性用于设置表单提交的目标地址（一般为URL），method属性用于设置提交到服务器的方法（GET/POST）。表单域：文本框（text）、密码框（password）、隐藏域（hidd

2、en）、复选框（checkbox）、单选框（radio）、下拉选择框（select）、多行文本框（textarea）和文件上传框（file）等。表单按钮：提交按钮（submit）、复位按钮（reset）和一般按钮（button）。表单的一般结构如下：FORM action=”目标地址” method=”get|post”INPUT type=“表项名” name=“名” INPUT type=“submit” value=“按钮名”/FORM1.4 CSSCSS即层叠样式表，可以对页面布局、字体、颜色、背景和其它效果实现更加精确的控制，可以改变同一页面的不同部分，或者页数不同的网页的外观和格式

3、。从样式表插入的形式来看可以分为三种：1.内联式样式表：利用现有HTML标记把特殊样式加入到那些由标记控制的信息中。如：P style = color:red;font-size:30px;font-family:隶书;2. 嵌入式样式表：嵌入到HTML文件的头部中去（和标记之间），使用容器装载，如： stylep color : blue ; font-weight : bold/style对页面中所有标记都起作用。3. 外部式样式表：一种保存在外部的样式表文件，外部文件以.CSS为扩展名，如:link rel=stylesheet href=main-sheet.css type=text

4、/cssCSS的基本语法：基本格式、注释语句、选择符等是开发CSS基础。通常，样式表的定义分为选择符（selector）和块（block），块里包含属性（properties）和属性的取值（value）。格式：选择符属性：属性值开发人员可以在CSS中插入注释来说明代码含义。CSS注释以“/*” 开头，以“*/” 结尾。CSS中，选择符可以分为:1. 类选择符（Class selector）2. HTML标记选择符（HTML selector）3.ID选择符（ID selector）1.5 JavaScriptJavaScript是一种面向对象的脚本语言，它可以用来制作与网络无关的，与用户交互作

5、用的复杂功能。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。1. JavaScript代码嵌入。直接将JavaScript脚本加入HTML文档（一般位于/JavaScript语言代码；/Script2.语法基础注释：/和/*/基本数据类型：数值（整数和实数）、字符串型（用“”号或括起来的字符或数值）、布尔型（True或False）和空值（null）。变量声明：var mytest; var mytest=”This is a book”; i = 5;运算符：流程控制语句：if、for、while语句。函数：function 函数名（参数）函数体

6、;Return 表达式;输出：document.write（）; 3. 事件驱动及事件处理 JavaScript是object-based的语言。即在图形界面环境下，使得一切输入变化简单化。通常鼠标或热键的动作称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，称之为事件处理程序（Event Handler）。事件处理程序：在JavaScript中对象事件的处理通常由函数（Function）担任。其基本格式与函数全部一样。事件驱动：事件通过鼠标或热键的动作引发。主要有以下事件：onClick、onChange、

7、onFocus、onLoad、onSubmit、onMouseOver。input type=button value= onclick=alert（这是一个例子） /4.对象JavaScript中的对象是由属性（properties）和方法（methods）两个基本的元素构成，通过“.”操作符调用。获取表单元素对象：var obj = document.getElementById（ID名称）;常用对象：String：Date：图1-2 网络计算器实训：设计如图1-2所示的计算机器界面，当用户点击“提交”按钮时，验证用户输入的信息是否合法。1.6 JSP动态网页开发1.6.1 JSP简介网页

8、分为静态网页和动态网页。HTML格式的网页通常被称为“静态网页”。 动态网页是以.aspx、.jsp、.php、.cgi等形式为后缀,一般以数据库技术为基础，采用动态网页技术的网站可以实现更多的功能。JSP是一种动态网页技术，具有跨平台的巨大优势，能够脱离硬件和软件平台的束缚。JSP （*.jsp）=HTML文件（*.htm,*.html）+Java程序片断+JSP标记；以Servlet技术为基础，提供强大的组件（Java Bean）支持功能；是一种开发Web应用的理想构架。JSP动态网页示例：% page contentType=text/html; charset=GBK %显示当前时间b

9、ody bgcolor=#ffffff% java.util.Date date = new java.util.Date（）;%h1现在时间是/h1JSP运行原理如图1-3所示。图1-3 JSP运行原理1.6.2 Java语法基础JSP是以Java语言作为脚本语言的，这里对Java做个简单的复习。数据类型：整型、浮点型、布尔型、字符型、字符串型、数组、类、接口。控制语句：if、switch、for、while。异常处理：trycatch（Exception e）finally类：Java语言的基本单位，通过class关键字来定义。类及成员的修饰符，继承和重载的实现。实验：编写一个控制台程序实

10、现计算圆的面积功能，其中圆的半径由用户输入。（思考：如何编写功能完善、健壮的程序代码呢？）1.6.3 JSP语法基础JSP页面元素如下：1.注释 JSP注释：客户端查看源代码时看不到（安全考虑）。%-注释内容 -% HTML注释：!-注释内容 -，注释的内容会在客户端的HTML源代码中出现。示例：- 这是一个测试程序 -%- 显示hello world！ -%out.println（“Hello world!”）;2.声明在JSP程序中声明合法的变量和方法，语法：%! declaration; declaration; + . % int i = 0; int a, b, c; Circle

11、a = new Circle（2.0）;可以一次性声明多个变量和方法，只要以;结尾就行。3.表达式表达式元素表示的是一个在脚本语言中被定义的表达式，在运行后被自动转化为字符串，然后插入到这个表达示在JSP文件的位置显示。语法：%= expression %font color=blue%=i%/font%= myclass.getValue（） %/b4.代码段包含在之间的有效程序段（Java脚本代码）。具体形式：% code fragment %if（sex=null） x=-1;else if（sex.equals（”男”） x=1;一个代码段（scriptlet）能够包含多个jsp语句，方法，变量。5.JSP指令JSP指令不产生可见输出，只是让JSP引擎指导如何如理页面代码，由标记