2.基本数据库应用
有了以上模板,ASP.NET数据库应用的基本框架已经有了,现在,我们需要在这个框架上作一些修改,使其更加符合我们的实际使用要求。
(1)界面设置
如果我们呈现给访问者的数据全部使用以上模板的界面,也未尝不可。但是,谁不希望自己的页面美观一点呢?还是以上代码,只是修改DataGrid部分,数据库部分不变。将程序中:
<ASP:DataGrid id="DataGrid1" RunAt="Server" />
修改为:
<ASP:DataGrid id="DataGrid1" RunAt="Server"
BorderColor="black"
BorderWidth="1"
CellPadding="3"
BackImageUrl=""
BackColor="#FFCCCC"
ForeColor="Black"
HeaderStyle-BackColor="#CCCCFF"
HeaderStyle-ForeColor="Blue"
AlternatingItemStyle-BackColor="#F3f3f3"
>
</ASP:DataGrid>
修改为:
<ASP:DataGrid id="DataGrid1" RunAt="Server"
BorderColor="black"
BorderWidth="1"
CellPadding="3"
BackImageUrl=""
BackColor="#FFCCCC"
ForeColor="Black"
HeaderStyle-BackColor="#CCCCFF"
HeaderStyle-ForeColor="Blue"
AlternatingItemStyle-BackColor="#F3f3f3"
>
</ASP:DataGrid>
在这个界面里面,我们设置了字体,每行背景,DataGrid背景等,我们现在一一分析:
BorderColor="black" BorderWidth="1" CellPadding="3"
以上语句设置DataGrid的边框为黑色;边框粗细为1;单元格跨距为3。
BackImageUrl="apictue.gif" BackColor="#FFCCCC" ForeColor="Black"
以上语句设置DataGrid的背景图象为apicture.gif;背景颜色为#FFFFCC;字体颜色为黑色。
HeaderStyle-BackColor="#CCCCFF" HeaderStyle-ForeColor="Blue"
以上语句设置DataGrid的Header属性,背景颜色为#CCCCFF;字体颜色为蓝色。
AlternatingItemStyle-BackColor="#F3f3f3"
以上语句设置DataGrid每一行交替背景颜色为F3F3F3;这一语句在ASP里面实现很繁琐,在这里,一句就解决。