ASP.NET应用开发与实践 教学课件 作者 刘乃琦 郭小芳 第20章 课程设计——AJAX许愿墙.ppt

《ASP.NET应用开发与实践 教学课件 作者 刘乃琦 郭小芳 第20章 课程设计——AJAX许愿墙.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要求：第20章课程设计——AJAX许愿墙AJAX许愿墙的设计目的AJAX许愿墙的开发环境要求AJAX许愿墙的功能结构及业务流程AJAX许愿墙的数据库设计主要功能模块的界面设计主要功能模块的关键代码AJAX许愿墙的调试运行主要内容1.课程设计目的2.功能描述3.总体设计4.数据库设计5.实现过程6.调试运行7.课程设计总结第20章课程设计——AJAX许愿墙20.1课程设计目的本章提供了“AJAX许愿墙”作为这一学期的课程设计之一，本次课程设计旨在提升学生的动手能力，加强大家对专业理论知识的理解和实际应用。本次课程设计的主要目的如下：加深对面向对象程序设计

2、思想的理解，能对网站功能进行分析，并设计合理的类结构。掌握ASP.NET网站的基本开发流程。掌握AJAX技术在实际开发中的应用。掌握ADO.NET技术在实际开发中的应用。掌握用户控件的使用。掌握主题的使用。提高网站的开发能力，能够运用合理的控制流程编写高效的代码。培养分析问题、解决实际问题的能力。20.2功能描述许愿墙是指将愿望或祝福写成字条贴在许愿墙上，本章结合AJAX技术提供给用户更好的视觉体验（即页面的无刷新显示、友好信息提示、可以拖放和关闭字条等），通过该网站用户可以许下心中的愿望。AJAX许愿墙网站的主要功能如下：美观友好的操作界面，能保证网站的

3、易用性。随机显示用户许的愿望，并且可以拖放和关闭。针对祝福对象发送祝福。发送祝福时选择字条颜色。发送祝福时选择心情图案。发送祝福时实时预览字条的效果。20.3.1构建开发环境20.3.2网站功能结构20.3.3业务流程图20.3总体设计AJAX许愿墙的开发环境具体要求如下：开发平台：MicrosoftVisualStudio2010。开发语言：ASP.NET+C#+HTML+JavaScript。数据库：SQLServer2008。开发平台：WindowsXP（SP2）/WindowsServer2003（SP2）/Windows7。系统框架：Micros

4、oft.NETFramework4.0。IIS服务器：IIS7.x版本。浏览器：IE8.0以上版本、Firefox等。分辨率：最佳效果1024×768像素。20.3.1构建开发环境在AJAX许愿墙网站中，用户可以发送祝福（填写祝福对象、祝福者、字条内容等信息，还可以选择心情图案、字条颜色等）；而在许愿墙上可以浏览到发送祝福的字条，并且可以拖放和关闭字条。AJAX许愿墙的功能结构图如图20-1所示。图20-1AJAX许愿墙的功能结构图20.3.2网站功能结构AJAX许愿墙的业务流程图如图20-2所示。图20-2AJAX许愿墙网站的业务流程图20.3.3业务流

5、程图20.4数据库设计20.4.1数据库实体图20.4.2数据表设计根据实际调查对网站所做的需求分析，规划出本系统中使用的数据库实体主要是许愿信息实体，该实体用来保存AJAX许愿墙站中发送的祝福相关信息，主要包括编号、祝福者、祝福对象、祝福内容、祝福背景样式、心情图案和许愿时间等。许愿信息实体图如图20-3所示。图20-3许愿信息实体图20.4.1数据库实体图结合实际情况及对用户需求的分析，AJAX许愿墙的db_AjaxWall数据库中需要创建一个保存许愿信息的数据表，该数据表命名为Wall，Wall数据表的结构及说明如表20-1所示。表20-1Wall数

6、据表的结构及说明20.4.2数据表设计字段名数据类型字段大小说明idint4自动编号UserNamevarchar50祝福者To_personvarchar50祝福对象Wishingvarchar100祝福内容BackColorvarchar50祝福的背景样式Moodvarchar50心情图案AddDatedatetime8许愿时间20.5实现过程20.5.1页眉用户控件设计20.5.2页脚用户控件设计20.5.3生成验证码页设计20.5.4AJAX许愿墙首页设计20.5.5发送祝福页设计AJAX许愿墙的页眉是使用用户控件实现的，该用户控件中，首先为div

7、层设置一张背景图片，然后添加两个HyperLink控件，用来链接到指定的页面。页眉用户控件设计效果如图20-4所示。图20-4页眉用户控件设计效果20.5.1页眉用户控件设计页眉用户控件的HTML代码如下：<%@ControlLanguage="C#"AutoEventWireup="true"CodeFile="top.ascx.cs"Inherits="top"%>