1 / 316

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

项目一 创建 ASP.NET 应用程序开发环境及简单程序设计流程. 本项目学习目标 了解 .NET 平台 掌握安装 Visual Studio 2008 的步骤 掌握创建 ASP.NET 应用程序的步骤 掌握简单 ASP.NET 应用程序的设计流程. 任务 1 .NET 概述.

alicia
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 设计界面

More Related