ASP.NET的出现,使网络程序员们设计程序的时候完全找到了“设计程序”的感觉,当然,更多的,他们感觉到了ASP.NET的得心应手。但是,没有想偷懒就没有进步,如果你仅仅依靠ASP.NET自己的强大功能而不想其他手段,那你很快就会发现别人设计程序比你会快很多而且轻轻松松。现在,我们来学习几招偷懒的手段,让别人跟在你后面敬佩吧。 |
使用过ASP的朋友一定都记得,ASP的很多功能需要一些第三方的组件实现,比如文件上传功能的实现就往往使用ASPCNUP组件实现。使用这些组件,不但可以扩展ASP程序的功能,而且,大大提高程序开发速度。我们这里介绍的偷懒手段,也就是介绍几款与我们平时设计密切相关的组件。 |
ASP.NET自带的DatGrid功能强大,定制也很方便,但是,因为它不是专门为数据库应用设计的。所以,在连接数据库的时候,我们不得不首先连接数据库,然后绑定数据。而SuperDataGrid是专门为数据库设计的,所以,那些繁琐的连接数据库我们也就没有必要去写了。需要 |
SuperDataGrid将DataGrid的一些属性简单化,使用这个控件,我们可以方便的实现数据库数据的显示、排序、修改数据,这些功能的实现,只要简单几行代码就可以。我们现在来看它的使用。 |
以下代码演示怎样使用SuperDataGrid来简单的显示数据表中的所有数据: |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.SuperDataGrid" %> |
ConnectionString="Server=localhost;UID=demo;pwd=secret;database=pubs" |
http://www./superdatagrid/samples/sample1.aspx |
现在,我们来简单分析以上代码。第一行使调用SuperDataGrid控件,我们在以后的举例中都将使用到。第二行,和标准的DataGrid使用差不多,我们看看SuperDataGrid的一些属性: |
ConnectionString:因为是连接数据库,当然少不了数据库连接语句。这个参数就是连接数据的语句; |
TableName:要显示具体的表,我们就在这里定义。 |
看到这里,我们已经感觉到了“简单”,但是,在实际的应用中,像这种直接显示一个表的情况是很少的。所以,我们需要其他更多的功能。最直接的,我们需要Select语句的返回结果。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.SuperDataGrid" %> |
ConnectionString="Server=localhost;UID=sa;pwd=secret;database=Northwind" |
CommandText="Select ProductName, CategoryName |
From Products, Categories Where Products.CategoryID=Categories.CategoryID" |
http://www./superdatagrid/samples/sample2.aspx |
以上代码返回Select语句的结果。在这里,我们见到一个新的属性: |
CommandText:和Command一样,就是Select语句; |
在DataGrid中,数据排序虽然简单,但是代码还是不少。我们现在来看SuperDataGrid中怎样给数据排序: |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.SuperDataGrid" %> |
ConnectionString="Server=localhost;UID=sa;pwd=secret;database=Pubs" |
http://www./superdatagrid/samples/sample3.aspx |
仔细看以上代码,其实就是设置了一个EnableSortinga属性为真。也就是打开排序功能。需要仔细注意的一点,要将SuperDataGrid包括在Form中。 |
在ASP中,很多朋友会为分页烦恼,现在,我们看看SuperDataGrid中怎样分页: |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.SuperDataGrid" %> |
ConnectionString="Server=localhost;UID=sa;pwd=secret;database=pubs" |
PagerStyle-Mode="NumericPages" |
http://www./superdatagrid/samples/sample4.aspx |
我们来看看SuperDataGrid的几个新属性: |
EnablePaging:首先,我们当然要打开数据分页; |
PageSize:和DataGrid一样,每页数据显示的条数; |
PagerStyle-Mode:和DataGrid一样,页码显示方式; |
我们知道,在DataGrid中,我们可以在直接编辑数据,但是,一般我们很少使用这样功能,因为这样编辑数据不是很方便也不是很实用,代码编写也比较多。现在,SuperDataGrid也提供这个功能,当然,我们不需要写那么多代码,只需要简单的设置就可以,其他,SuperDataGrid全部帮我们弄好了。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.SuperDataGrid" %> |
ConnectionString="Server=localhost;UID=sa;pwd=secret;database=Northwind" |
http://www./superdatagrid/samples/sample5.aspx |
看以上代码,如果需要编辑数据,只要加EnableEditing属性就可以了。是不是特别简单?当然,我们仍然要将SuperDataGrid放在Form中。 |
ASP.NET的缓存功能我们已经知道很强大,但是,具体到SuperDataGrid,你会发现它更加方便。使用SuperDataGrid的时候,会自动缓存已经显示过的数据来提高程序效率。设置缓存功能可以使用CacheScope属性,我们可以设置缓存类型为Application,,Session和 None。 |
SuperDataGrid默认缓存类型为Application,也就是所有用户共用缓存;如果采用Session,缓存只针对特殊的用户;如果设置为None,那就是不要缓存功能。 |
默认的,缓存会保持30分钟,当然,我们可以使用CacheDuration属性设置缓存时间,单位为分钟。 |
二、超级表单:Superexpert DataForm |
刚才我们看到SuperDataGrid已经具有数据修改功能,但是,由于数据浏览和修改同时进行,实际上我们很少使用那种方式,更多的,我们还说采用单个记录修改。 |
以往我们在使用表单修改或者增加数据库数据的时候,需要作的工作很多,比如设置数据格式等,如果数据比较多,那更加繁琐。现在,使用Superexpert DataForm,我们可以简单的实现这些功能。 |
Superexpert DataForm可以自动保存或者修改数据库数据,还可以使用它自动从数据库生成表单(实际是浏览数据),我们甚至可以自定义样式来自动修改、更新数据库表。 |
假设我们使用以下SQL语句生成一个叫CustomerSurveys的数据表: |
Create Table CustomerSurvey |
Customer_ID INT NOT NULL IDENTITY Primary Key, |
Customer Varchar( 50 ) NOT NULL, |
Birthdate DateTime NOT NULL, |
这个数据表有Customer_ID、Customer、 Age、Birthdate和Comments五个字段。我们可以使用Superexpert DataForm自动生成一个表单,使用这个表单,我们可以直接向该数据表增加数据。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
<head><title>SimpleDataForm.aspx</title></head> |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
http://www./dataform/samples/sample1.aspx |
为了更好的理解Superexpert DataForm,我们必须了解那些东西是可以自动生成的: |
1、表单中的TextBox宽度是根据数据表数据宽度自动生成的; |
2、填入表单中数据的验证是自动生成的。如果数据表要求数据不为Null,那么提交表单的时候就要求输入;如果数据为Int,要求填入Integer;如果数据为DateTime,要求填入DateTime数据。 |
所有我们要做的只是提供数据表名称和数据库连接字符串。 |
4、Custom:提交数据时可以自己设置逻辑验证; |
为了修改一条已经存在的数据,我们必须设置DataForm模式为UpdateRecord。然后,我们必须确定修改那一条数据,我们通过DataKeyField和DataKeyValue唯一确定一条数据,DataKeyField是数据表主键;DataKeyValue是一条数据的主键的值。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
<head><title>DataFormUpdateRecord.aspx</title></head> |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
DataKeyField="Customer_ID" |
http://www./dataform/samples/sample2.aspx |
以上代码设置Mode为UpdateRecord,设置DataKeyField为Customer_ID,设置DataKeyValue为3。 |
如果我们需要修改数据表中的所有数据,可以将DataForm模式设置为UpdateTable。在设置为修改整个表以后,会在数据表单上方生成一个导航条,通过这个导航条,我们可以浏览数据表中的所有数据。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
<head><title>DataFormUpdateTable.aspx</title></head> |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
DataKeyField="Customer_ID" |
http://www./dataform/samples/sample3.aspx |
如果我们将模式设置为Custom,我们就可以设置提交表单以后的动作。比如,以下代码实现提交表单以后自动转到ThankYou.aspx页面。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
Sub Form_Submit( s As Object, e As EventArgs ) |
Response.Redirect( "ThankYou.aspx" ) |
<head><title>DataFormCustom.aspx</title></head> |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
http://www./dataform/samples/sample4.aspx |
1、HeaderStyle:定义数据表单的Header样式; |
2、LabelStyle:定义数据表单的Label样式; |
3、FieldStyle:定义数据表单的Field样式; |
4、FooterStyle:定义数据表单的Footer样式; |
GridLines:定义数据表单的线格式,包括:None、Both、Horizontal和Vertical。 |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
<head><title>DataFormStyle.aspx</title></head> |
HeaderStyle-backColor="Salmon" |
FieldStyle-backColor="yellow" |
LabelStyle-Font-Name="Script" |
LabelStyle-Font-Size="28pt" |
FooterStyle-backColor="blue" |
LabelStyle-BackColor="lightgreen" |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
http://www./dataform/samples/sample5.aspx |
我们也可以自己增加控件设计数据表单布局,可以增加的控件如下: |
没一个控件都扩展了标准控件的功能。这些控件都有两个属性:DataField和DataType。DataField让控件和数据库的具体字段联系起来,DataType定义输入数据的类型。以下是一个增加数据的举例: |
<%@ Register TagPrefix="Super" Namespace="Superexpert.Data" |
Assembly="Superexpert.DataForm" %> |
Sub Form_Submit( s As Object, e As EventArgs ) |
Response.Redirect( "ThankYou.aspx" ) |
<head><title>DataFormCustomLayout.aspx</title></head> |
TableName="CustomerSurvey" |
ConnectionString="Server=Localhost;UID=sa;PWD=secret;Database=Pubs" |
http://www./dataform/samples/sample6.aspx |
三、超级图像文字控件:Superexpert ImageText |
我们知道,ASP.NET可以将文字生成图象,只是,对我大部分用户而言,这些功能藏的有点深。Superexpert ImageText让我们可以很简单的实现将文字生成图象。我们可以使用安装在服务器上的任何一款字体来生成图象,也可以使用我们下面将要提到的所有图象特效来生成图象。 |
我们可以利用Superexpert ImageText来快速的生成图象,它的好处是我们可以完全控制文字的样式。 |
要使用Superexpert ImageText,我们只要简单的提供一个唯一ID和需要转化的文字。下面的举例将生成“Hello World”: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
http://www./imagetextbeta2/samples/sample1.aspx |
为了取得更好的效果,我们可以为文字设置字体和颜色,也可以设置图象背景,下面的举例就是这样: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
Font-Name="Comic Sans MS" |
http://www./imagetextbeta2/samples/sample2.aspx |
需要了解的是,无论采用什么字体,只要服务器上安装了所使用的字体就行,只要已经转化为图象,所有浏览器都可以正确的显示。 |
通过设置DropShadow属性,我们可以将文字转化为带有阴影效果的图象: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
DropShadow-Display="True" |
http://www./imagetextbeta2/samples/sample3.aspx |
● DropShadow-xOffSet:水平方向偏移 |
● DropShadow-yOffSet :垂直方向偏移 |
● DropShadow-Alpha :设置阴影透明度 |
● DropShadow-Color :设置阴影颜色 |
通过设置文字的RotateFlip属性,我们可以将文字进行旋转: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
RotateFlip="Rotate90FlipNone" |
RotateFlip="Rotate180FlipNone" |
http://www./imagetextbeta2/samples/sample4.aspx |
我们可以设置背景为渐进颜色、图片或者特殊图案,以下是一个渐进颜色背景的举例: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
BackGround-Gradient="True" |
http://www./imagetextbeta2/samples/sample5.aspx |
我们还可以使用BackGround-HatchStyle属性来设置特殊背景图案和图案颜色,以下举例就是一个波纹图案背景的图象: |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
BackGround-HatchStyle="Weave" |
BackGround-StartColor="Green" |
http://www./imagetextbeta2/samples/sample6.aspx |
<%@ Register TagPrefix="Super" Namespace="Superexpert" |
Assembly="Superexpert.ImageText" %> |
Text="This is a long paragraph that demonstrates how you can wrap text with the ImageText control" |
http://www./imagetextbeta2/samples/sample7.aspx |
如果不想每次页面变动都重新生成图象,可以设置Final属性为True。 |
以上介绍的一些控件,我们在平时的设计中用的可能都比较多,非常使用。在我我们潜心研究ASP.NET的同时,我们可以学习利用这些工具来提高我们的工作效率和工作效果。 |
|