三层架构之表示层（UL层）

一、UL层

1、 页面居中布局
form style="width: 1000px;margin:0 auto;"
工 具栏: style="text-align:center;"
GridView: width="100%"
2、DropDownList 绑定数据
前后台结合方式
（1） 配置SqlDataSource数据源，选择合适的表
（2）设 置DataTextField和DataValueField属性
（3）删 除DataSourceID属性和和生成的SqlDataSource控件
（4）添加额外项，并设置AppendDataBoundItems="True"(对应的值与后台一致)
（5）绑定 数据源: DataSource=BLL.Manage.Select();
（6）执行数据绑定: DataBind0;

3、 RadioButtonList设 置
根据要求,编辑项(对应的值与数据库/后台保持一致，不要忘记默认选中项)
调整布局: RepeatDirection="Horizontal" RepeatI ayout-="Flow" 

 

4、 GridView 绑定数据
（1） 配置SqlDataSource数据源，修改select语句，生成框架
（2）删 除DataSourcelID属性和生成的SqlDataSource控件，不刷新字段信息.
（3）调 整主键: DataKeyNames "ID" 
（4）删除或隐藏不需要的列: Visible= "false"
（5）为显示的列指定列名:HeaderText="列名"
（6）绑定数据源: DataSource- BLL .Manage. Select();
（7）执行 数据绑定: DataBindO; 

5、 隐藏指定控件
visible='<%# Convert.ToString(Eval("基准列"))="基准值" %>'
控件ID.Visible=false;
6、 跳转新页面并传值
HyperLinkField: DataNamigateUrlFields、 DataNavigeteUrIF ormatString
HyperL ink: NavigateUrl='<%# "新地址?id=" + Eval("主键列")%>'
LinkButton: PostBackUrl='<%# "新地址?id=" + Eval("主键列")%>'

 

7、页面加载

点击箭头指的后台文件点进去然后可以编写后台代码实现一些后台功能

 

 进去之后会有系统自带的一个方法

再里面填写你在DAL层编写的查询和在BLL层调用的查询

上述是UL层一部分基本的功能，看完上面能后把数据先加载出来了，后面还会有比较复杂的功能，比如删除，修改，添加等，更难的还有Ajax删除，修改等