讲课人：王璞 浙江工商职业技术学院.

Presentation on theme: "讲课人：王璞 浙江工商职业技术学院."— Presentation transcript:

1 讲课人：王璞 浙江工商职业技术学院

2 登录界面 登录界面用于进行管理员的身份验证，管理员可以在后台进行登录执行相应的新闻操作，如果管理员为合法用户，则允许进行新闻操作，否则不允许进行新闻操作。代码使用了 TextBox 控件以及验证控件和按钮控件，这些控件用于验证用户输入的是否正确并且判断用户是否为合法管理员，管理员可以通过该页面进行登录操作。如果登录成功，系统会跳转到后台管理框架集中，如果登录不成功，则会提示相应的错误信息。

3 后台框架集 后台操作中，为了提高页面的友好度，可以使用框架集进行后台开发，框架集是多个网页组成的一个页面，使用框架集能够在不刷新的情况下进行页面跳转，使用Microsoft Expression Web 2可以制作框架集。 在Microsoft Expression Web 2中，单击【文件】选项，在下拉菜单中单击【新建】选项，单击【网 站】选项，在弹出窗口中选择框架集，如图左所示。框架集可以将多个页面放置在同一个页面，在Microsoft Expression Web 2 中可以创建框架集并为框 架集中的页面进行指定或新建，如图右所示。 显示后台管理的基本信息 显示 操作 主操作区 页面中的代码使用了一个框架集。在该框架集中包括三个页面，这三个页面分别为 top.aspx、left.aspx 和 center.aspx，其中 top.aspx 用于显示相应的信息，主要是用来作为导航或者后台提示，left.aspx 用于显示导航，使用 TreeView 控件能够为该页面制作相应的导航，而 center.aspx 用于呈现相应的操作页面， 在这里可以被成为主工作区。

4 后台框架集 开发人员能够在不同的页面进行布局，控件拖动和事件等操作，当用户访问框架集时，各个页面之间互不影响，可以在框架集之间进行页面跳转，Left.aspx页面代码使用了TreeView控件在left.aspx页面中添加了导航信息，但是上述代码并没有配置TreeView控件中相应字段的URL属性，开发人员可以通过TreeView控件的属性进行配置。这里只提供left.aspx代码，对于其他页面的代码可以自行布局显示。如图所示。

5 新闻发布页面 新闻发布页面是新闻系统中最为重要的页面，新闻发布页面主要使用 ADO.NET 进行新闻的发布和提交等操作，管理员能够在该页面进行新闻填写、新闻分类选择，然后管理员就能够进行新闻数据操作。页面代码使用了基本的文本框控件用于文本的输入，在一些用户数据输入时，为了 保证用户输入的是完整的、符合规范的以及安全的数据，就需要使用下拉菜单控件进行数据呈现。页面代码声明了多个文本框控件和下拉菜单控件用于文本的输入和呈现，管理员还需要通过数据源控件进行数据绑定并通过按钮控件进行数据提交。 新闻发布页面使用了数据源控件进行新闻分类的绑定，这也就是说明了在新闻添加之前，必须要选择新闻分类，否则新闻分类没有被填写，系统就会提示错误。在新闻页面设计中，使用TextBox控件和验证控件对管理员的操作进行验证和控制，如果管理员没有填写相应的信息，则系统会提示管理员填写， 当管理员填写完成后，就可以单击控件进行提交。

6 新闻修改页面 新闻修改页面可以使用控件进行编写，新闻修改页面的数据获取同样需要从传递的参数中进行选择和判断，在ASP.NET 3.5中提供了一些数据绑定控件能够进行相应的数据的查询和更新，这里使用DetailsView控件。代码使用DetailsView控件进行数据绑定并能够使用DetailsView控件自带的更新功能进行数据更新。由于新闻更改页面需要通过获取的参数进行查询和更新，在配置DetailsView控件使用的数据源时，SELECT查询语句必须配置参数，如图所示。 配置 WHERE 子句就能够让数据源通过传递的参数进行相应的数据更新而不会涉及到其他的新闻数据。在配置数据源时，同样需要配置能够自动生成“插入、更新、删除”等操作，这样数据绑定控件才 能够支持数据的插入、更新和删除。在新闻修改页面，只需要进行新闻的更新即可，在配置数据绑定控 件时，无需选择“插入、删除”等操作。

7 新闻管理页面 新闻管理页面可以使用 GridView 控件进行编程，这样不仅能够简化开发人员的开发操作，还能够提高开发效率。由于新闻修改页面是一个单独的页面，而且在单独的页面中进行新闻修改能够提高用户体验，所以在新闻管理页面中就不再使用修改功能，使用GridView控件可以进行相应字段的筛选，在管理页面中，并不需要每个字段都显示。 如果在管理页面同样要呈现content字段的话，那么当content 字段的数据很多，那么页面就会被压缩的很难看，甚至变形。所以在新闻管理页面可以选择显示相应的字段而不显示一些不常用的字段，GridView控件配置后如图所示。 GridView控件自己能够支持删除操作。在 GridView控件中，需要添加HypeLink列进行页面跳转。 当管理人员单击【修改】连接时，就能够跳转到新闻修改页面进行新闻修改，而无需关心新闻修改页面 的开发和维护。

8 新闻分类管理页面 新闻分类管理页面用于管理新闻分类，管理员可以在新闻分类管理页面进行新闻分类的添加和删除，在新闻分类的管理和添加页面中，同样可以使用 ASP.NET 3.5 提供的 ListView 控件进行分页、添加、 修改、删除等操作。ListView控件能够提供数据的插入、更新和删除等功能，对于简单的数据操作可以使用ListView控件进行功能实现，而如果需要复杂的数据操作和页面布局，使用ListView控件就不能很好的完成。 ListView控件通常情况下可以使用到数据较少，数据字段较短的情况下，如果对页面布局要求不是很高， 也可以使用ListView控件。

9