《项目实战新闻发布系统课程.ppt》由会员分享，可在线阅读，更多相关《项目实战新闻发布系统课程.ppt（74页珍藏版）》请在金锄头文库上搜索。
1、第9章 项目实战:新闻发布系统,本章要点 新闻发布系统概念及作用 新闻发布系统后台架构 新闻栏目管理功能实现 新闻内容管理功能实现 FckEditor在线编辑器的使用 用户权限管理功能实现 前台动态页面开发流程,新闻发布系统概述 新闻发布系统就是一个把杂乱无章的新闻信息有效得组织起来并以有序的方式呈现给前端客户的一个信息系统，系统主要实现对新闻的分类,管理,检索,浏览等一系列问题，从而为用户提供一个美观，大方，快速的前台新闻阅读界面。 新闻发布系统应包括以下功能： 1系统登录及权限控制 2新闻栏目管理 3新闻内容发布 4新闻内容审核,表9-1 一级栏目表,表9-2 二级栏目表,表9-3 新闻表
2、,表9-4 用户角色表,表9-5 用户表,后台系统框架设计 本项目采用框架集的形式完成后台设计，具体步骤如下： 1）利用VS2005建立名为Jsjx的网站，可以保存在D盘根目录下，也可以按照自身需求放在某个目录下。 2）在新创建的解决方案上，右键，选择“新建文件夹”选项，并将新添加的文件夹改名为“Admin”，如图9.1所示。,图9.1 添加文件夹,3）在Admin文件夹下添加名为images和css的子文件夹，文件夹中的素材可从本书源代码中对应文件夹拷贝。 4）创建名为Default.aspx的Web窗体，代码如下：1.txt 4）在Admin文件夹下分别添加名为“FrameTop.aspx
3、”、“FrameBottom.aspx”、“FrameLeft.aspx”、“MainPage.aspx”的Web窗体，具体代码可参考源代码中的内容，程序目录结构如图9.2所示：,图9.2 系统框架文件结构,5）最终运行效果如图9.3所示：,图9.3 系统框架运行界面,新闻栏目管理 新闻栏目管理模块操作数据库中的一级栏目表（Level1）和二级栏目表(Level2)，使用的控件包括AccessDataSource、GridView和DetailsView等。 实现一级栏目管理 实现对一级栏目进行增加、修改、删除和浏览的具体操作步骤如下： 1）在完成后台系统框架的基础上，在admin目录下创建c
4、hannel子目录，并建立如图9.4所示的页面文件：,图9.4 创建页面文件,2）在Level1Insert.aspx文件上，添加DetailsView控件，配置数据库为Level1，并将DefaultMode改为Insert，如图9.5所示。,图9.5 添加DetailsView控件,3）将DetailsView对应的数据源控件AccessDataSource1的InsertQuery属性修改为如图9.6所示：,图9.6 修改InsertQuery属性,4）选中DetailsView1控件，在VS2005的属性对话框中，为DetailsView1添加ItemInserted事件，如图9.7所
5、示：,图9.7 添加ItemInserted,最终代码如下： protected void DetailsView1_ItemInserted(object sender, DetailsViewInsertedEventArgs e) ClientScript.RegisterStartupScript(this.GetType(), “insertlevel1“, “alert(添加成功);“); ,5）在Level1View.aspx页面上拖拽GridView控件，配置Access数据源，指向Level1表，并将表头改为中文。而后，通过“GridView任务”对话框构建“启用删除”选项，
6、并添加HyperLink列，HyperLink列属性如图9.8所示：,图9.8 添加超链接列切换到编辑新闻栏目页面,6）采用和Level1Insert.aspx的方法来设置Level1Edit.aspx页面，注意要用到第6章讲述的方法为AccessDataSource数据源设置Select语句的QueryString参数，如图9.10所示。,图9.9 设置AccessDataSource数据源的Select语句参数,实现二级栏目管理 二级栏目管理的操作和添加一级栏目类似，其中不同的地方主要有： 1）在“Level2Insert.aspx”、“Level2Edit.aspx”文件中，利用Deta
7、ilsView添加二级栏目时，需要让用户选择一级栏目内容，做法是将Level1ID列转换为模版列，而后选择编辑模版，利用DropDownList控件实现选择下拉列表功能，如图9.10所示。,图9.10 利用模板列实现一级栏目的选择功能,2）在“Level2View.aspx”文件中，注意在配置完AccessDataSource数据源控件后，将数据源控件的“SelectQuery”属性设置为如下代码： SELECT Level2.id, Level2.Level1ID, Level2.Name, Level2.IsVisible, Level2.ShowNo, Level1.Name AS Le
8、vel1Name FROM (Level1 INNER JOIN Level2 ON Level1.id = Level2.id) ORDER BY Level2.Level1ID,Level2.ShowNo 注意一定要在配置完AccessDataSource数据源控件后再修改“SelectQuery”属性，这样做的好处是，可以继续利用GridView控件对应的“GridView”对话框中的“启用删除”等功能。,z新闻内容管理 9.4.1 在线编辑器简介 HTML在线编辑器就是用于在线编辑的工具，编辑的内容是基于HTML的文档。因为它可用于在线编辑基于HTML的文档，所以，它经常被应用于留言板
9、留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方，是Web应用的常用模块之一。 在线编辑器具备以下特点： 1)所见即所得 通过编辑器，编辑的文字和图片等HTML标记输出到页面的效果和编辑时显示的效果一致，无需经过其他步骤的转换和编码，能让用户方便地对编辑的内容进行修改和排版。 2)自动转换HTML代码 在编辑状态编辑的文字、图片等内容都在后台状态下自动转换为可被浏览器识别的HTML标记语言；而且用户可以在代码状态下对代码标记进行修改和排版。,3)简单易用 4)方便快捷 使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文内容，与纯手工编写代码进行编辑的方式比较，可以节省大
10、量的时间和精力。 5)与系统现有内容兼容、吻合 利用编辑器提供的功能，可以方便地把系统已上传的图片动画影音文件加载到网页内容中，也可以通过插入信息组件与其他网页内容进行整合。,本节采用的在线编辑器是FckEditor,使用该控件的步骤如下： 1）通过FCKeditor的官方网站是：http:/ 2）分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。 3）解压FCKeditor.NET.zip包后，在FCKeditor.Net_2.2binDebug目录里找到FredCK.FCKeditorV2.dll，把该复制到网站的Bin目录下，如果不存在该目录，可
11、以在根目录下创建Bin目录。,实现新闻录入功能 本节利用FckEditor控件实现新闻内容添加功能，具体步骤如下： 1）创建News表，表结构如图9.11所示：,图9.11 News数据库,2）修改web.config文件，将appsetting,connectionstring改为如下格式： ,3）在VS2005的解决方案资源管理中选中网站，点击鼠标右键，在弹出菜单中执行“添加ASP.NET文件夹” “App_Code”命令，向网站中添加App_Code文件夹，并在该文件夹下添加Common类，代码如下：2.txt 4）将FckEditor的整个文件夹拷贝到根目录下，将FredCK.FCKe
12、ditorV2.dll拷贝到Bin目录下（没有该目录可新建），并在项目中对该dll添加引用，在web.config的appsettings节点下，添加如下代码： 5）在VS2005工具箱上点击鼠标右键，在弹出菜单中执行“选择项”命令，在弹出的“选择工具箱项”对话框中，点浏览按钮，选择FredCK.FCKeditorV2.dll，从而在选项卡中添加FckEditor控件，如图9.12所示。,图9.12 选择工具箱项,6）在admin目录下新建名为“News”的文件夹，并添加“NewsInsert.aspx”文件，如图9.13所示。,图9.13 添加NewsInsert.aspx文件,7）通过添加
13、TextBox、Button、DropDownList等控件，将添加新闻界面设计为如图9.14所示，注意必添字段验证：,图9.14 添加新闻界面,图9.14 添加新闻界面,8）为一级栏目的DropDownList控件按如图9.15所示设置数据源：,图9.15 设置数据源,在数据源控件的添加Where子句对话框中，按图9.16进行配置：,图9.16 设置Where子句,9）在DropdownList控件中添加如图9.17所示的项，并将该控件的AppendDataBoundItems和AutoPostBack属性设置为True。,图9.17 添加项,9）为一级栏目的DropDownList控件配置
14、如图9.18所示的显示字段和值字段：,图9.18 配置显示字段和值字段,10）二级栏目DropDownList控件的配置基本和一级栏目类似，但是要注意where子句的配置，将之设置为如图9.20所示的形式：,图9.20 二级栏目Where子句,11）二级栏目的Selece语句如图9.21所示,图9.21 二级栏目Select语句,12）为“InsertNews.aspx”页面上的“保存”按钮添加Click事件，并添加如下代码：3.txt 13）修改“NewsInsert.aspx”页面的声明，将ValidateRequest设置为false，如下所示： 14）运行程序，界面如图9.22所示：,
15、图9.22 添加新闻,实现新闻编辑功能 新闻编辑功能具体实现步骤如下： 1）在Admin/News文件夹下添加名为“NewsView.aspx”的窗体文件，向该窗体中拖动GridView控件，配置数据源为AccessDataSource,SQL语句配置为如图9.23所示。,图9.23 SQL语句设置,2）将GridView中的字段均配置为中文，并添加HyperLinkField字段，具体设置如图9.24所示：,图9.24 设置HyperLink字段指向新闻编辑页面,3）添加名为“NewsEdit.aspx”的页面文件，界面和NewsInsert类似，在NewsEdit.aspx.cs中，添加如
16、下代码：4.txt 4）在一级栏目对应的下拉列表框的DataBound事件中添加如下代码： protected void ddlLevel1_DataBound(object sender, EventArgs e) InitControl(); ,5）双击保存按钮，在btnSave_Click事件中添加如下代码：5.txt 6）程序执行效果如图9.25、图9.26所示。,图9.25 浏览新闻页面,图9.26 通过编辑HyperLink字段链接到修改页面,实现新闻批量删除与批量审核功能 新闻批量删除与批量审核功能实现步骤如下： 1）打开db.mdb，修改News表，添加checked字段，如图9.27所示：,图9.27 添加Checked字段，标识是否通过审核,2）修改admin目录中的NewsView.aspx文件的
