第3章 栏目页操作.doc

第3章 栏目页操作 栏目是一个新闻网站的基础，所有新闻最终都归类到相应的栏目之中。栏目名应该是动态的可以随时增加或修改调整的。甚至各栏目在网站中排布的位置也是可调整的。这样的新闻网站才具有适应性。栏目页的主要功能是对栏目进行以下操作：增加栏目项，修改栏目名，删除栏目项，变动栏目项所在位置。 3.1 建立栏目文件夹及栏目管理页 不同功能的操作放在不同的文件夹中，非常有利于网站的权限管理。分离的权限管理可以使得网站权限清晰，层次分明，同时减少权限管理的工作量。 3.1.1 建立栏目及新闻文件夹 在“解决方案资源管理器”的F:\WebNews中右击，再点新建文件夹，分别建立LMIO和NEWIO文件夹，用于存放栏目操作页和新闻操作页，如图3.1-1。建立不同文件夹的目地是方便进行“权限管理”。 图3.1-1 建立栏目文件夹LMIO和新闻文件夹NEWIO 3.1.2 新建栏目管理页 为统一网站样式布局，此页是建立在母版页的基础之上，由母版页决定其基本的布局格式。这是本网站建立的第一个页面，步骤非常详细，之后的网页新建过程就会略过。 1．在LMIO文件夹上右击，点击“添加新项”。如图3.1-2。 图3.1-2 新建栏目操作页 2．选中“WEB窗体”，在名称栏中改名为“lmio.aspx”，勾选中“选择母版页”，点“添加”。如图3.1-3 图3.1-3 新建有母版页的栏目操作页LmIo.aspx 3．选择母版页，点“确定”。如图3.1-4 图3.1-4 选中母版页 4．在lmio.aspx页的HTML代码页中改Title=无标题页，如图3.1-5。为Title=栏目操作页，加入div /div，因为vs2008有个毛病，工具箱中的控件直接加入到页面之中后，用鼠标点击不到，无法操作，而先加入div/div或table/table，再将控件加入div /div中，用鼠标点击就能顺利操作（打开属性窗口，拖动大小），如图3.1-6，此为网页的标题名。要养成修改页面标题的好习惯。 图3.1-5 修改前的代码 图3.1-6 修改以后的代码 3.2 栏目页设计制作准备 点lmio.aspx页的“设计”进入设计视图，点图标打开工具箱。图3.2-1左边为存放所有控件对象的工具箱，右边为设计视图。工具箱中的控件对象要加入到网页中才能发挥作用。页面中加入工具箱对象的方法有多种，可以在工具箱中用鼠标点住控件对象将其拖入到页面，也可以直接在工具箱中鼠标双击要加入的控件对象到光标所在点。 图3.2-1 工具箱中控件对象加入页面操作 3.3 栏目页中GridView对象操作 3.3.1 加入GridView1对象 显示表格数据是软件开发中的一个任务。ASP.NET 提供了许多工具来在网格中显示表格数据GridView 控件。通过使用 GridView 控件，可以显示、编辑和删除多种不同的数据源中的数据。GridView的使用。 使用 GridView 可以执行以下操作： 通过数据源控件自动绑定和显示数据。 通过数据源控件对数据进行选择、排序、分页、编辑和删除。 还可以通过执行以下操作来自定义 GridView 控件的外观和行为： 指定自定义列和样式。 利用模板创建自定义用户界面 (UI) 元素。 通过处理事件将自己的代码添加到 GridView 控件的功能中。dView1的任务 GridView是专门用于显示及操作表格数据的对象。要让GridView显示及操作数据，就必须将GridView和数据源（使用SQL命令或者数据库中的表抽取数据）进行绑定。 1．启动GridView任务 将鼠标的箭头移入GridView1对象之中，并点击GridView1对象右上角的，出现GridView任务。如图3.3-2，“GridView任务”就是进行数据绑定和对其进行显示格式设置的工具。 2．新建GridView1对象的数据源 点“选择数据源”的下拉按钮，点“新建数据源”，再点“数据库”，点“确定”。如图3.3-3。 图3.3-3 数据源的ID值 注意：此处对数据源没有重新取名，使用得是系统提供的默认名SqlDataSource1。以后要养成改名的好习惯，因为取一个见名识意的名字能让以后的维护工作少走很多弯路。 3.3.3 配置GriaView1对象的数据源 1. 点下拉框，选中ASPNETDB.MDF数据库，点“下一步”，如图3.3-4。 图3.3-4 选择网站中的数据库连接 注意：第一次进行数据连接时会出现ASPNETDB.MDF数据库名，以后不会出现。如果数据库名没有出现，最简单可靠的方法是将VS系统关掉，重新再打开，即可，如还是不出现数据库名，则是未建立数据库。请按1.2节去建立数据库。 2. 改ConnectionString为Conn，如图3.3-5。点“下一步”。 图