Ajax开发实例教程.NET页面屏聊系统

　　二、屏聊系统规划及介绍

　　采用Asp.NET Ajax开发屏聊系统相对于Asp+Ajax开发要相对简单得多，我们只需要像普通的Web编程一样，拖拖拽拽就可以将整个系统堆建起来，在前台我们也不需要写太多的Javascript代码，直接由框架生成就可以了，只是将传统.NET下的控件放在UpdatePanel控件里面，并为UpdatePanel设置一定的属性值，就可以实现局部区域的刷新。

　　1、屏聊系统界面区域结构

　　我们在《Ajax开发页面聊天系统》已经知道，页面屏聊系统的页面主要由两部分组成，一是最小化时的页面（AnchorCall1_Min），另一则是还原时的页面，我们这里称为最大化时的页面(AnchorCall1_Max)。为了便于大家的理解，懒羊在这将页面所要安排的UpdatePanel控件位置绘制如下(以下红框圈注部分为UpdatePanel控件)。

　　图三 UpdatePanel控件位置排布图

　　AnchorCall1_Min区域：

　　Min0区域：由一个IMG的Html控件与ImageButton控件构成，IMG通过JS代码将界面由最小化转为最大化界面。ImageButton控件来控制屏聊页面的关闭，并且停止屏聊程序的运行，稍后会作详细的介绍。

　　Min1区域：由一个Label控件构成，用于显示屏聊用户的提示信息，如登陆信息、改名信息等等。

　　AnchorCall1_Max区域：

　　Max0区域：与Min0区域相似，只是IMG控件是实现由最大化界面向最小化界面切换。

　　Max1区域：由两个ImageButton控件和一个TextBox控件构成。TextBox主要用于显示系统自动生成的呢称。而ImageButton一个为改名按扭，另一个将聊天记录生成为HTML文件。