项目一 创建 ASP.NET 应用程序开发环境及简单程序设计流程

1. 项目一 创建ASP.NET应用程序开发环境及简单程序设计流程

2. 本项目学习目标 • 了解.NET平台 • 掌握安装Visual Studio 2008的步骤 • 掌握创建ASP.NET应用程序的步骤 • 掌握简单ASP.NET应用程序的设计流程

3. 任务1 .NET概述 ASP.NET是微软公司于2001年推出的Web应用程序开发的全新框架，是.NET框架（.NET Framework）的重要组成部分，与ASP（Active Server Pages）相比，ASP.NET在结构体系上以及整体架构上有了很大的跨越。ASP.NET是建立在.NET框架的公共语言运行时（Common Language Runtime）上的编程框架，可用于构建各种功能的Web应用程序。

4. 图1-1 .NET框架体系结构

5. 任务2 创建ASP.NET程序开发环境 • 2.1 安装Visual Studio2008编程环境 Visual Studio 2008能够开发的程序包括常见的Visual C#、Visual Basic、Visual C++和 Visual J#等。ASP.NET Web应用程序开发是Visual Studio 2008一个重要的组成部分。

6. 图1-2 Visual Studio 2008的安装界面

7. 图1-3 Visual Studio 2008安装步骤

8. 图1-4 安装模式选择

9. 图1-5 安装进度

10. 图1-6 安装进度显示

11. 图1-7 安装完成提示

12. MSDN文件是在开发程序时，系统提供的在线帮助文件。安装MSDN Library联机帮助文件的步骤如下：

13. 图1-9 Visual Studio 2008起始页

14. 2.2 熟悉Visual Studio2008编程环境 • Visual Studio 2008将支持程序开发的各种功能集成在一个公共的工作环境中，称之为“集成开发环境”。在该编程开发环境中提供了各种控件、窗口和方法，用户可以方便的进行各种应用程序的开发，以及在各种开发界面中切换，可以在很大程度上节约开发时间。

15. 图1-11 文件菜单

16. 图1-12 视图菜单

17. 图1-13 调试菜单

18. 图1-15 工具箱 图1-14 窗体

19. 图1-16 选择工具箱项

20. 图1-17 属性窗口 图1-18 解决方案资源管理器

21. 3.1 建立一个ASP.NET Web应用程序在Visual Studio2008中，创建一个ASP.NET Web应用程序意味着创建一个ASP.NET网站。

22. 图1-19 新建网站对话框

23. 图1-20 新建网站

24. 图1-21 打开网站对话框

25. 图1-22 网站运行效果 图1-23 点击按钮后效果

26. 3.2 ASP.NET Web应用程序的设计流程 • 在Visual Studio 2008编程环境下开发ASP.NET Web应用程序一般具有以下几个步骤： • （1）需求分析 • （2）新建ASP.NET Web应用程序 • （3）新建用户界面 • （4）设置对象的属性 • （5）编写代码 • （6）运行调试程序 • （7）编译网站代码 • （8）部署应用程序

27. 3.3创建一个简单的用户注册程序 • 本操作中建立一个简单的用户注册程序，以熟悉Web应用程序的开发步骤。该程序的开发严格按照上述的8个步骤进行。 • 要求：设计制作一个简单的ASP.NET Web应用程序，要求用户将姓名、性别、出生年月、住址、联系电话、个人简介等信息提交，并显示在页面中。如图1-24所示。

28. 图1-24 网站运行效果

29. （1）新建项目 图1-25 新建网站对话框

30. 2.创建用户界面 图1-26 网站页面的设计界面

31. 代码1-1：Button按钮的单击事件： • protected void Button1_Click(object sender, EventArgs e) • { • string a1 = TextBox1.Text; • string a2 = TextBox2.Text; • string a3 = TextBox3.Text; • string a4 = TextBox4.Text; • string a5 = TextBox5.Text; • string xb=""; • if (RadioButton1.Checked) • { • xb = RadioButton1.Text; • } • else if (RadioButton2.Checked) • { • xb = RadioButton2.Text; • } • Response.Write("姓名是" + a1+"<br>"); • Response.Write("性别是" + xb + "<br>"); • Response.Write("出生年月是" + a2 + "<br>"); • Response.Write("住址是" + a3 + "<br>"); • Response.Write("联系方式是" + a4 + "<br>"); • Response.Write("个人简介是" + a5 + "<br>"); • }

32. 图1-27 网站运行效果

33. 图1-28 网站代码文件界面

34. 图1-29 网站运行效果

35. 图1-30 测试网站效果

36. 图1-31 网站测试效果

37. 图1-32 编译生成文件

38. 项目小结 • 本项目介绍了ASP.NET Web应用程序的开发环境Visual Studio2008的创建，以及Visual Studio2008编程环境的常用的菜单的功能。介绍了编程界面中常用的窗口的功能，包括“工具箱”、“解决方案资源管理器”、“属性/事件”以及编程界面窗口。另外介绍了通过实例的方式介绍了简单ASP.NET Web 应用程序的编写流程。

39. 项目拓展 • 1、建立一个简单的ASP.NET Web应用程序，要求：在用户点击“提交”Button按钮之后，可以能根据用户在TextBox控件中的输入内容给出相应的问候。 • 2、建立一个简单的ASP.NET Web应用程序，要求：用户输入用户名和密码，在用户点击“提交”后，根据已经设置好的用户名和密码进行匹配，如果和已经设置好的用户名和密码相同，则给出登录成功的提示，如果和已经输入好的用户名或者密码不相同，则给出登录失败的提示。

40. 项目二 设计制作网络计算器

41. 本项目学习目标 • 掌握ASP.NET基本控件的使用方法 • 掌握C#基本语句的编写方法 • 掌握验证控件的使用方法

42. 计算器是我们日常生活中常用的工具之一，Windows系列操作系统本身也拥有计算器功能。网络计算器是通过Web页面，在网站上提供的计算服务，常见的形式有：住房公积金贷款利率计算器、商品价格折扣计算器等，因其方便、实用，被广泛运用到许多专业网站提供的服务中。计算器是我们日常生活中常用的工具之一，Windows系列操作系统本身也拥有计算器功能。网络计算器是通过Web页面，在网站上提供的计算服务，常见的形式有：住房公积金贷款利率计算器、商品价格折扣计算器等，因其方便、实用，被广泛运用到许多专业网站提供的服务中。

43. 图2-1 计算器设计界面

44. 本计算器的功能和使用流程如下： • 根据用户输入的购房单价（元/M2）和购房面积（M2），以及选择的按揭成数和按揭年数，在点击“计算”之后，计算器会将计算出的结果“房款总额”、“月均还款”、“贷款总额”、“还款总额”、“首期付款”和“支付系款”，显示在对应的位置上。

45. 任务1 掌握ASP.NET基本输入输出控件 • 输入、输出控件是程序设计界面中最常用的控件。本任务将制作住房公积金贷款利率计算器的界面部分。具体包括，输入控件TextBox控件，输出控件Label控件以及Button按钮控件。

46. 1.1 创建Label文本显示控件 图2-2界面效果预览

47. 图2-3 设计界面

48. 双击ImageButton控件，在该控件的单击事件中添加代码2-1。双击ImageButton控件，在该控件的单击事件中添加代码2-1。 • 代码2-1：ImageButton按钮控件的单击事件 • protected void ImageButton1_Click(object sender, ImageClickEventArgs e) • { • Label1.Text = "您单击的图片像素点是:(" + e.X.ToString() + "," + e.Y.ToString() +")"; • }

49. 1.2 创建TextBox文本框控件 图2-4 界面效果预览

50. 图2-5 设计界面