ASP.NET动态网站设计与开发

王志山

目录

  • 1 项目一 认识ASP.NET
    • 1.1 引例描述
      • 1.1.1 文档：引例描述
      • 1.1.2 视频讲解：引例描述
    • 1.2 知识准备
      • 1.2.1 NET开发平台与ASP.NET简介
      • 1.2.2 ASP.NET的运行机制
      • 1.2.3 ASP.NET网页的语法结构
    • 1.3 任务实施
      • 1.3.1 Demo1-1  Visual Studio 2017的安装与使用
        • 1.3.1.1 视频讲解
        • 1.3.1.2 指导手册
      • 1.3.2 Demo1-2  SQL Server 2012 Express的安装与配置
        • 1.3.2.1 视频讲解
        • 1.3.2.2 指导手册
        • 1.3.2.3 讨论
      • 1.3.3 Demo1-3  Internet信息服务（IIS）的安装与配置
        • 1.3.3.1 视频讲解
        • 1.3.3.2 指导手册
        • 1.3.3.3 讨论
      • 1.3.4 Demo1-4  显示问候信息
        • 1.3.4.1 视频讲解
        • 1.3.4.2 指导手册
        • 1.3.4.3 讨论
      • 1.3.5 Demo1-5  显示当前的日期和时间
        • 1.3.5.1 视频讲解
        • 1.3.5.2 指导手册
    • 1.4 案例实践
      • 1.4.1 Act1-1  显示个人信息
      • 1.4.2 Act1-2  显示不同时间段的问候语
    • 1.5 课外实践
      • 1.5.1 视频讲解
      • 1.5.2 调查问卷
    • 1.6 项目小结
    • 1.7 单元知识点测试
    • 1.8 单元实训
  • 2 项目二 网页布局和设计
    • 2.1 引例描述
      • 2.1.1 课件：引例描述
      • 2.1.2 视频讲解：引例描述
    • 2.2 知识准备
      • 2.2.1 HTML知识
        • 2.2.1.1 课件：HTML知识
        • 2.2.1.2 视频讲解：HTML知识
      • 2.2.2 JavaScript知识
        • 2.2.2.1 课件：JavaScript知识
        • 2.2.2.2 视频讲解：JavaScript知识
      • 2.2.3 CSS知识
        • 2.2.3.1 课件：CSS知识
        • 2.2.3.2 视频讲解：CSS知识
      • 2.2.4 Bootstrap知识
        • 2.2.4.1 课件：Bootstrap知识
        • 2.2.4.2 视频讲解：Bootstrap知识
    • 2.3 任务实施
      • 2.3.1 Demo2-1　简单HTML页面
        • 2.3.1.1 课件：Demo2-1　简单HTML页面
        • 2.3.1.2 视频讲解：Demo2-1　简单HTML页面
        • 2.3.1.3 指导手册：Demo2-1　简单HTML页面
        • 2.3.1.4 操作视频：Demo2-1　简单HTML页面
      • 2.3.2 Demo2-2　网页中使用JS实现数的阶乘
        • 2.3.2.1 课件：Demo2-2　网页中使用JS实现数的阶乘
        • 2.3.2.2 视频讲解：Demo2-2　网页中使用JS实现数的阶乘
        • 2.3.2.3 指导手册：Demo2-2　网页中使用JS实现数的阶乘
        • 2.3.2.4 操作视频：Demo2-2　网页中使用JS实现数的阶乘
      • 2.3.3 Demo2-3　新用户注册应用实例
        • 2.3.3.1 课件：Demo2-3　新用户注册应用实例
        • 2.3.3.2 视频讲解：Demo2-3　新用户注册应用实例
        • 2.3.3.3 指导手册：Demo2-3　新用户注册应用实例
        • 2.3.3.4 操作视频：Demo2-3　新用户注册应用实例
      • 2.3.4 Demo2-4　Bootstrap应用实例
        • 2.3.4.1 课件：Demo2-4　Bootstrap应用实例
        • 2.3.4.2 视频讲解：Demo2-4　Bootstrap应用实例
        • 2.3.4.3 指导手册：Demo2-4　Bootstrap应用实例
        • 2.3.4.4 操作视频：Demo2-4　Bootstrap应用实例
    • 2.4 案例实践
      • 2.4.1 “个人简历”的网上录入页面设计
      • 2.4.2 “个人简历”录入页面的有效性验证
      • 2.4.3 “个人简历”录入页面的CSS样式设计　
      • 2.4.4 “个人简历”录入页面的Bootstrap样式设计
    • 2.5 课外实践
    • 2.6 单元小结
    • 2.7 单元知识点测试
    • 2.8 单元实训
  • 3 项目三 C#语言基础
    • 3.1 引例描述
      • 3.1.1 课件：引例描述
      • 3.1.2 视频讲解：引例描述
    • 3.2 知识准备
      • 3.2.1 常量和变量
        • 3.2.1.1 课件：常量和变量
        • 3.2.1.2 视频讲解：常量和变量
      • 3.2.2 数据类型
        • 3.2.2.1 课件：数据类型
        • 3.2.2.2 视频讲解：数据类型
      • 3.2.3 操作符及优先级
        • 3.2.3.1 课件：操作符及优先级
        • 3.2.3.2 视频讲解：操作符及优先级
      • 3.2.4 控制语句
        • 3.2.4.1 课件：控制语句
        • 3.2.4.2 视频讲解：控制语句
      • 3.2.5 类与命名空间
        • 3.2.5.1 课件：类与命名空间
        • 3.2.5.2 视频讲解：类与命名空间
      • 3.2.6 异常处理
        • 3.2.6.1 课件：异常处理
        • 3.2.6.2 视频讲解：异常处理
      • 3.2.7 常用类和常用属性、方法
        • 3.2.7.1 课件：常用类和常用属性/方法
        • 3.2.7.2 视频讲解：常用类和常用属性/方法
    • 3.3 任务实施
      • 3.3.1 Demo3-1　For、Foreach循环
        • 3.3.1.1 课件：Demo3-1　For、Foreach循环
        • 3.3.1.2 指导手册：Demo3-1　For、Foreach循环
        • 3.3.1.3 视频讲解：Demo3-1　For、Foreach循环
        • 3.3.1.4 操作视频：Demo3-1　For、Foreach循环
      • 3.3.2 Demo3-2　类的定义和使用
        • 3.3.2.1 课件：Demo3-2　类的定义和使用
        • 3.3.2.2 指导手册：Demo3-2　类的定义和使用
        • 3.3.2.3 视频讲解：Demo3-2　类的定义和使用
        • 3.3.2.4 操作视频：Demo3-2　类的定义和使用
      • 3.3.3 Demo3-3 实现两个数的加运算
        • 3.3.3.1 课件：Demo3-3 实现两个数的加运算
        • 3.3.3.2 指导手册：Demo3-3 实现两个数的加运算
        • 3.3.3.3 视频讲解：Demo3-3 实现两个数的加运算
        • 3.3.3.4 操作视频：Demo3-3 实现两个数的加运算
      • 3.3.4 Demo3-4 身份证号码信息阅读器
        • 3.3.4.1 课件：Demo3-4 身份证号码信息阅读器
        • 3.3.4.2 指导手册：Demo3-4 身份证号码信息阅读器
        • 3.3.4.3 视频讲解：Demo3-4 身份证号码信息阅读器
        • 3.3.4.4 操作视频：Demo3-4 身份证号码信息阅读器
    • 3.4 案例实践
      • 3.4.1 Act3-1 含加减乘除运算的计算器
        • 3.4.1.1 课件：Act3-1 含加减乘除运算的计算器
        • 3.4.1.2 视频讲解：Act3-1 含加减乘除运算的计算器
      • 3.4.2 Act3-2 手机号码识别器
        • 3.4.2.1 课件：Act3-2 手机号码识别器
        • 3.4.2.2 视频讲解：Act3-2 手机号码识别器
    • 3.5 课外实践
      • 3.5.1 HomeAct3-1 输出1~50的偶数和
        • 3.5.1.1 课件：HomeAct3-1 输出1~50的偶数和
        • 3.5.1.2 视频讲解：HomeAct3-1 输出1~50的偶数和
      • 3.5.2 HomeAct3-2 输出九九乘法表
        • 3.5.2.1 课件：HomeAct3-2 输出九九乘法表
        • 3.5.2.2 视频讲解：HomeAct3-2 输出九九乘法表
    • 3.6 单元小结
      • 3.6.1 课件：单元小结
      • 3.6.2 视频讲解：单元小结
    • 3.7 单元知识点测试
  • 4 项目四 Web服务器控件
    • 4.1 引例描述
      • 4.1.1 课件：引例描述
    • 4.2 知识准备
      • 4.2.1 ASP.NET服务器控件
      • 4.2.2 基本的Web控件
      • 4.2.3 选择与列表控件
        • 4.2.3.1 选择与列表控件1
        • 4.2.3.2 选择与列表控件3
        • 4.2.3.3 选择与列表控件2
      • 4.2.4 文件上传控件－FileUpload
      • 4.2.5 表控件－Table
      • 4.2.6 容器控件Panel和PlaceHolder控件
    • 4.3 任务实施
    • 4.4 案例实施
    • 4.5 课外实践
    • 4.6 单元小结
    • 4.7 单元测试
  • 5 项目五 验证控件
    • 5.1 引例描述
      • 5.1.1 课件：引例描述
      • 5.1.2 教学讲解 引例描述
    • 5.2 知识准备
      • 5.2.1 验证控件的概述
      • 5.2.2 验证控件的属性
    • 5.3 任务实施
      • 5.3.1 RequiredFieldValidator控件实现非空验证
        • 5.3.1.1 4.3 任务实施
        • 5.3.1.2 实施
        • 5.3.1.3 【操作视频】Demo4-1-1 显示标签文本和图片
      • 5.3.2 CompareValidator控件实现比较验证
    • 5.4 案例实践
      • 5.4.1 输入验证的综合案例：公司职员注册验证功能的实现
    • 5.5 课外实践
    • 5.6 单元小结
    • 5.7 单元知识点测试
    • 5.8 单元实训
  • 6 项目六 常用内置对象
    • 6.1 引例描述
      • 6.1.1 课件：引例描述
      • 6.1.2 教学讲解 引例描述
    • 6.2 知识准备
      • 6.2.1 常用内置对象的概述
        • 6.2.1.1 课件：常用内置对象的概述
        • 6.2.1.2 教学讲解：常用内置对象的概述
      • 6.2.2 常用内置对象的属性、方法及使用
        • 6.2.2.1 Response对象
          • 6.2.2.1.1 课件：Response对象
          • 6.2.2.1.2 教学讲解：Response对象
        • 6.2.2.2 Request对象
          • 6.2.2.2.1 课件：Request对象
          • 6.2.2.2.2 教学讲解：Request对象
        • 6.2.2.3 Server对象
          • 6.2.2.3.1 课件：Server对象
          • 6.2.2.3.2 教学讲解：Server对象
        • 6.2.2.4 Application对象
          • 6.2.2.4.1 课件：Application对象
          • 6.2.2.4.2 教学讲解：Application对象
        • 6.2.2.5 Session对象
          • 6.2.2.5.1 课件：Session对象
          • 6.2.2.5.2 教学讲解：Session对象
    • 6.3 任务实施
      • 6.3.1 Demo6-1 使用Response对象实现浏览器页面内容输入
        • 6.3.1.1 课件：Demo6-1 使用Response对象实现浏览器页面内容输入
        • 6.3.1.2 指导手册：Demo6-1 使用Response对象实现浏览器页面内容输入
      • 6.3.2 Demo6-2 使用Request对象实现浏览器页面和URL地址等的信息处理
        • 6.3.2.1 课件：Demo6-2 使用Request对象实现浏览器页面和URL地址等的信息处理
        • 6.3.2.2 指导手册：Demo6-2 使用Request对象实现浏览器页面和URL地址等的信息处理
      • 6.3.3 Demo6-3 使用Server对象实现服务器端信息处理
        • 6.3.3.1 课件：Demo6-3 使用Server对象实现服务器端信息处理
        • 6.3.3.2 指导手册：Demo6-3 使用Server对象实现服务器端信息处理
      • 6.3.4 Demo6-4 使用Application对象实现应用程序用户之间的信息共享处理
        • 6.3.4.1 课件：Demo6-4 使用Application对象实现应用程序用户之间的信息共享处理
        • 6.3.4.2 指导手册：Demo6-4 使用Application对象实现应用程序用户之间的信息共享处理
      • 6.3.5 Demo6-5 使用Session对象实现页面用户会话信息的处理
        • 6.3.5.1 课件：Demo6-5 使用Session对象实现页面用户会话信息的处理
        • 6.3.5.2 指导手册：Demo6-5 使用Session对象实现页面用户会话信息的处理
    • 6.4 案例实践
      • 6.4.1 Act6-1 实现Buffer缓存开启与关闭的效果
      • 6.4.2 Act6-2 实现网页访问计数器升级
    • 6.5 课外实践
    • 6.6 单元小结
    • 6.7 单元知识点测试
    • 6.8 单元实训
  • 7 项目七 主题、用户控件和母版页
    • 7.1 引例描述
      • 7.1.1 课件：引例描述
      • 7.1.2 视频讲解：引例描述
    • 7.2 知识准备
      • 7.2.1 主题
        • 7.2.1.1 视频讲解：主题
        • 7.2.1.2 操作视频：创建主题
        • 7.2.1.3 操作视频：创建外观文件
        • 7.2.1.4 操作视频：主题和外观文件的应用
      • 7.2.2 用户控件
        • 7.2.2.1 视频讲解：用户控件
        • 7.2.2.2 操作视频：用户控件
      • 7.2.3 母版页
        • 7.2.3.1 视频讲解：母版页
        • 7.2.3.2 操作视频：创建母版页
        • 7.2.3.3 操作视频：母版页应用
        • 7.2.3.4 master-Html.zip资源下载
    • 7.3 任务实施
      • 7.3.1 网页的不同主题外观的轮换
        • 7.3.1.1 指导手册：网页的不同主题外观的轮换
        • 7.3.1.2 分析问题视频：网页的不同主题外观的轮换
        • 7.3.1.3 解决问题视频1：网页的不同主题外观的轮换
        • 7.3.1.4 解决问题视频2：网页的不同主题外观的轮换
      • 7.3.2 使用用户控件实现网站页面底部信息
        • 7.3.2.1 指导手册：使用用户控件实现网站页面底部信息
        • 7.3.2.2 分析问题视频：使用用户控件实现网站页面底部信息
        • 7.3.2.3 解决问题视频：使用用户控件实现网站页面底部信息
      • 7.3.3 使用母版页实现网站统一风格
        • 7.3.3.1 指导手册：使用母版页实现网站统一风格
        • 7.3.3.2 分析问题视频：使用母版页实现网站统一风格
        • 7.3.3.3 解决问题视频：使用母版页实现网站统一风格
        • 7.3.3.4 Demo资源下载master1.zip
    • 7.4 案例实践
      • 7.4.1 视频讲解
      • 7.4.2 使用用户控件实现网页顶部和底部的统一处理
      • 7.4.3 网页母版化处理
      • 7.4.4 案例资源JQuery(1).zip下载
    • 7.5 课外实践
      • 7.5.1 视频讲解
    • 7.6 单元小结
    • 7.7 单元知识点测试
    • 7.8 单元实训
  • 8 项目八 数据控件
    • 8.1 引例描述
      • 8.1.1 课件：引例描述
      • 8.1.2 教学讲解 引例描述
    • 8.2 知识准备
      • 8.2.1 数据源控件
      • 8.2.2 数据绑定控件
    • 8.3 任务实施
      • 8.3.1 GridView控件显示联系人信息
      • 8.3.2 GridView控件实现联系人信息管理
      • 8.3.3 DetailsView控件实现联系人分组信息管理
    • 8.4 案例实践
      • 8.4.1 GridView控件显示联系人分组信息
      • 8.4.2 GridView控件实现联系人分组信息管理
      • 8.4.3 DetailsView控件实现商品类别信息管理
    • 8.5 课外实践
    • 8.6 单元小结
    • 8.7 单元知识点测试
    • 8.8 单元实训
    • 8.9 案例实践
单元实训

  • 【指导手册】Project_第2阶段之二：“网站前端页面的页面验证”

(一）训练准备

结合"单元2网页布局与设计中的HTML静态网页模板（本训练提供：登录&后台模板Html源码2套：登录&后台模板1和登录&后台模板2。也可自行设计），开始后台登录页面的设计。本次采用“登录&后台模板1”中的“登录模板”

（二）后台登录页面HTML转为ASPX页面（项目名称：EntWebsiteActXYY）

主要步骤如下：

（1）在项目中添加HTML网页模板文件及文件夹

“登录&后台模板1”中的“登录模板”中的文件拷贝到本项目的AdminXYY后台管理目录中，并将这些文件添加到（包含）到vs项目中

（2）参照登录HTML页面，新建ASP.NET登录页面

新建Loginl.aspx页面，并将对应的Loginl.html参考页面的html代码拷贝到相应的aspx页面源码位置。

注意：分别复制Html页面的Head部分和Body部分到Aspx页面中，同时留意，要保留Aspx页面中原先的<form>标识符，去除Html页面中的<form>标识符。

(3)项目文件清单如下（供参考）：


其中：Loginl.aspx是由Loginl.html转化而来。

（4）设计登录界面

使用2个TextBox控件代替原有的用于输入用户名和密码的html控件<input>。如下图所示（头标出的2个控件均为TextBox控件）。




(5)页面源码参考代码如下（部分）：

Head部分的源码参考模板页面）




(6)其他

为使得页面更协调，可以适当修改对应的style.css样式。

(三)后台登录页面中用户名和密码的非空验证

主要步骤如下：

(1)添加非空验证控件

在登录页面的“用户名”和“密码”两个文本框的后面，添加两个RequiredFieldValidator

非空验证控件，如下图所示。



（2）设置非空验证控件的属性

设置两个非空验证控件分别针对用户名和密码两个文本框进行非空验证：并设置错误提

示为“*”，颜色为“红色”。

(3)调试预览效果，如下图所示：