Web应用程序设计案例教程第11章
网页设计与制作案例教程-电子教案第21单元
HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中将看到不同的段落。
网页中所有的显示内容都应该受限于一个或多个标记，不能存在游离于标记之外的文字或图像等，以免产生错误。
对于浏览器不能分辨的标记可以忽略，不显示其中的对象。
HTML文档以纯文本形式存放，扩展名为“.html”或“.htm”。
HTML文档中标记采用“<”与“>”作为分割字符。
HTML标记及属性不区分大小写，例如<HTML>和<html>是相同的标记。
大多数HTML标记可以嵌套，但不能交叉，各层标记是全包容关系。
HTML文档一行可以书写多个标记，一个标记也可以分多行书写，不用任何续行符号，显示效果相同。
在查看HTML源代码或编写网页时，经常会遇到三种格式的HTML标记。 不带属性的双标记：<标记名称>内容</标记名称> 带有属性的双标记：<标记名称 属性名称=对应的属性值 ……>网页对象</标记名称> 单标记：<标记名称 />
HTML标记的类型
2 Dreamweaver 8的HTML源代码编辑功能
在代码窗口中<body>与</body>之间输入文字“长沙世界之窗实现总经理领导下的部门经理负责制，管理上采用垂直领导、分层管理、逐级负责。”，接着输入“<br />”
回车换行，然后输入“<img src="image/bumen1.jpg" width="690" height="303" />”。
JSP Web应用开发案例教程课件第十一章
19
小节
在11.1节和11.2节，我们简单介绍了
读
MVC模式，本节结合案例加深对MVC
的理解。
11.3 MVC模式应用实例
20
11.3.1 使用MVC模式制作简易登录模块
在实际应用中，用户需要首先完成注册，在注册成功之后才 可以成功登陆。本实例跳过注册步骤，直接制作登录模块。 在开始实例制作之前，请先在MyEclipse中新建项目ch11-1， 并将其部署到Tomcat服务器。
</body> </html>
11.3 MVC模式应用实例
26
11.3.1 使用MVC模式制作简易登录模块
show.jsp文件代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <jsp:useBean id = "user" type = "com.jqe.example11_er" scope="request"/> <html>
11.2 JSP中的MVC模式
16
2
视图（View）
视图（View）：一个或多个JSP页面，其作用 是向控制器提交必要的数据和显示数据。JSP 页面可以使用HTML标记、JavaBean标记以 及Java程序片或Java表达式来显示数据。
11.2 JSP中的MVC模式
17
3
控制器（Controller）
控制器（Controller）：一个或多个Servlet对 象，根据视图提交的要求进行数据处理操作， 并 将 处 理 后 的 结 果 存 储 到 JavaBean 中 ， 然 后 Servlet使用转发或重定向的方式请求视图中的 某个JSP页面显示数据。
Web应用chapter11
• • • • • • • • • • • •
/** * Initialization method that will be called *after the applet is loaded into the browser. */ @Override public void init() { /*TODO start asynchronous download of * heavy resources . */ } /* TODO overwrite start(), stop() and destroy() * methods. */
}
6. 这里创建了一个空白的Japplet，为了能显示内容，添加如下 方法，在屏幕上绘制文本“Hello world!”。 public void paint(Graphics g) { g.drawString("Hello world!", 50, 25); } 7. 添加引用” import java.awt.Graphics;”, 完成一个简单Applet的 创建。如果还需要添加任何功能，可查Java应用编程接口。 上面完成了不带可视化编辑界面的Applet 创建一个带可视化编辑界面的JApplet，并添加一些简单功能。
5. 在类名文本框中输入JApplet的类名”MyJApplet”，单击 “完成”就创建一个JApplet, 自动生成源码
• • • • • • /*NetBean 7.0.1所产生的源代码 */ import javax.swing.JApplet; /** * @author lenovo */ public class MyJApplet extends JApplet { • • • • • • • /*NetBean 6.0.1所产生的源代码 */ /** * * @author lenovo */ public class MyJApplet extends javax.swing.Japplet { /** Creates a new instance of MyJApplet. */ public MyJApplet() { } • }
JSP程序设计第11章习题答案
第11章理解MVC习题答案1．简述Web应用中表示层的两种架构模式，并比较这两种模式的优缺点。
答案：Web应用中表示层的两种架构模式分别为：Model1和Model2。
●Model1的工作原理如下：（1）客户端发出请求，该请求由JSP页面接收。
（2）Java Bean用于实现业务模型，JSP根据请求与不同Java Bean进行交互。
（3）业务逻辑操作指定Java Bean并改变其模型状态。
（4）JSP将改变后的结果信息转发给客户端。
● Model2的工作原理如下：（1）Servlet接收客户端发出的请求。
（2）Servlet根据不同的请求调用相应的Java Bean。
（3）业务逻辑操作指定Java Bean并改变其模型状态。
（4）Servlet将改变后Java Bean的业务模型传递给JSP视图。
（5）JSP将后台处理结果呈现给客户端。
这两种模式的优缺点比较如下：● Model1适合快速开发小型应用，但是控制逻辑与表示逻辑耦合紧密。
在大型应用程序开发过程中，容易造成程序的可移植性差，不易维护。
●与Model1模式相比，Model2更适合开发大型应用程序。
在Model2中实现了业务逻辑与表示逻辑的分离，相应地提高了程序的可维护性。
但是在开发一些小型应用时，使用Model2可能会增加程序的复杂程度。
2．说明MVC设计模式中，M、V、C分别代表什么，有什么作用。
答案：M代表Model（模型），该组件是对软件所处理问题逻辑的一种抽象，封装了问题的核心数据，逻辑和功能实现，独立于具体的界面显示以及I/O操作。
V代表View（视图），该组件将表示模型数据，逻辑关系以及状态信息，以某种形式展现给用户。
视图组件从模型组件获得显示信息，并且对于相同的显示信息可以通过不同的显示形式或视图展现给用户。
C代表Controller（控制器），该组件主要负责用户与软件之间的交互操作，控制模型状态变化的传播，以确保用户界面与模型状态的统一。
Java Web程序设计案例教程第十一章 综合案例-SunnyBuy电子商城
SunnyBuy电子商城项目系统设计
【本节要点】
熟悉软件项目的系统设计方法； 完成SunnyBuy电子商城项目的系统设计。
案例2 项目系统设计
【学习目标】
（1）了解一般软件项目的系统设计方法； （2）完成SunnyBuy电子商城项目的系统设计工作。
【设计要求 】
熟悉软件项目系统设计方法，完成SunnyBuy电子商城项目的系统设计工作。
案例1 SunnyBuy电子商城项目需求分析
【案例总结】
项目的需求分析是整个项目最基础也是最重要的环节，我们可以采取同客户座 谈等多种方式了解客户需求，通过汇总整理，形成项目的需求分析说明书，且需要 客户确认。本案例主要对SunnyBuy电子商城项目的需求进行了分析，为项目继续开 发奠定了基础。
11.2
熟悉软件项目数据库设计方法； 完成SunnyBuy电子商城项目的数据库设计。
案例3 项目数据库设计
【学习目标】
（1）掌握E-R图画法； （2）完成SunnyBuy电子商城项目数据库设计。
【设计要求 】
熟悉软件项目数据库设计方法，完成SunnyBuy电子商城项目数据库设计。
案例3 项目数据库设计
案例2 项目系统设计
【实施过程】
SunnyBuy电子商城按模块划分可以分为： 1）用户管理模块，包括用户登录、注册、个人信息的修改等。 2）商品管理模块，包括商品展示、商品类型的管理、商品分类浏览、商 品购买、商品的添加、删除、编辑等。 3）订单管理模块，包括订单状态修改、订单处理等。 4）通知公告管理模块，包括公告的发布、删除与编辑等。 5）友情链接管理模块，包括链接的添加、删除等。 6）留言管理模块，包括用户留言、留言显示、留言回复等。 7）管理员管理模块，包括管理员增加和个人信息修改等。
ASP.NET Web程序设计 祁长兴_ chapter11
11.4.1 异常类
2. SystemException属性 Exception类是.NET类库中所有其他异常类的基类，是对
所有异常的抽象。 其构造函数可以不带参数，也可以指定一个字符串类型的
TextWriterTraceListener(Console.Out)); Debug.AutoFlush = true; Debug.Indent();
11.3.2 调试跟踪
Debug.WriteLine("Debug WriteLine()"); Console.WriteLine("Console.WriteLine()"); Debug.WriteLine("Debug WriteLine2()"); Debug.Unindent(); Console.Read(); } static void Main(string[] args){ TestDebug.TestDebugMethod(); } } }
这两个类都是命名空间System.Diagnostics下的用于调 试的类。
Debug类仅在调试版本中有效 Trace类在调试版本和正式版本中均有效。
11.3.2 调试跟踪
1例. 使11用-2Writ使e方用法debug类在控制台应用程序中输出信息
namespace debug{ class TestDebug{ public static void TestDebugMethod() { Debug.Listeners.Add(new
11.3.1 查找错误
5. 停止调试
停止调试会话包括多种方法，如：
一种比较通常的做法是关闭当前可执行程序。 全部分离：只是简单地将调试器跟被调试进程分离而不中
第11章 Web站点和FTP站点
IIS 7.0概述（续）
诊断和故障排除
通过IIS 7.0 Web服务器，可以更加轻松地诊断和解决Web服 务器上的问题。利用新的诊断和故障排除功能，可以实现以 下目的。 查看有关应用程序池、工作进程、站点、应用程序域和当前 请求的实时状态信息。 记录有关通过IIS请求-处理通道的请求的详细跟踪信息。 将IIS配置为基于运行时间或错误响应代码记录详细跟踪信息 。
11.2 本章实验环境
11.3 安装和配置Web服务
在Windows Server 2008企业版操作系统下创建Web 站点或FTP站点，需要安装Web服务器角色。
在Server计算机上安装Web服 务和FTP服务
Web站点标识
在一个服务器上可以有多个Web站点，可以采取以下 三种方法的任一种来标识每一个站点。
IIS 7.0概述（续）
配置
IIS 7.0引入了新的配置存储，该存储集成了针对整个Web平 台的IIS和配置设置。借助新的配置存储，可以实现 以下目的。 在一个配置存储中配置IIS和设置，该存储使用统一 的格式并可通过一组公共API进行访问。 以一种准确可靠的方式将配置委派给驻留在内容目录中的分 布式配置文件。 将特定站点或应用程序的配置和内容复制到另一台计算机中 。 使用新的WMI提供程序编写IIS和的配置脚本。
IIS 7.0概述（续）
模块式体系结构
通过仅添加需要使用的功能对服务器进行自定义，这样可以 最大限度地减少Web服务器的安全问题和内存需求量。 在同一个位置配置以前在IIS和中重复出现的功能（ 例如身份、授权和自定义错误）。 将现有的Forms身份验证或URL授权等功能应用于所 有请求类型。
计算机网络技术与应用第11章 网络工程案例分析、讨论
图11-3查询DNS服务器信息 根据以上信息，完成主机D 的Internet协议属性配置： 主机D 的IP 地址： （5） 主机D 的子网掩码： （6） 域名服务器IP 地址： （7） 主机D 的默认网关： （8）
11.1 案例1：路由器配置（RIP协议）
【问题 2】（每空1分，共4分） RouterA 上的路由表如图11-4所示，请在（9）~（12）空白处填写恰当的内容。
Internet
网络中心 RouterA fe0/0 服务器群
S1/0 S2/0 S3/0
fe3/0 主机D fe2/0 RouterB fe1/0 部门C 主机C
行政办公楼
图 11-1
DNS Server Web Server
部门A
部门D
教学实验楼
图书馆 RouterC
主机A
RouterD
主机B
校 园 网 拓 扑 图
11.2 案例2：Linux技术（Samba配置）
/
/bin /boot /dev /etc /home /lib /lost+found /mnt /opt /proc /root /sbin /usr /var /tmp 包含系统运行时要改变的数据 临时安装（mount）文件系统的挂载点 文件系统中程序所需要的共享库 用来存放系统管理所需要的配置文件和子目录 存放启动系统使用的文件
11.1 案例1：路由器配置（RIP协议）
【问题 1】（每空1 分，共8 分） 下图11-2为RouterB上的路由表信息，写出查询路由表的命令：（1）。该路由器上运行 的路由协议为 （2）。
图11-2 路由表信息
11.1 案例1：路由器配置（RIP协议）
行政办公楼部门 A 所属网络地址是（3），部门 D 所属网络地址是（4）。 在主机D 上使用命令Tracert DNS Server，显示结果如图11-3所示：
网页设计与制作教程-Web前端开发 第6版 第11章 HTML5的拖放和画布
第11章 HTML5的拖放和画布
11.2 画布
本节介绍画布。
目录
11.1 拖放 11.2 画布 习题11
第11章 HTML5的拖放和画布
11.2 画布
11.2.1 创建canvas元素 canvas元素的主要属性是画布宽度属性width和高度属性height，单位是像素。 向页面中添加canvas元素的语法格式为： <canvas id="画布标识" width="画布宽度" height="画布高度">
11.2 画布
11.2 画布
11.2.3 绘制图形的步骤 在创建好的canvas上，通过JavaScript绘制图形的步骤如下： 1）创建canvas对象。
2）创建coห้องสมุดไป่ตู้text对象。
3）绘制图形。
11.2 画布
11.2.4 绘制图形 1．绘制矩形 （1）绘制填充的矩形 fillRect()方法用来绘制填充的矩形，语法格式为： fillRect(x, y, weight, height);
… </canvas>
例如，创建一个标识为myCanvas，宽度为200像素，高度为100像素的 <canvas>元素，代码如下：
<canvas id="myCanvas" width="200" height="100"></canvas>
11.2 画布
11.2.2 构建绘图环境 其语法格式为： canvas.getContext(contextID)
（2）绘制矩形轮廓 strokeRect()方法用来绘制矩形的轮廓，语法格式为： strokeRect(x, y, weight, height);
web第11章练习与实验答案
第11章练习与实验答案练习111.选择题（1）B （2）D （3）D （4）B （5）D （6）B2.填空题(1)<caption></caption>、<tr></tr>、<th></th>(2)rowspan、3；colspan、5(3)frame、rules(4) cellpadding 、cellspacing3.简答题答案略，见教材。
实验111.代码：<!-- exp_11_1.html --><html><head><title> 表格实验</title><style type="text/css">table{border:10px groove #ff0000;}td{border:1px solid black ;text-align:center;} </style></head><body><table width=300 border="1" align=center ><tr><td rowspan="2" ><b>A</b></td><td colspan="2" height="100" ><b>B</b></td> <tr align="center"><td height="100"><b>E</b></td><td rowspan="2"><b>C</b></td><tr align=center><td colspan="2" height="100"><b>D</b></td> </tr></table></body></html>2.代码<!-- exp_11_2.html --><html ><head><title>div应用实例——计算器布局</title><style type="text/css">#wrap{width:410px;height:420px;background-color:rgb(230,230,130);z-index:0;}#result{height:60px;width:390px;border:solid 1px;z-index:1;position:absolute;top:50px;left:20px;background-color:white;}#op{height:280px;width:390px;border:solid 1px;z-index:1;position:absolute;top:115px;left:20px;}.d_num{border:solid 1px black;width:58px;height:40px;margin:10px; /*margin表示边距，在8.5CSS盒模型介绍*/cursor:pointer; /*设置鼠标指针变成手的形状*/}</style></head><body><div id="wrap"><img src="casio.bmp"></img><div id="result"></div><div id="op"><table cellspacing="30"><tr align="center"><td class="d_num">1</td><td class="d_num">2</td><td class="d_num">3</td><td class="d_num">+</td></tr><tr align="center"><td class="d_num">4</td><td class="d_num">5</td><td class="d_num">6</td><td class="d_num">-</td></tr><tr align="center"><td class="d_num">7</td><td class="d_num">8</td><td class="d_num">9</td><td class="d_num">*</td></tr><tr align="center"><td class="d_num">0</td><td class="d_num">=</td><td class="d_num">CE</td><td class="d_num">/</td></tr></table></div></div></body></html>。
Web应用开发技术_11
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-05
11-19
WS-NE30-3-05
11-4
11.1.1 文件的建立与删除（续） 文件的建立与删除（
• 运行效果
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-05
11-5
11.1.2 显示目录中的文件
取得当前目录 的磁盘目录 取得代表目录 中所有文件 循环显示文件名
运行程序的效果：
北京清华万博网络技术股份有限公司版权所有
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-05
11-11
11.4 使用字符流读写文件
• 字符流以unicode为基础，每次读取两个字节 (16位)，因此可以正确显示中文 • 每次读取的两个字节以整数形式表现，它是 一个0到65535之间的数字
北京清华万博网络技术股份有限公司版权所有
public class ClassOne { public int i; public ClassOne() { i=10; } public void add(int j){ i=i+j; } }
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-05
11-18
本章总结
• • • • • • 介绍了Java的I/O系统 讲解如何使用字符流和字节流读写文件 讲解如何使用对象流读写对象 讲解随机访问文件的RandomAccessFile类的使用 详细讲解jspSmartUpload组件的常用方法 讲解如何使用JspSmartUpload组件上传下载文件
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-05
Web前端开发与应用教程-第二版 第11章 参考答案 [3页]
![Web前端开发与应用教程-第二版 第11章 参考答案 [3页]](https://img.taocdn.com/s3/m/de06b22bbb1aa8114431b90d6c85ec3a87c28baa.png)
第11章参考答案1. 请编写一个JavaScript程序，将一个摄氏温度值转换为一个华氏温度值，并将转换的结果输出在页面上，要求输出的转换结果包含在一个具有描述性的语句中。
摄氏温度转换为华氏温度的公式为：华氏温度= 9 / 5 * 摄氏温度+ 32。
参考代码：<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>摄氏度转为华氏度</title></head><body><script>var cTemp = 100;var hTemp = ((cTemp*9)/5) + 32;document.write("摄氏度:"+ cTemp);document.write("</br>");document.write("华氏度:"+ hTemp);</script></body></html>2. 使用switch语句，判断表达式的数值是否为‘one’、‘tow’或‘three’，当表达式为‘one’或‘two’时，将变量值设置为‘Yes’；当表达式为‘three’时，将变量值设置为‘No’；如果没有匹配的值，将变量值设置为‘None’。
参考代码：<!DOCTYPE HTML><html><head><title> Switch语句</title><script>function funcSwitch(sFlag){switch(sFlag){case "one":alert("Yes");break;case "tow":alert("Yes");break;case "three":alert("No");break;default:;}}funcSwitch("one");</script></head><body></body></html>3. 请使用document.write( )方法，输出12的乘法表，输出结果如下所示：12 x 1 = 1212 x 2 = 2412 x 3 = 36……12 x 11 = 13212 x 12 = 144参考代码：<!DOCTYPE HTML><html><head><meta charset=utf-8" /><title>乘法表2</title></head><body><script type="text/javascript">var s=0;for (var i=1; i<=12; i++){s = 12*i;document.write("12 x”+ i +” = "+ s +”<br>”);}</script></body></html>4. 将习题3中的代码修改为一个函数，用于计算某个数的乘法表，这个数作为函数的一个参数传入，另外，函数还有两个参数，分别表示乘法表的起始值和终止值。
第11章网络社区模式案例分析
11.4.2 商业模式
赢利模式
业空间等一系列功能服务的综合性的独立网络社区。
11.2.1 基本情况 11.2.1 基本情况
11.2.1 基本情况
11.2.1 基本情况
• 目前，天涯社区注册用户超过9500万，月覆盖用户超过2 亿，拥有大量高忠诚度、高质量用户群所产生的超强人气 和互动原创内容，形成了独具天涯文化特色的大用户网络 平台
11.2.2 商业模式
将天涯社区建设成为一个典型的内
愿景与使命
容粘性很强的“人文气质”社区， 使之成为全球华人的网上家园。
11.2.2 商业模式 11.2.2 商业模式 目标用户
用户是在天涯社区浏览或发贴子的个人用户 天涯社区的用户较国内互联网用户的平均层次高，消费力 强。从地域分布看，北京、上海、广东、湖南、四川、 湖北、浙江、江苏、山东等9个经济发达地区的用户占
总用户的56.55%，从年龄结构看，80%左右的用户在18
至35岁之间，从学历水平看，大专以上的用户占78%， 从收入水平看，月收入1000元以上的占72%。
与天涯社区有业务往来的企业用户
11.2.2 商业模式 11.2.2 商业模式 产品与服务
天涯网络社区提供的主要服务包括天涯博客、天涯相册
11.1.2 网络社区的类型
播 客：视频
表 9.3 常见的视频分享网站 序号 1 2 3 4 5 网站名称 优酷网 新浪播客 YouTube 土豆网 酷6网 网址 http://www.
11.4.2 商业模式
目标用户
天涯社区发布贴子的个人用户 与天涯社区有业务往来的企业用户
11.4.2 商业模式
品牌公园 购物街
大学计算机基础及实训教程第11章
HTML文件中的标题主要通过<hn>标签来设定。它一共有6 级标题，<h1>…</h1>表示最大的字体，而<h6>…</h6>则 表示最小的字体。其基本语法如下： <hn>标题内容</hn> <hn>会自动换行，也就是一个标题占一行，因此在不同的 子标题之间不用加换行标签。
<hr> 是水平分割线标签，它会在网页中生成一条水 平线，将不同的内容分开。它是一个单标签，其作 用是换行并在该行下画一条横线。
<html> <head> <title>段落标签与换行标签</title> </head> <body> <p>这一行是一个段落，与下面一行会有一个空行</p> 这一行换行<br /> 与上面一行仅仅是换行，中间没有空行。 <br /> </body> </html>
11.1.1 HTML文档的基本结构 任何HTML文档都包含的标签包括
HTML标签<html>与</html>、 首部标签<head>与</head> 正文标签<body>与</body>。
11.1.1 HTML文档的基本结构 <html> <head> <title>简单的HTML文件</title> </head> <body> HTML文档的基本结构！ </body> </html>
Java Web 程序设计教程 第11章习题答案(范立锋、林果园 编著)
Java Web 程序设计教程（范立锋、林果园编著）第11章 Spring框架入门习题答案1．Spring框架有哪些突出的优点？Spring框架技术之所以受到广泛的欢迎和使用，与其自身的特点有密切联系：开源：自从Spring框架问世之初，它就是一个开放源代码的框架。
而正是由于这一点，才使得它能够被更多的Java开发人员所研究、使用，并不断得以完善、发展。
轻量级：Spring无论是大小还是系统开销都算是轻量级的，整个框架可以被压缩在几M的JAR包中，应用中处理Spring的开销也微乎其微。
方便解耦：Spring提倡通过控制反转（IoC）技术实现松耦合。
通过Spring中的IoC容器管理各个对象之间的依赖关系，能够有效避免硬性编码造成的耦合过于紧密的状况。
面向切面编程（AOP）：Spring对面向切面编程提供了良好的支持，通过Spring提供的AOP功能，可以轻松实现业务逻辑与系统服务（例如日志，事务等）的分离。
因此，开发人员能够更加专注于业务逻辑实现。
方便集成其它框架：Spring框架允许集成其它多种框架共同进行开发设计，例如Hibernate、Struts、Struts 2、Ibatis等。
2．Spring框架由哪7个模块组成？关于Spring架构中各个模块实现的功能说明如下：核心模块（Core）：该模块是整个框架的最基本组成部分，它提供了依赖注入的功能以及对Bean容器的管理功能。
通过依赖注入，使得类与类之间不再由硬性编码方式发生关系，而是通过配置实现这一过程，降低了各个类之间耦合的紧密度。
Spring框架提供的BeanFactory接口，进一步消除了应用对工厂的依赖。
AOP模块（AOP）：该模块提供了对AOP的支持，允许以面向切面的方式开发程序。
同时Spring框架提供了AspectJ的整合。
上下文模块（Context）：该模块构建于核心模块之上，提供了对Bean的框架式访问。
该模块还扩展了BeanFactory功能。
第11章 组件的应用
第11章
组件的应用
11.1 11.2 11.3 11.4 11.5
组件的基础知识 UI组件 Video组件 上机练习——制作滚动文字 思考与练习
11.1
组件的基础知识
Flash组件是带参数的影片剪辑，可以修改它们的外观和行为。组件既可以 是简单的用户界面控件(如单选按钮或复选框)，也可以包含内容(如滚动窗格)； 组件还可以是不可视的(如FocusManager，它允许用户控制应用程序中接收焦点 的对象)。 即使用户对ActionScript没有深入的了解，使用组件，也可以构建复杂的 Flash应用程序。用户不必创建自定义按钮、组合框和列表，将这些组件从如图 11.1所示的【组件】面板拖到应用程序中即可为应用程序添加功能。还可以方便 地自定义组件的外观，从而满足自己的设计需求。
图11.2 选择【CheckBox】效果
图11.3 【属性】面板
11.2.1
CheckBox(复选框)
【label】：指定在复选框旁边出现的文字，即标签如图11.4所示。 【labelPlacement】：标签文本相对于复选框的位置，有上下左右四个 位置，你可根据自己的要求来设置，如图11.5所示。
11.2.4
Button(按钮)
Button(按钮)组件效果如图11.12所示，在【属性】|【组件参数】面板 中可以对它的参数进行设置，如图11.13所示。
图9.12 【属性】面板
图9.13 设置【开始角度】效果
11.2.4
Button(按钮)
【emphasized】：列表是否为被强调，默认为false。 【enabled】：列表是否为被激活的，默认为true。 【label】：设置按钮上的文字。 【labelPlacement】：指按钮上标签放置的位置，有上下左右四个位置， 你可根据自己的要求来设置。 【selected】：设置默认是否选中。 【toggle】：选中复选框，则在鼠标按下、弹起、经过时会改变按钮外观。 【visible】：列表是否可见，默认为true。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
段时间来监测网站的运行情况，发现问题及时予以解决。 ☺当确认网站能够满足客户的正常商务活动后，可以通过外 界媒体和网站自身，加大宣传力度，提高网站的知名度，扩 大业务量，达到盈利的目的。
3. 系统维护和改进 ☺网站的维护是保障网站正常运行的必要条件，数据的清理
和备份是经常要做的工作。 ☺防范外界对网站干扰和攻击不可以掉以轻心，硬件的保养 也是网站维护的日常工作。
第11章 网上书店各模块的整合
(1) 了解电子商务网站的开发过程 (2) 掌握网上书店系统主页的设计 (3) 掌握网上书店系统各模块的整合与完善 (4) 掌握网上书店系统的测试
教 学 导 航
章 章
(1) 学会设计网上书店系统的主页 (2) 学会将各模块整合为一个完整的系统 (1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 (3) 培养学生理论联系实际的工作作风、独立工作的能力，树立自信心 网上书店系统主页的设计和各个模块的整合 网上书店系统主页的设计 理论实践一体化，教、学、做合一 6课时(含课堂实践) 项目：网上书店各模块的整合与调试 任务1：设计网上书店的主页面 任务2：整合且完善网上书店的各个模块 任务3：网上书店的调试与测试 创建项目ch11→添加模块文件→设计网上书店的主页→添加前面各章已创建的窗体文件→完 善网上书店系统的各个页面→网上书店系统的调试与测试 章 的 (1) Page对象、Response对象、Request对象、Session对象、Application对象等 (2) 的主要对象：SqlConnection、SqlCommand、SqlDataAdapter、DataSet等 (1) Web控件：DataList控件、DataGrid控件、Label控件、TextBox控件、Button控件、 HyperLink控件、Image控件和表格等 (2) 自定义控件
主页采用表格布局方式，为“工” 字型结构，主要区域有：
顶部导航区、登录区、图书查询区、 顶部导航区、登录区、图书查询区、友 情链接区、 情链接区、图书信息显示区和底部导航 区。
☺
图11-2
主页各个区域的控件布局设计如表 11-2所示。 2. 编写程序代码，实现其功能 (1)编写主页Page对象Load事件过程 的程序代码 。 (2)编写【登录】按钮Click事件过程 的程序代码。 (3)编写【注册】按钮Click事件过程 的程序代码。 (4)编写【修改密码】按钮Click事件 过程的程序代码。 (5)编写【搜索】按钮Click事件过程 的程序代码。
18
11.3.8 创建提示窗体
当用户没有登录时只能浏览图书，不能购买图书。 若用户没有登录，单击【购物车】就会出现如图 11-18所示的页面。
【返回主页】按钮的Click事件过程的程序代码为： Response.Redirect("default.aspx")。
19
11.3.9 创建修改用户密码窗体
17
11.3.7 修改完善所添加的窗体
1. 完善图书信息查询页面 ☺在图书信息查询页面的顶部添加自定义控
件head.ascx，在页面的底部添加自定义控 件foot.ascx。
2. 完善购物车页面 ☺在购物车页面的顶部添加自定义控件
head.ascx，在页面的底部添加自定义控件 foot.ascx。
1)专线上网
申请专用线路， 申请专用线路，将自己的服务器连接到互联网。
2)服务器托管
将自己的服务器放在具有托管资格的服务器托管业务企业， 将自己的服务器放在具有托管资格的服务器托管业务企业，由托管企业负 责互联网的接入和服务器维护。 责互联网的接入和服务器维护。
3)虚拟主机
将一台主机分成多台“虚拟主机” 每一台虚拟主机有独立的域名和 地 将一台主机分成多台“虚拟主机”，每一台虚拟主机有独立的域名和IP地 将网站寄存在别人的虚拟主机上，与别人共用一台主机和线路。 址。将网站寄存在别人的虚拟主机上，与别人共用一台主机和线路。
该模块主要是防止非法用户进入 。
☺3. 图书信息展示模块
图书信息展示模块的主要功能是将图书的信息展示给客户， 使客户方便、详细地了解图书信息。
☺4. 图书订购模块
在本模块中可以查询订单，查询订单详细信息与订单处理 状态。
10
11.2.2 网上书店后台功能模块的设计
1. 订单处理模块 ☺网上书店通过前台收集到客户的订单，必须将
5
11.1.1 系统分析
2. 可行性分析
☺1)确立网站的经营策略
在明确了本网站的经营内容，面对的消费群体后，还要了解同类网站的 经营情况。 构建网站时必须确立网站的经营策略。
☺2)规模控制
信息流、资金流和物流的流量大小，将决定网站硬件配置。
☺3)确定与消费者的沟通方式
留言板、电子公告牌、E-mail、短信等都是重要的信息交流渠道。
会员注册功能。 会员注册功能。 会员资料修改功能。 会员资料修改功能。
☺2. 登录管理模块
登录管理模块区分管理员登录与会员登录：
管理员登录进入后台管理区，进行网站的后台管理。 管理员登录进入后台管理区，进行网站的后台管理。 会员登录进入前台管理区，进行商品浏览与订购等。 会员登录进入前台管理区，进行商品浏览与订购等。
8
11.2 网上书店总体设计
网站划分为前台和后台两大部分： ☺前台面对消费者，实现用户注册、登录，
图书信息，查找图书，购买图书，购物 结算，订单查询等功能。 ☺后台面对网站管理者，实现系统管理和 网站正常运行的维护等功能。
9
11.2.1 网上书店前台功能模块的设计
☺1. 会员管理模块
会员管理模块有两个功能：
12
11.3.2 修改Web.config文件
为了方便修改数据库连接字符串，可以将数据库 连接字符串写入Web.config文件中。 在【解决方案资源管理器】中双击Web.config文 件，打开编辑窗口，然后在Web.config文件的 <configuration>与</configuration>之间加入如下 代码。
务
章
的
2
操作体验
(1)设置ch11为虚拟目录。 (2)启动Internet Explorer浏览器。 (3)在地址栏中输入 。 http://localhost/ch11/default.aspx， 按Enter键，蝴蝶网上书店的主页面 如图11-1所示。 (4)在【用户名】文本框中输入 chenhuan，在【密码】文件框中输 入123456，单击【登录】按钮 。 (5)在网上书店主页面的导航栏单击 【图书查询】链接，切换到图书查 询页面 。 (6)在图11-3中单击【购买】超链接 后，进入购物车页面 。
01 02 03 <appSettings> <add key="conn" value="server=(local) ; database=网上书店 ; integrated security=SSPI"></add> </appSettings>
13
11.3.3 在现有的项目中添加模块文件
将第4章所创建的模块文件 Module1.vb添加到本章所创建的 项目ch11中。
提示 在主页中单击【购买】链接，也可以直接切换到购物车页面 。
图11-1
图11-3
3
11.1 网上书店的开发流程
☺网上书店是一个典型的电子
商务网站，其开发过程一般包 括以下几个步骤： 系统分析 系统设计 系统实施 系统测试 系统运行 系统维护
项目实战
4
11.1.1 系统分析
☺1. 需求分析
1)确定网站的经营内容
首先必须明确网站的经营内容， 首先必须明确网站的经营内容，是交易商品还是提供服 哪些商品或服务适合在网上销售，哪些不适合， 务，哪些商品或服务适合在网上销售，哪些不适合，由 此确定本网站是销售型、信息服务型或销售服务综合型。 此确定本网站是销售型、信息服务型或销售服务综合型。
2)明确网站的服务对象
分析本网站的客户群是谁，他们的消费心理是什么， 分析本网站的客户群是谁，他们的消费心理是什么，他 们的收入水平和消费水平如何， 们的收入水平和消费水平如何，这些因素都是构建网站 时必须考虑的。 时必须考虑的。
4. 网站发布
☺ 网站发布就是将网站的网页、数据等资源移植到服务器上，使网站能正
常运行，接受访问者的访问。
7
11.1.3 系统测试与维护
1. 系统测试 ☺系统接入互联网后，客户的访问、网站与客户的信息交换、 支付手段的衔接、商品配送的实现等方面 ，都必须经过系
统的真实运营环境的测试和考验。
2. 投入运行 ☺运营初期，访问量一般不是特别大，技术人员可以利用这
☺本节主要完成网上书店主页的设计和各个模块的整合。 11.3.1 创建Web项目
(1)在合适的位置创建文件夹ch11，且将该文件夹设置为Web 共享文件夹，即虚拟目录。 (2)启动Visual 2003，在Visual 2003 集成开发环境中，选择【文件】|【新建】|【项目】命令，打 开【新建项目】对话框。 (3)在【新建项目】对话框的【项目类型】列表中选择【Visual Basic项目】，在【模板】列表中选择【 Web应用程 序】。 (4)在【位置】文本框中输入http://localhost/ch11，单击【确定】 按钮 。 (5)在【解决方案资源管理器】中修改WebForm1.aspx文档的 名称为default.aspx 。
14
11.3.4 创建自定义控件
☺两个自定义控件 ：
1. 创建顶部导航的自定义控件
页面顶部导航自定义控件的外观如图11-9所示。 所示。 页面顶部导航自定义控件的外观如图 所示 图11-9 页面顶部导航自定义控件的HTML代码如图 代码如图11-10所示。 所示。 页面顶部导航自定义控件的 代码如图 所示