7天搞定三层架构（第六天）

第五天 练习UI层 总结技巧

• 练习UI层：
• 页面居中布局
• DropDownList绑定 数据
• RadioButtonList设置
• GridView绑定数据
• 隐藏指定控件
• 跳转新页面并传值
• 查询功能实现
• 删除功能实现

练习UI层：

页面居中布局

• from style=“width：1000px;margin:0 auto;”
• 工具栏 ：style=“text-align:center;”
• GridView：width:“100%”

DropDownList绑定 数据

• 前后台结合方式

  • 配置SqlDataSource数据源，选择合适的表
  • 设置DataTextField和DataValueField属性
  • 删除DataSourceD属性和和生成的SqlDataSource控件
  • 添加额外项，并设置AppendDataBoundItems=“True” (对应的值与后台一致)
  • 绑定 数据源: DataSource=BLL.Manage. Select();
  • 执行数据绑定: DataBindO);
  • 后台直接完成方式
    

  RadioButtonList设置

• 根据要求，编辑项(对应的值与数据库1后台保持一致，不要忘记默认选中项)

• 调整布局: RepeatDirection="Horizontal"RepeatI ayout= “Flow”
  

GridView绑定数据

• 配置SqlDataSource数据源，修改select语句，生成框架
• 删除DataSourceD属性和生成的SqlDataSource控件，不刷新字段信息
• 调整主键: DataKeyNames=“ID”
• 删除或隐藏不需要的列: Visible=“false”
• 为显示的列指定列名:HeaderText=“列名”
• 绑定数据源: DataSource=BLL.Manage Select();
• 执行数据绑定: DataBind);

隐藏指定控件

• visible=’<%# Convert. ToString(Eval(“基准列”))==“基准值”%>'控件ID.Visible=fal

跳转新页面并传值

• HyperL inkField: DataNamigateUrlFields 、DataNavigeteUrlFormatString
• HyperLink: NavigateUrl=’<%# “新地址?id=” + Eval(“主键列”)%>’
• LinkButton: PostBackUrl=’<%# “新地址?id=” + Eval(“主键列”)%>’
  

查询功能实现

• 双击查询按钮，进入click事件
• 获取查询参数，并进行数据类型转化
• 绑定数据源: DataSource=BLL.Manage.Select(参数列表);4)执行数据绑定: DataBind();
  

删除功能实现

• 添加模板列:操作。
• 编辑模板列， 添加删除按钮
• 设 置删除按钮的属性:
  • 命令: CommandName=" delete"
    参数: CommandArgument=’<%# Eval(“主键”) %>'●
    提示: OnClientClick=“returm confirm(删除? ')”
    
• 为 GridView添加Row Command事件
• 在 Row_ Command事件中获取数据:
  命令: | e.CommandName
  参数: e.CommandArgument
• 针对命令进行判断，调用相应方法: BLL.Manage.Delete(参数)7) 重新绑定数据(或跳转至当前页面)