732 后台框架集.ppt

第七章 新闻模块设计 网站开发实战 目 录 第 * 页 Part 7.1 系统 设计 Part 7.2 数据库数据 Part 7.3 界面 设计 Part 7.4 代码 实现 Part 7.5 实例 演示 7.3.1 登录界面 登录界面用于进行管理员的身份验证，管理员可以在后台进行登录执行相应的新闻操作，如果管理员为合法用户，则允许进行新闻操作，否则不允许进行新闻操作。代码使用了 TextBox 控件以及验证控件和按钮控件，这些控件用于验证用户输入的是否正确并且判断用户是否为合法管理员，管理员可以通过该页面进行登录操作。如果登录成功，系统会跳转到后台管理框架集中，如果登录不成功，则会提示相应的错误信息。 7.3.2 后台框架集 后台操作中，为了提高页面的友好度，可以使用框架集进行后台开发，框架集是多个网页组成的一个页面，使用框架集能够在不刷新的情况下进行页面跳转，使用Microsoft Expression Web 2可以制作框架集。 页面中的代码使用了一个框架集。在该框架集中包括三个页面，这三个页面分别为 top.aspx、left.aspx 和 center.aspx，其中 top.aspx 用于显示相应的信息，主要是用来作为导航或者后台提示，left.aspx 用于显示导航，使用 TreeView 控件能够为该页面制作相应的导航，而 center.aspx 用于呈现相应的操作页面， 在这里可以被成为主工作区。 显示后台管理的基本信息 显示 操作 主操作区 在Microsoft Expression Web 2中，单击【文件】选项，在下拉菜单中单击【新建】选项，单击【网 站】选项，在弹出窗口中选择框架集，如图左所示。框架集可以将多个页面放置在同一个页面，在Microsoft Expression Web 2 中可以创建框架集并为框 架集中的页面进行指定或新建，如图右所示。 开发人员能够在不同的页面进行布局，控件拖动和事件等操作，当用户访问框架集时，各个页面之间互不影响，可以在框架集之间进行页面跳转，Left.aspx页面代码使用了TreeView控件在left.aspx页面中添加了导航信息，但是上述代码并没有配置TreeView控件中相应字段的URL属性，开发人员可以通过TreeView控件的属性进行配置。这里只提供left.aspx代码，对于其他页面的代码可以自行布局显示。如图所示。 7.3.2 后台框架集 7.3.3 新闻发布页面 新闻发布页面是新闻系统中最为重要的页面，新闻发布页面主要使用 ADO.NET 进行新闻的发布和提交等操作，管理员能够在该页面进行新闻填写、新闻分类选择，然后管理员就能够进行新闻数据操作。页面代码使用了基本的文本框控件用于文本的输入，在一些用户数据输入时，为了 保证用户输入的是完整的、符合规范的以及安全的数据，就需要使用下拉菜单控件进行数据呈现。页面代码声明了多个文本框控件和下拉菜单控件用于文本的输入和呈现，管理员还需要通过数据源控件进行数据绑定并通过按钮控件进行数据提交。 新闻发布页面使用了数据源控件进行新闻分类的绑定，这也就是说明了在新闻添加之前，必须要选择新闻分类，否则新闻分类没有被填写，系统就会提示错误。在新闻页面设计中，使用TextBox控件和验证控件对管理员的操作进行验证和控制，如果管理员没有填写相应的信息，则系统会提示管理员填写， 当管理员填写完成后，就可以单击控件进行提交。 新闻修改页面可以使用控件进行编写，新闻修改页面的数据获取同样需要从传递的参数中进行选择和判断，在ASP.NET 3.5中提供了一些数据绑定控件能够进行相应的数据的查询和更新，这里使用DetailsView控件。代码使用DetailsView控件进行数据绑定并能够使用DetailsView控件自带的更新功能进行数据更新。由于新闻更改页面需要通过获取的参数进行查询和更新，在配置DetailsView控件使用的数据源时，SELECT查询语句必须配置参数，如图所示。 7.3.4 新闻修改页面 配置 WHERE 子句就能够让数据源通过传递的参数进行相应的数据更新而不会涉及到其他的新闻数据。在配置数据源时，同样需要配置能够自动生成“插入、更新、删除”等操作，这样数据绑定控件才 能够支持数据的插入、更新和删除。在新闻修改页面，只需要进行新闻的更新即可，在配置数据绑定控 件时，无需选择“插入、删除”等操作。 7.3.5 新闻管理页面 新闻管理页面可以使用 GridView 控件进行编程，这样不仅能够简化开发人员的开发操作，还能够提高开发效率。由于新闻修改页面是