1 / 70

多层框架应用－失物招领

多层框架应用－失物招领. 上章回顾. ASP.NET AJAX 介绍，了解 asp.net ajax 的版本变更。 AJAX Extensions 的服务器控件： ScriptManager 控件 的功能以及使用 ScriptManagerProxy 控件的功能以及使用 UpdatePanel 控件的功能以及使用 UpdateProgress 控件的功能以及使用 Timer 控件的功能以及使用 AJAX Control Toolkit 中的典型控件： AutoComplete 控件 的功能，控件的使用方法 Calendar 控件 的功能，控件的使用方法

dessa
Download Presentation

多层框架应用－失物招领

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 多层框架应用－失物招领

  2. 上章回顾 • ASP.NET AJAX介绍，了解asp.net ajax的版本变更。 • AJAX Extensions 的服务器控件： • ScriptManager控件 的功能以及使用 • ScriptManagerProxy控件的功能以及使用 • UpdatePanel控件的功能以及使用 • UpdateProgress控件的功能以及使用 • Timer控件的功能以及使用 • AJAX Control Toolkit中的典型控件： • AutoComplete 控件 的功能，控件的使用方法 • Calendar控件 的功能，控件的使用方法 • TextBoxWatermark控件 的功能，控件的使用方法

  3. 本章目标 • 多层框架的应用实现： • 数据实体层(Model)的实现 • 表示层(Web) 的实现 ： • 失物招领信息管理页面 • 添加失物招领信息页面 • 修改失物招领信息页面 • 业务逻辑层(BLL) 的实现 • 数据访问层(OracleDAL) 的实现 • 数据访问工厂层(DALFactory) 的实现 • 数据访问接口层(IDAL) 的实现 • 公用模块(DBUtility) 的实现

  4. 失物招领 • 数据实体层(Model)

  5. 失物招领--表示层(Web) • 失物招领信息管理页面 • 生成失物招领信息管理页面GoodsManage.aspx • 选择MasterPage.master作为它的母板页

  6. 失物招领--表示层(Web) • 失物招领信息管理页面

  7. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： • 将工具箱中“HTML”选项卡中的“select”控件拖拽到设计页面中，将控件ID命名为“SelectSearch”。 选中控件，点击右键，选择“作为服务器控件运行”，将此控件转为服务器控件，即：runat=“server”。

  8. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 点击右键，选“属性”，在弹出窗体中添加select元素的选项

  9. 失物招领--表示层(Web) • 失物招领信息管理页面 --设计实现： 2．将工具箱中“标准”选项卡中的“TextBox”控件拖拽到设计页面中，将控件ID命名为“txtSearch”。 3．将工具箱中“标准”选项卡中的“Button”控件拖拽到设计页面中，将控件ID命名为“btnSearch”，Text中输入"查询"，用于显示按钮的名字。

  10. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 4．双击“查询”按钮，生成OnClick事件“btnSearch_Click” 。

  11. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 5.在查询之前需要先判断文本输入框中的条件是否符合规范，在服务器按钮中加入客户端事件“OnClientClick”，事件名称为 OnClientClick=“return CheckSearch()”。调用的javascript代码如下：

  12. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现：

  13. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 6．点选“是否处理”时将文本框隐藏

  14. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 7.删除记录时，弹出确认框

  15. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 8．为了将页面功能区域划分清晰可加入标签<fieldset> </fieldset>，将标签<fieldset> </fieldset>放到代码之外，这样页面上就会显示框线效果

  16. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现：

  17. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 9．将工具箱中“数据”选项卡中的“GradView”控件拖拽到设计页面中，将控件ID命名为“grdvGoodsManage”。

  18. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： GradView常用属性如下表

  19. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 10.将工具箱中“数据”选项卡中的“ObjectDataSource”控件拖拽到设计页面中，将控件ID命名为“obdsGoodsManage”。 11.选择“智能标记”，就是控件右上方的小三角，选择“配置数据源…”。

  20. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 12．选择业务对象

  21. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 13．定义数据方法，分别定义选择和删除操作

  22. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现：

  23. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 14.定义参数，完成配置操作

  24. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 15. ObjectDataSource控件的代码

  25. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 16．选择“GradView”控件，在“属性”窗口中，将 DataSourceID属性设为 “obdsGoodsManage”。 17．选择“GradView”控件，在“属性”窗口中，将AllowPaging属性选为 “True”。这样“GradView”控件允许分页显示。PageSize设为“15”。 18．选择“GradView”控件，在“属性”窗口中，将AutoGenerateColumns属性选为 “False”。 19．选择“GradView”控件，在“属性”窗口中，将DataKeyNames属性设为 “GOODSID”。 20．选择“GradView”控件，在“属性”窗口中，将EmptyDataText属性设为 “暂无信息”。

  26. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 21．选择“GradView”控件，点中右上方三角形状的智能标记，选择“编辑列…”。

  27. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 22．在“字段”窗体中添加编辑绑定字段。比如：物品名称、物品种类、物品简单描述等 。

  28. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 23．“修改”使用超链接字段HyperLinkField，对绑定到超链接的NavigateUrl属性的值应用的格式设置为“GoodsUpdate.aspx?id={0}”，绑定到超链接的NavigateUrl属性的字段为“GOODSID”。 24．“删除”使用CommandField，ShowDeleteButton属性设为“True”。

  29. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 25．选择“GradView”控件，在“属性”窗口中，将RowCreated事件名称设为 “grdvGoodsManage_RowCreated”。该事件在创建行时激发，我们利用它来决定隐藏或者显示某列。当然如果在编辑绑定字段时，将Visible属性设置为“False”，该字段所在列也不会显示，但是如果我们同时设置了分页功能，显示分页的位置会被认为是处于第一列，分页将不会被显示。所以我们采用下面的方法，分页能够正常显示。

  30. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现：

  31. 失物招领--表示层(Web) • 失物招领信息管理页面--设计实现： 26.最终运行效果

  32. 失物招领--表示层(Web) • 添加失物招领信息 1. 生成添加失物招领信息页面GoodsInsert.aspx， 按照静态页面模版，将相应的控件放入页面中。

  33. 失物招领--表示层(Web) • 添加失物招领信息 • 在“捡取时间”项中，采用Ajax工具箱控件CalendarExtender 。 • 在页面上方加入以下代码：

  34. 失物招领--表示层(Web) • 添加失物招领信息 4.页面中“捡取时间”位置的代码：

  35. 失物招领--表示层(Web) • 添加失物招领信息 5.提交时需要先验证

  36. 失物招领--表示层(Web) • 添加失物招领信息 6. 客户端验证的javascript代码

  37. 失物招领--表示层(Web) • 添加失物招领信息 7.提交按钮的Click事件

  38. 失物招领--表示层(Web) • 添加失物招领信息 8.设计页面的布局显示

  39. 失物招领--表示层(Web) • 添加失物招领信息 9.编译运行的实际效果

  40. 失物招领--表示层(Web) • 修改失物招领信息 1. 生成修改失物招领信息页面GoodsUpdate.aspx。

  41. 失物招领--表示层(Web) • 修改失物招领信息 2.声明对象

  42. 失物招领--表示层(Web) • 修改失物招领信息 3.Page_Load事件

  43. 失物招领--表示层(Web) • 修改失物招领信息 4. 修改提交按钮btnSubmit_Click事件

  44. 失物招领--业务逻辑层(BLL) • Goods.cs代码

  45. 失物招领--业务逻辑层(BLL) • 添加一条记录

  46. 失物招领--业务逻辑层(BLL) • 删除表中数据

  47. 失物招领--业务逻辑层(BLL) • 更新数据

  48. 失物招领--业务逻辑层(BLL) • 按ID查找一条数据

  49. 失物招领--业务逻辑层(BLL) • 获得数据列表

  50. 失物招领--数据访问层 • Goods.cs代码 1

More Related