1 / 23

【 任务描述 】

留言板系统 实践. 首页设计 6. 【 任务描述 】. 留言板首页主要是将数据库中检索到的留言主题信息显示出来，用户可在界面左侧选择“查看主题”、“发表留言”、“用户注册”、“我的留言”、“留言管理”相应的主题后，在界面的右侧将显示相应的界面。 系统首页包括的主要功能有： 有关留言查看、回复、发表、管理等界面的连接 母版页的制作，从而形成整个系统的统一风格 显示留言主题列表.

aria
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. 留言板系统 实践 首页设计 6 【任务描述】 • 留言板首页主要是将数据库中检索到的留言主题信息显示出来，用户可在界面左侧选择“查看主题”、“发表留言”、“用户注册”、“我的留言”、“留言管理”相应的主题后，在界面的右侧将显示相应的界面。 • 系统首页包括的主要功能有： • 有关留言查看、回复、发表、管理等界面的连接 • 母版页的制作，从而形成整个系统的统一风格 • 显示留言主题列表

  2. 留言板系统 实践 首页设计 6 【任务描述】

  3. 留言板系统 实践 首页设计 6 【任务分析】 为了给访问者一致的视觉效果，每个网站都需要具有统一的风格和布局，因此在包括首页在内的多数页面都采用了母版页，极大地简化为站点创建一致外观的任务。系统首页的另一主要部分是制作一个用户自定义控件ShowSubject.ascx，该控件将数据动态绑定到客户端控件表格中。在ShowSubject.ascx.cs文件中编写GetList()方法，功能是动态生成一个表格，并将数据库字段内容添加到表格中，再将前台中一个单元格绑定到这个GetList()方法中。

  4. 留言板系统 实践 首页设计 6 【相关知识与技能】 母版页 母版页的主要功能是为ASP.NET应用程序创建统一的用户界面和样式，是具有.master的ASP.NET文件，它可以包含静态布局，定义了网页的构架，包含 页面的公共部分，并为可制定区域留下了占位符（即ContentPlaceHolder控件）。

  5. 留言板系统 实践 首页设计 6 【相关知识与技能】

  6. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 创建母版页 • 打开网站的解决方案，右击网站名称，在弹出的快捷菜单中选择“添加新项”命令。 • 打开“添加新项”对话框，选择“母版页”，默认名为MasterPage.master。单击“添加”按钮就可以创建一个新的母版页。如下图所示：

  7. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 使用母版页 • 打开“添加新项”对话框，选择“Web窗体”并为其命名，同时选中“将代码放在单独的文件中”和“选择母版页”复选框，单击“添加”按钮。如下图所示：

  8. 留言板系统 实践 首页设计 6 【相关知识与技能】 在弹出的“选择母版页”对话框中，选择一个母版页，单击“添加”按钮，就可以创建一个内容页了。

  9. 留言板系统 实践 首页设计 6 【相关知识与技能】 2. 用户自定义控件 用户控件最简单的一个定义是ASP.NET布局代码中可重用的部分，它以.ascx为扩展名进行保存。用户自定义控件本身是ASP.NET网页的一部分，被封装在一个单独的文件中，可在一个应用程序中根据需要多次重用。

  10. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 创建及使用Web用户控件 • 打开解决方案资源管理器，在项目名称中右击，在弹出的快捷菜单中选择“添加新项”选项，将弹出的“添加新项”对话框中，选择“Web用户控件”项，并为其命名，单击“添加”按钮将Web用户控件添加到项目中。

  11. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 打开已创建好的Web用户控件，在.ascx文件中可以直接往页面上添加各种服务器控件以及静态文本、图片等。 • 双击页面上的任何位置，或者直接按下快捷键“F7”，可以切换到后台代码文件，程序开发人员可直接在文件中编写程序控件逻辑，包括定义各种成员变量、方法以及事件处理程序等。

  12. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 将Web用户控件添加至网页 • 在解决方案资源管理器中，单击要添加至网页的用户控件。 • 按住鼠标左键，拖动至网页上，如下图所示：

  13. 留言板系统 实践 首页设计 6 【相关知识与技能】 • 在已添加的用户控件上右击，在弹出的快捷菜单中选择“属性”选项，打开属性窗口，用户可以在属性窗口中修改用户控件的属性。如下图所示：

  14. 留言板系统 实践 首页设计 6 【任务实施】 • 创建母版页 • 打开网站的解决方案，右击网站名称，在弹出的快捷菜单中选择“添加新项”命令。 • 打开“添加新项”对话框，选择“母版页”，默认名为MasterPage.master。单击“添加”按钮就可以创建一个新的母版页。如下图所示：

  15. 留言板系统 实践 首页设计 6 【任务实施】

  16. 留言板系统 实践 首页设计 6 【任务实施】 编辑母版页，包含留言板标题，导航栏及相应连接效果如下：

  17. 留言板系统 实践 首页设计 6 【任务实施】 • 2. 创建用户控件ShowSubject.ascx • 打开解决方案资源管理器，在项目名称中右击，在弹出的快捷菜单中选择“新建文件夹”选项，命名为UserControls。 • 右击UserControls文件夹，在弹出的快捷菜单中选择“添加新项”选项，将弹出的“添加新项”对话框中，选择“Web用户控件”项，并为其命名，单击“添加”按钮将Web用户控件添加到项目中。

  18. 留言板系统 实践 首页设计 6 【任务实施】

  19. 留言板系统 实践 首页设计 6 【任务实施】 • 在ShowSubject.ascx.cs文件中创建GetList方法，以表格形式显示留言表中Subject字段内容。

  20. 留言板系统 实践 首页设计 6 【任务实施】 • 3. 创建系统首页Index.aspx • 打开网站解决方案，右击网站名称，在弹出的快捷菜单中选择“添加新项”命令。 • 打开“添加新项”对话框，选择“Web窗体”，命名为Index.aspx。单击“添加”按钮就可以创建一个新的页面。如下图所示：

  21. 留言板系统 实践 首页设计 6 【任务实施】 • 在弹出的“选择母版页”对话框中，选择刚才创建的母版页MasterPage.master，单击“添加”按钮。

  22. 留言板系统 实践 首页设计 6 【任务实施】 • 在系统首页Index.aspx页面中使用ShowSubject.ascx控件，运行效果如下：

  23. 留言板系统 实践 首页设计 6 【任务小结】 用户控件的使用可以减少开发人员的工作量，在设计用户控件时，可以将已创建好的控件添加到某个用户控件中。在本例中，由于GetList方法中调用到了SqlDataReader类，所以要添加命名空间using System.Data.SqlClient。

More Related