.NET框架技术教案.doc

湖南环境生物职业技术学院 《.NET框架技术》 教案 卢华灯 课程教学内容介绍 主要培养学生综合利用ASP.NET技术、JQuery、JSON、Ajax技术开发企业多层架构的Web信息系统。 分为以下项目： 项目一：使用Handler机制完成对数据库的读写操作 项目二：使用Jquery技术得到城市信息 项目三：使用Ajax技术基础篇 项目四：Ajax高级篇 课程进度如下表所示 课次 理论内容 课时 完成周次 1 第1章ASP.NET程序基础 4 1 2 第2章JQuery程序基础 4 2 3 第3章Ajax程序设计基础 4 3 4 第4章 Ajax程序设计提高 4 4 5 第5章 技能抽查培训——数据库部分 4 5 6 第6章技能抽查培训——页面设计部分 4 6 7 第7章 技能抽查培训——数据访问部分 4 7 8 第8章 技能抽查培训——多层架构部分 4 8 9 第9章 技能抽查培训——系统的发布与文档编写 4 9 10 第10章 技能抽查培训——项目2的综合实现 4 10  ：Ajax技术简介 学时 8学时 教学重点 AJAX的概念 JavaScript调试 C#语言程序设计 教学难点 JavaScript调试 Ajax的基本程序设计 实验内容： 设计实现Ajax版本的个人所得税计算 作业 设计实现Ajax版本的下一个生日是星期几的功能。 请以文章的形式发表到世界大学城空间中。  一、Ajax简介概念介绍 Ajax是Asynchronous JavaScript and XML 的缩写，即是（异步的JavaScript 和XML）。它不是新的编程语言，而是一种新的方法与技术。 特点：传统的网页（不使用Ajax技术）如果需要更新内容，则需要重新加载整个网页。Ajax是一种在无需重新加载整个网页的情况下，能够更新网页部分内容的技术。 Ajax与传统技术的比较 1：比较异同： 通过一个教学视频，查看两种程序的异同。 2：分析不同原因： 普通页面刷新整个页面、Ajax页面只会刷新页面中的一个部分 Ajax页面使用的是 ： Asynchronous JavaScript and XML技术 即：异步的JavaScript和XML技术 普通页面在提交请求后，会重新加载页面，从而会又一次整个页面的重新刷新的过程。 Ajax页面，是使用JavaScript向服务器发送一个获取部分消息的请求，并在请求的响应 信息到达后修改页面中的期望修改的部分内容，而不是整个页面。  3：代码分析 传统技术(同步)：  Ajax技术（异步） 图示 Ajax技术的应用 Google 在2005年发现并应用了这项新技术——在在线地图 现在的网站，用户的交互绝大部分都是Ajax技术，用来验证用户名是否重复，验证码是否正确，输入框的智能提示等，购物查询信息的显示，等用来改善用户体验。 1主要的已学知识： HTML JavaScript Jquery ASP.NET ADO.NET 2待学习的新知识 Ajax 编程方式，Json数据格式  本例中的HTML知识 <form id="form1" method="post" action=""> <div> <h1>Ajax页面</h1> <img src="asdfasf"></img> <select id="dt" name="dt"> <option value="date">Date</option> <option value="time">Time</option> </select> <input id="Submit1" type="button" value="submit" onclick=" Submit1_onclick()" /> <div id="msg" ></div> </div> </form> 本例中的JAVAsCRIPT知识 <script language="javascript" type="text/javascript"> // <![CDATA[ function Submit1_onclick() { var http = new XMLHttpRequest(); var dt = "date"; if (document.getElementById("dt").selectedIndex == 1) {dt = "time";} http