高等职业教育“十三五”规划教材:ASP.NET动态网站设计任务教程

随着科技的进步，工业与信息化融合的加速推进，社会对实用技能型人才的需求也越来

越大，企业对人才的需求是高职教育人才培养的风向标，软件企业普遍欢迎的是有一定理论

基础，具备项目开发整体思路，动手能力强，具备团队协作意识，学习能力强的人才，如何

突出这一点？本书秉承“合理确定教学内容，精彩展现教学内容”的理念，从思考模拟工作

情景，到提出工作任务（含知识点和技能点），做到实用、够用、能学、会用，重在培养学生

的职业岗位能力，突出岗位操作技能。本书采用“大案例贯穿——做中学”课程设计，用一个

较综合的案例贯穿整本书知识点，每一单元以任务的方式提出需求，然后分析所用到的知识

点，后使用知识点实现所提出的任务。

本书的开发和实施以教学作为基础，作者来自教育线和企业，有丰富的教学经验和

项目开发经验。

本书以培养岗位职业能力为主线，全书分为八个单元，对应.NET 开发工程师的岗位需求，

以程序员的成长过程来重组任务、知识点和技能点，并使用案例贯穿知识点，在帮助学生掌

握并应用基础知识的同时，为项目开发做准备。单元1 和单元2 主要介绍静态网页中用到的

知识点：单元1 先介绍B/S 结构中开发前端界面所用到的知识点，具体有DIV、框架、超链

接、样式等相关知识，先提出任务需求，然后对需求用到的知识点进行分析和分解，接下来

完成具体实现步骤，在说明中总结所用到的知识点；单元2 介绍了前端界面开发的交互性设

置，使用JavaScript 知识点，通过相关案例来介绍和加强Javascript 的用法；单元3 到单元5

主要介绍了ASP.NET 中数据绑定的相关知识，数据绑定控件的具体用法，代码的实现等，是

整本书的核心，同样也是使用ASP.NET 开发B/S 项目的核心单元，需要和SQL Server 数据库

相结合，案例知识丰富，学生可以通过查看操作步骤完成一个项目，提高自己项目开发的能

力；单元6 介绍了数据输入及有效性验证的相关知识，在项目开发中，表单验证也是一个非

常重要的工作，本单元中详细给出了开发网站的常用任务，贯穿相关知识点，让学生灵活运

用知识点；单元7 属于提高的内容，主要介绍了网站上数据的导出与打印；单元8 介绍了

ASP.NET 内部对象与网站的部署。

在本书的编写过程中，苏州工业园区服务外包职业学院张趁香负责全书的架构设计、部

分章节的编写及全书审稿、统稿，陈俊贤参与了部分章节的编写。本书的编写得到了陆正、

陈栋良的帮助，也得到了许多学生的支持，在此感谢他们在本书形成过程中提供的各种贡献。

本书体现了高职教育的发展规律，内容适应软件技术等专业教学改革需要，适合在平时

的教学中使用本书的课程设计方式和案例。

单元1 网页布局与样式设置

任务1-1 使用DIV 布局网页.................................................................. 4

任务1-2 使用DIV 实现仿Windows 窗口的设计.................................. 8

任务1-3 使用DIV 实现大小可变仿Window 窗口的设计.................... 9

任务1-4 使用TABLE 实现大小可变仿Windows 窗口的设计........... 11

任务1-5 使用frameset 实现页面布局.................................................. 12

任务1-6 超链接样式的设置与引用..................................................... 16

任务1-7 列表样式与IFrame 的使用.................................................... 18

任务1-8 使用DIV 实现区域的滚动.................................................... 20

任务1-9 图形菜单的建立.....................................................................
21

单元2 使用JavaScript 实现客户端编程

任务2-1 建立有验证的登录界面......................................................... 24

任务2-2 带关闭功能的登录界面的制作............................................. 27

任务2-3 回车后自动切换输入焦点的实现.......................................... 28

任务2-4 限时关闭窗口的实现............................................................. 29

任务2-5 循环字幕.................................................................................
31

任务2-6 IP 地址有效性验证................................................................ 32

任务2-7 图形菜单外观的动态设置..................................................... 34

任务2-8 图形菜单的动态响应............................................................. 36

任务2-9 图形选项卡的制作................................................................. 38

任务2-10 二级下拉菜单的制作........................................................... 40

任务2-11 可编辑下拉列表框的制作................................................... 43

任务2-12 弹出式对话框的制作.......................................................... 44

单元3 动态页面与数据绑定

任务3-1 客户端和服务器端当前时间的显示（有刷新） ................. 52

任务3-2 网站的发布............................................................................
54

任务3-3 使用Ajax 框架无刷新显示服务器端当前时间................... 56

任务3-4 使用XMLHTTP 对象无刷新显示服务器端当前时间......... 59

任务3-5 利用数据绑定显示服务器端当前时间................................. 61

任务3-6 使用数据绑定显示页面按钮累计单击次数......................... 61

任务3-7 使用集合对象为列表类控件提供数据源............................. 63

任务3-8 使用数据表为列表类控件提供数据源................................. 65

任务3-9 使用数据阅读器为列表类控件提供数据源......................... 68

任务3-10 使用GridView 控件显示数据库表..................................... 70

单元4 数据源配置与数据显示

任务4-1 使用SqlDataSource 为GridView 控件提供数据源.............. 73

任务4-2 使用DetailsView 显示GridView 控件中选择的记录.......... 78

任务4-3 实现GridView 控件中邮件发送和主页链接....................... 80

任务4-4 使用DetailsView 显示DataList 中选择记录....................... 83

任务4-5 用Repeater 控件实现记录的表格显示................................. 86

任务4-6 使用Repeater 控件实现记录背景交替与分隔显示............. 88

任务4-7 使用ObjectDataSource 为Repeater 控件提供数据源.......... 90

任务4-8 使用两个GridView 控件实现父子数据表的显示................ 93

单元5 数据源配置与数据更新

任务5-1 使用GridView 控件实现数据库表记录的修改.................... 98

任务5-2 使用GridView 控件实现数据库表记录的插入.................... 99

任务5-3 使用DetailsView 控件实现数据库表记录的增删改.......... 101

任务5-4 使用DropDownList 控件实现GridView 中数据输入........ 103

任务5-5 使用DetailsView 控件实现数据库表记录的增删改查....... 106

任务5-6 使用DataList 控件实现数据表记录的增删改查................ 110

任务5-7 实现GridView 控件中记录的滚动...................................... 116

任务5-8 使用Repeater 控件实现数据库表记录的全屏操作............ 118

单元6 数据输入及有效性验证

任务6-1 使用服务器端控件实现非空或非空白验证........................ 129

任务6-2 实现静态页面表单数据向动态页面的传递........................ 134

任务6-3 使用客户端脚本实现日期范围的客户端验证.................... 136

任务6-4 使用服务器端验证控件实现日期范围的验证.................... 139

任务6-5 使用Calendar 控件实现日期输入与验证........................... 142

任务6-6 带文本框日历控件的制作................................................... 144

任务6-7 使用客户端Calendar 组件实现日期时间的输入................ 145

任务6-8 使用FCKEditor 编辑器组件实现富文本的输入................ 147

任务6-9 实现DropDownList 控件的有刷新二级联动...................... 149

任务6-10 实现DropDownList 控件的无刷新二级联动.................... 151

任务6-11 使用TreeView 控件实现树形菜单.................................... 155

单元7 数据导出与打印

任务7-1 使用Crystal Reports 实现数据集单表查询数据输出........ 161

任务7-2 使用Crystal Reports 实现数据集多表关联数据输出........ 164

任务7-3 使用Crystal Reports 实现数据集多表查询数据输出........ 166

任务7-4 使用Crystal Reports 实现统计图表的输出........................ 168

任务7-5 使用.NET 对象作为数据源设计Crystal Reports ............... 170

任务7-6 使用<table>标签将数据记录导出到Excel 文件................ 175

任务7-7 使用Excel 对象库将数据记录导出到Excel 文件............. 176

任务7-8 使用GDI 绘制验证码........................................................ 179

任务7-9 使用VML 绘制时钟........................................................... 182

任务7-10 使用FusionCharts 组件绘制图表..................................... 185

单元8 ASP.NET 内部对象与网站部署

任务8-1 使用Cookie 对象记录客户信息......................................... 190

任务8-2 使用ViewState 对象记录客户登录页内失败的次数......... 191

任务8-3 使用Session 对象向其他页面传递客户登录信息............. 193

任务8-4 使用Application 对象记录当前在线访客.......................... 195

任务8-5 使用Cache 对象存储用户表信息....................................... 197

任务8-6 使用内部对象制作简易的AJAX 聊天室........................... 200

任务8-7 配置Web.config，实现对不同文件夹下的文件授权........ 203

任务8-8 网站部署与发布..................................................................
208

任务8-9 制作Web 网站的安装项目................................................. 210

单元1 网页布局与样式设置

任务1-1 使用DIV 布局网页.................................................................. 4

任务1-2 使用DIV 实现仿Windows 窗口的设计.................................. 8

任务1-3 使用DIV 实现大小可变仿Window 窗口的设计.................... 9

任务1-4 使用TABLE 实现大小可变仿Windows 窗口的设计........... 11

任务1-5 使用frameset 实现页面布局.................................................. 12

任务1-6 超链接样式的设置与引用..................................................... 16

任务1-7 列表样式与IFrame 的使用.................................................... 18

任务1-8 使用DIV 实现区域的滚动.................................................... 20

任务1-9 图形菜单的建立.....................................................................
21

单元2 使用JavaScript 实现客户端编程

任务2-1 建立有验证的登录界面......................................................... 24

任务2-2 带关闭功能的登录界面的制作............................................. 27

任务2-3 回车后自动切换输入焦点的实现.......................................... 28

任务2-4 限时关闭窗口的实现............................................................. 29

任务2-5 循环字幕.................................................................................
31

任务2-6 IP 地址有效性验证................................................................ 32

任务2-7 图形菜单外观的动态设置..................................................... 34

任务2-8 图形菜单的动态响应............................................................. 36

任务2-9 图形选项卡的制作................................................................. 38

任务2-10 二级下拉菜单的制作........................................................... 40

任务2-11 可编辑下拉列表框的制作................................................... 43

任务2-12 弹出式对话框的制作.......................................................... 44

单元3 动态页面与数据绑定

任务3-1 客户端和服务器端当前时间的显示（有刷新） ................. 52

任务3-2 网站的发布................................................