应用系统开发概述0Word格式文档下载.docx
《应用系统开发概述0Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《应用系统开发概述0Word格式文档下载.docx（27页珍藏版）》请在冰豆网上搜索。
html>
head>
<
title>
网页标题<
/title>
/head>
body>
网页正文
/body>
/html>
HTML主要标记：
、<
p>
br>
ul>
li>
b>
i>
u>
font>
a>
img>
table>
tr>
td>
th>
form>
input>
select>
textarea>
label>
div>
。
2.HTML表单
HTML表单的作用试提供客户端和服务器端的交互，当用户填写完表单输入项后单击submit按钮，表单中的信息将被发送到服务器进行处理。
标记表示一个表单，包含一些输入标记。
标记的action属性用于设置表单提交的目标地址（一般为URL），method属性用于设置提交到服务器的方法（GET/POST）。
表单域：
文本框（text）、密码框（password）、隐藏域（hidden）、复选框（checkbox）、单选框（radio）、下拉选择框（select）、多行文本框（textarea）和文件上传框（file）等。
表单按钮：
提交按钮（submit）、复位按钮（reset）和一般按钮（button）。
表单的一般结构如下：
FORMaction=”目标地址”method=”get|post”>
INPUTtype=“表项名”name=“名”>
…
INPUTtype=“submit”value=“按钮名”>
/FORM>
1.4CSS
CSS即层叠样式表，可以对页面布局、字体、颜色、背景和其它效果实现更加精确的控制，可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
从样式表插入的形式来看可以分为三种：
1.内联式样式表：
利用现有HTML标记把特殊样式加入到那些由标记控制的信息中。
如：
Pstyle="
color:
red;
font-size:
30px;
font-family:
隶书;
"
>
2.嵌入式样式表：
嵌入到HTML文件的头部中去（<
和<
标记之间），使用<
Style>
…<
/Style>
容器装载，如：
style>
p{color:
blue;
font-weight:
bold}
/style>
对页面中所有<
标记都起作用。
3.外部式样式表：
一种保存在外部的样式表文件，外部文件以.CSS为扩展名，如:
linkrel=stylesheethref="
main-sheet.css"
type="
text/css"
CSS的基本语法：
基本格式、注释语句、选择符等是开发CSS基础。
通常，样式表的定义分为选择符（selector）和块{}（block），块里包含属性（properties）和属性的取值（value）。
格式：
选择符{属性：
属性值}
开发人员可以在CSS中插入注释来说明代码含义。
CSS注释以“/*”开头，以“*/”结尾。
CSS中，选择符可以分为:
1.类选择符（Classselector）
2.HTML标记选择符（HTMLselector）
3.ID选择符（IDselector）
1.5JavaScript
JavaScript是一种面向对象的脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂功能。
它是一种基于对象（ObjectBased）和事件驱动（EventDriver）的编程语言。
1.JavaScript代码嵌入。
直接将JavaScript脚本加入HTML文档（一般位于<
标记中）：
ScriptLanguage=“JavaScript”>
//JavaScript语言代码；
…
/Script>
2.语法基础
注释：
//和/*…*/
基本数据类型：
数值（整数和实数）、字符串型（用“”号或‘’括起来的字符或数值）、布尔型（True或False）和空值（null）。
变量声明：
varmytest;
varmytest=”Thisisabook”;
i=5;
运算符：
流程控制语句：
if、for、while语句。
函数：
function函数名（参数）{
函数体;
Return表达式;
}
输出：
document.write（）;
3.事件驱动及事件处理
JavaScript是object-based的语言。
即在图形界面环境下，使得一切输入变化简单化。
通常鼠标或热键的动作称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（EventDriver）。
而对事件进行处理程序或函数，称之为事件处理程序（EventHandler）。
事件处理程序：
在JavaScript中对象事件的处理通常由函数（Function）担任。
其基本格式与函数全部一样。
事件驱动：
事件通过鼠标或热键的动作引发。
主要有以下事件：
onClick、onChange、onFocus、onLoad、onSubmit、onMouseOver。
inputtype="
button"
value="
"
onclick="
alert（'
这是一个例子'
）"
/>
4.对象
JavaScript中的对象是由属性（properties）和方法（methods）两个基本的元素构成，通过“.”操作符调用。
获取表单元素对象：
varobj=document.getElementById（"
ID名称"
）;
常用对象：
String：
Date：
图1-2网络计算器
实训：
设计如图1-2所示的计算机器界面，当用户点击“提交”按钮时，验证用户输入的信息是否合法。
1.6JSP动态网页开发
1.6.1JSP简介
网页分为静态网页和动态网页。
HTML格式的网页通常被称为“静态网页”。
动态网页是以.aspx、.jsp、.php、.cgi等形式为后缀,一般以数据库技术为基础，采用动态网页技术的网站可以实现更多的功能。
JSP是一种动态网页技术，具有跨平台的巨大优势，能够脱离硬件和软件平台的束缚。
JSP（*.jsp）=HTML文件（*.htm,*.html）+Java程序片断+JSP标记；
以Servlet技术为基础，提供强大的组件（JavaBean）支持功能；
是一种开发Web应用的理想构架。
JSP动态网页示例：
%@pagecontentType="
text/html;
charset=GBK"
%>
显示当前时间
bodybgcolor="
#ffffff"
%
java.util.Datedate=newjava.util.Date（）;
%>
h1>
现在时间是<
%=date%>
/h1>
JSP运行原理如图1-3所示。
图1-3JSP运行原理
1.6.2Java语法基础
JSP是以Java语言作为脚本语言的，这里对Java做个简单的复习。
数据类型：
整型、浮点型、布尔型、字符型、字符串型、数组、类、接口。
控制语句：
if、switch、for、while。
异常处理：
try{…}catch（Exceptione）{…}finally{…}
类：
Java语言的基本单位，通过class关键字来定义。
类及成员的修饰符，继承和重载的实现。
实验：
编写一个控制台程序实现计算圆的面积功能，其中圆的半径由用户输入。
（思考：
如何编写功能完善、健壮的程序代码呢？
）
1.6.3JSP语法基础
JSP页面元素如下：
1.注释
Ø
JSP注释：
客户端查看源代码时看不到（安全考虑）。
%--注释内容--%>
HTML注释：
!
--注释内容-->
，注释的内容会在客户端的HTML源代码中出现。
示例：
--这是一个测试程序-->
%--显示helloworld！
--%>
%out.println（“Helloworld!
”）;
2.声明
在JSP程序中声明合法的变量和方法，语法：
%!
declaration;
[declaration;
]+...%>
inti=0;
inta,b,c;
Circlea=newCircle（2.0）;
可以一次性声明多个变量和方法，只要以"
;
结尾就行。
3.表达式
表达式元素表示的是一个在脚本语言中被定义的表达式，在运行后被自动转化为字符串，然后插入到这个表达示在JSP文件的位置显示。
语法：
%=expression%>
fontcolor="
blue"
%=i%>
/font>
%=myclass.getValue（）%>
/b>
4.代码段
包含在<
%和%>
之间的有效程序段（Java脚本代码）。
具体形式：
%codefragment%>
%
if（sex==null）x=-1;
elseif（sex.equals（”男”））x=1;
一个代码段（scriptlet）能够包含多个jsp语句，方法，变量。
5.JSP指令
JSP指令不产生可见输出，只是让JSP引擎指导如何如理页面代码，由<
%@%>
标记
升级会员 