多层框架用失招领

多层框架应用失物招领多层框架应用失物招领2home back first prev next last上章回顾上章回顾lASP.NET AJAX介绍，了解介绍，了解 ajax的版本变更。的版本变更。lAJAX Extensions 的服务器控件：的服务器控件：ScriptManager控件控件 的功能以及使用的功能以及使用ScriptManagerProxy控件的功能以及使用控件的功能以及使用UpdatePanel控件的功能以及使用控件的功能以及使用UpdateProgress控件的功能以及使用控件的功能以及使用Timer控件的功能以及使用控件的功能以及使用lAJAX Control Toolkit中的典型控件：中的典型控件：AutoComplete 控件控件 的功能，控件的使用方法的功能，控件的使用方法Calendar控件控件 的功能，控件的使用方法的功能，控件的使用方法TextBoxWatermark控件控件 的功能，控件的使用方法的功能，控件的使用方法3home back first prev next last本章目标本章目标l多层框架的应用实现：多层框架的应用实现：数据实体层数据实体层(Model)的实现的实现表示层表示层(Web)的实现的实现：1.失物招领信息管理页面失物招领信息管理页面 2.添加失物招领信息页面添加失物招领信息页面 3.修改失物招领信息页面修改失物招领信息页面 业务逻辑层业务逻辑层(BLL)的实现的实现 数据访问层数据访问层(OracleDAL)的实现的实现 数据访问工厂层数据访问工厂层(DALFactory)的实现的实现 数据访问接口层数据访问接口层(IDAL)的实现的实现 公用模块公用模块(DBUtility)的实现的实现 4home back first prev next last失物招领失物招领 l数据实体层数据实体层(Model)5home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面生成失物招领信息管理页面生成失物招领信息管理页面GoodsManage.aspx选择选择MasterPage.master作为它的母板页作为它的母板页 6home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面 7home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：1.将工具箱中将工具箱中“HTML”选项卡中的选项卡中的“select”控件拖拽到设计页面中，将控件控件拖拽到设计页面中，将控件ID命名为命名为“SelectSearch”。选中控件，点击右键，选择选中控件，点击右键，选择“作为服务器作为服务器控件运行控件运行”，将此控件转为服务器控件，将此控件转为服务器控件，即：即：runat=“server”。8home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：点击右键，选点击右键，选“属性属性”，在弹出窗体中添，在弹出窗体中添加加select元素的选项元素的选项 9home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：2将工具箱中将工具箱中“标准标准”选项卡中的选项卡中的“TextBox”控件拖拽到设计页面中，将控件拖拽到设计页面中，将控件控件ID命名为命名为“txtSearch”。3将工具箱中将工具箱中“标准标准”选项卡中的选项卡中的“Button”控件拖拽到设计页面中，将控件控件拖拽到设计页面中，将控件ID命名为命名为“btnSearch”，Text中输入中输入查询查询，用于，用于显示按钮的名字。显示按钮的名字。10home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：4双击双击“查询查询”按钮，生成按钮，生成OnClick事件事件“btnSearch_Click”。11home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：5.在查询之前需要先判断文本输入框中的条件在查询之前需要先判断文本输入框中的条件是否符合规范，在服务器按钮中加入客户是否符合规范，在服务器按钮中加入客户端事件端事件“OnClientClick”，事件名称为，事件名称为 OnClientClick=“return CheckSearch()”。调用的调用的javascript代码如下：代码如下：12home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：13home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：6点选点选“是否处理是否处理”时将文本框隐藏时将文本框隐藏 14home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：7.删除记录时，弹出确认框删除记录时，弹出确认框 15home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：8为了将页面功能区域划分清晰可加入标签为了将页面功能区域划分清晰可加入标签，将标签，将标签 放到代码之外，这放到代码之外，这样页面上就会显示框线效果样页面上就会显示框线效果 16home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：17home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：9将工具箱中将工具箱中“数据数据”选项卡中的选项卡中的“GradView”控件拖拽到设计页面中，将控件拖拽到设计页面中，将控件控件ID命名为命名为“grdvGoodsManage”。18home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：GradView常用属性如下表常用属性如下表19home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：10.将工具箱中将工具箱中“数据数据”选项卡中的选项卡中的“ObjectDataSource”控件拖拽到设计页控件拖拽到设计页面中，将控件面中，将控件ID命名为命名为“obdsGoodsManage”。11.选择选择“智能标记智能标记”，就是控件右上方的小，就是控件右上方的小三角，选择三角，选择“配置数据源配置数据源”。20home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：12选择业务对象选择业务对象 21home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：13定义数据方法，分别定义选择和删除操定义数据方法，分别定义选择和删除操作作 22home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：23home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：14.定义参数，完成配置操作定义参数，完成配置操作 24home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：15.ObjectDataSource控件的代码控件的代码 25home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：16选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将 DataSourceID属性设为属性设为“obdsGoodsManage”。17选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将AllowPaging属性选为属性选为“True”。这样。这样“GradView”控件允许分页显示。控件允许分页显示。PageSize设设为为“15”。18选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将AutoGenerateColumns属性选为属性选为“False”。19选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将DataKeyNames属性设为属性设为“GOODSID”。20选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将EmptyDataText属性设为属性设为“暂无信息暂无信息”。26home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：21选择选择“GradView”控件，点中右上方三控件，点中右上方三角形状的智能标记，选择角形状的智能标记，选择“编辑列编辑列”。27home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：22在在“字段字段”窗体中添加编辑绑定字段。窗体中添加编辑绑定字段。比如：物品名称、物品种类、物品简单描比如：物品名称、物品种类、物品简单描述等述等。28home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：23“修改修改”使用超链接字段使用超链接字段HyperLinkField，对绑定到超链接的，对绑定到超链接的NavigateUrl属性的值应用的格式设置为属性的值应用的格式设置为“GoodsUpdate.aspx?id=0”，绑定到，绑定到超链接的超链接的NavigateUrl属性的字段为属性的字段为“GOODSID”。24“删除删除”使用使用CommandField，ShowDeleteButton属性设为属性设为“True”。29home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：25选择选择“GradView”控件，在控件，在“属性属性”窗口中，窗口中，将将RowCreated事件名称设为事件名称设为“grdvGoodsManage_RowCreated”。该事件。该事件在创建行时激发，我们利用它来决定隐藏或者在创建行时激发，我们利用它来决定隐藏或者显示某列。当然如果在编辑绑定字段时，将显示某列。当然如果在编辑绑定字段时，将Visible属性设置为属性设置为“False”，该字段所在列也，该字段所在列也不会显示，但是如果我们同时设置了分页功能，不会显示，但是如果我们同时设置了分页功能，显示分页的位置会被认为是处于第一列，分页显示分页的位置会被认为是处于第一列，分页将不会被显示。所以我们采用下面的方法，分将不会被显示。所以我们采用下面的方法，分页能够正常显示。页能够正常显示。30home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：31home back first prev next last失物招领失物招领-表示层表示层(Web)l失物招领信息管理页面失物招领信息管理页面-设计实现：设计实现：26.最终运行效果最终运行效果32home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 1.生成添加失物招领信息页面生成添加失物招领信息页面GoodsInsert.aspx，按照静态页面模版，按照静态页面模版，将相应的控件放入页面中。将相应的控件放入页面中。33home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 2.在在“捡取时间捡取时间”项中，采用项中，采用Ajax工具箱控工具箱控件件CalendarExtender。3.在页面上方加入以下代码：在页面上方加入以下代码：34home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 4.页面中页面中“捡取时间捡取时间”位置的代码：位置的代码：35home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 5.提交时需要先验证提交时需要先验证 36home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 6.客户端验证的客户端验证的javascript代码代码 37home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 7.提交按钮的提交按钮的Click事件事件 38home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 8.设计页面的布局显示设计页面的布局显示 39home back first prev next last失物招领失物招领-表示层表示层(Web)l添加失物招领信息添加失物招领信息 9.编译运行的实际效果编译运行的实际效果 40home back first prev next last失物招领失物招领-表示层表示层(Web)l修改失物招领信息修改失物招领信息1.生成修改失物招领信息页面生成修改失物招领信息页面GoodsUpdate.aspx。41home back first prev next last失物招领失物招领-表示层表示层(Web)l修改失物招领信息修改失物招领信息2.声明对象声明对象 42home back first prev next last失物招领失物招领-表示层表示层(Web)l修改失物招领信息修改失物招领信息3.Page_Load事件事件 43home back first prev next last失物招领失物招领-表示层表示层(Web)l修改失物招领信息修改失物招领信息4.修改提交按钮修改提交按钮btnSubmit_Click事件事件 44home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)lGoods.cs代码代码 45home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)l添加一条记录添加一条记录 46home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)l删除表中数据删除表中数据 47home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)l更新数据更新数据 48home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)l按按ID查找一条数据查找一条数据 49home back first prev next last失物招领失物招领-业务逻辑层业务逻辑层(BLL)l获得数据列表获得数据列表 50home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码 151home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码252home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码3 53home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码 454home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码 555home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码 656home back first prev next last失物招领失物招领-数据访问层数据访问层lGoods.cs代码代码 757home back first prev next last失物招领失物招领-数据访问层数据访问层l添加一条记录添加一条记录 58home back first prev next last失物招领失物招领-数据访问层数据访问层l删除表中数据删除表中数据 59home back first prev next last失物招领失物招领-数据访问层数据访问层l更新数据更新数据1 60home back first prev next last失物招领失物招领-数据访问层数据访问层l更新数据更新数据2 61home back first prev next last失物招领失物招领-数据访问层数据访问层l按按ID查找一条数据查找一条数据1 62home back first prev next last失物招领失物招领-数据访问层数据访问层l按按ID查找一条数据查找一条数据2 63home back first prev next last失物招领失物招领-数据访问层数据访问层l获得数据列表获得数据列表1 64home back first prev next last失物招领失物招领-数据访问层数据访问层l获得数据列表获得数据列表2 65home back first prev next last失物招领失物招领-数据访问层数据访问层l获得数据列表获得数据列表 366home back first prev next last失物招领失物招领-数据访问工厂层数据访问工厂层l数据访问工厂层数据访问工厂层(DALFactory)167home back first prev next last失物招领失物招领-数据访问工厂层数据访问工厂层l数据访问工厂层数据访问工厂层(DALFactory)268home back first prev next last失物招领失物招领-数据访问接口层数据访问接口层l数据访问接口层数据访问接口层(IDAL)69home back first prev next last失物招领失物招领-公用模块公用模块l公用模块公用模块(DBUtility)-OracleHelper.cs 70home back first prev next last本课总结本课总结l多层框架的应用实现：多层框架的应用实现：数据实体层数据实体层(Model)的实现的实现 表示层表示层(Web)的实现的实现：业务逻辑层业务逻辑层(BLL)的实现的实现 数据访问工厂层数据访问工厂层(DALFactory)的实现的实现 数据访问接口层数据访问接口层(IDAL)的实现的实现 公用模块公用模块(DBUtility)的实现的实现