新闻发布系统毕业设计毕业论文.docx
《新闻发布系统毕业设计毕业论文.docx》由会员分享,可在线阅读,更多相关《新闻发布系统毕业设计毕业论文.docx(72页珍藏版)》请在冰点文库上搜索。
新闻发布系统毕业设计毕业论文
新闻发布系统毕业设计毕业论文
引言
新闻发布系统是动态建设中经常用到的系统,尤其是政府部门、教育系统或企业。
新闻发布系统的作用就是在网上发布信息,通过对新闻的不断更新,让用户及时了解行业信息、企业状况。
所以新闻发布系统中涉及的主要操作就是访问者的新闻查询功能,和系统管理员对新闻的新增、修改、删除功能,相对比较简单。
本章将要制作的新闻发布系统的网页结构如图5-1所示
图1新闻发布系统结构图
主要掌握以下知识点:
1.新闻发布系统网页结构的整体设计
2.系统数据库的规则
3.新闻发布系统前台新闻的发布功能页面的制作
4.新闻发布系统分类功能设计
5.新闻发布系统后台新增、修改、删除功能的实现
第一章系统的整体设计和规划
的新闻发布系统,在技术上主要提现为如何显示新闻容,以及对新闻及新闻分类的修改和删除。
一个完整新闻发布系统共分为两大部分,一个是访问新闻的动态网页部分,另一个是管理者对新闻进行编辑的动态网页部分。
本系统页面共有11个,整体系统页面的功能与文件名称如表1
需要制作的主要页面
页面名称
功能
新闻首页
index.asp
显示新闻分类和最新新闻页面
新闻分类页面
type.asp
显示新闻分类中的新闻标题页面
新闻容页面
newscontent.asp
显示新闻容页面
后台管理入口页面
admin_login.asp
管理者登录入口页面
后台管理主页面
admin.asp
对新闻进行管理主要页面
新增新闻页面
news_add.asp
增加新闻的页面
修改新闻页面
news_upd.asp
修改新闻的页面
删除新闻页面
news_del.asp
删除新闻的页面
新增新闻分类页面
type_add.asp
增加新闻分类页面
修改新闻分类页面
删除新闻分类页面
type_aupd.asp
type_add.asp
修改新闻分类页面
删除新闻分类页面
1.1页面设计规划
在本地站点上建立站点文件夹NESW,将要制作的新闻发布系统文件夹和文件夹建立如图2
图2站点规划文件夹和文件
1.2网页美工设计
图3新闻首页index.asp效果图
第二章数据库设计与连接
本节主要讲述如何使用Access建立新闻管理系统的数据库,如何使用ODBC在数据库与之间建立动态。
2.1数据库设计
新闻发布系统需要一个用来存储新闻标题title和新闻容content的新闻信息表,还要建立一个新闻分类表和一个管理信息表。
分别命名为news、newstype、admin数据表,将创建的新闻信息表news如图4所示。
图4创建数据库
创建数据库的步骤如下:
1.新闻信息数据表news,新闻分类表newstype和管理信息表的字段如表2,表3,表4所示的结构。
表2新闻信息数据表news
意义
字段名称
数据类型
字段大小
必填字段
允许空串字符
默认值
主题编号
news_id
自动编号
长整型
新闻标题
news_title
文本
50
是
否
新闻分类编号
news_type
数字
是
新闻容
news_content
备注
新闻加入时间
news_date
日期/时间
是
否
=Now()
编辑者
news_author
文本
表3新闻分类信息数据表newstype
意义
字段名称
数据类型
字段大小
必填字段
允许空串字符
默认值
主题编号
type_id
自动编号
长整型
新闻分类
type_name
文本
50
是
否
表4管理信息数据表admin
意义
字段名称
数据类型
字段大小
必填字段
允许空串字符
默认值
主题编号
id
自动编号
长整型
用户名
username
文本
50
是
否
密码
password
文本
50
是
否
2.在MicrosoAccess2007中实现数据库的搭建,首先运行MicrosoAccess2007程序。
然后单击“空白数据库”按钮
在主界面右侧打开“空白数据库”面板,如图5所示
图5打开“空白数据库”面板
3.创建用于存放主要容的常用文件夹,如:
images文件夹,mdb文件夹,flash文件夹,如图6所示。
图6,先设定文件夹
4、再单击“空白数据库”面板上的“浏览到某个位置来存放数据库”按钮,打开“文件新建数据库”对话框,在“保存位置”下拉类表框中选择站点news文件夹中的mdb文件夹中,在“文件名”文本框中输入文件名news,如图7所示。
图7“文件新建数据库”对话框
5、单击“确定”按钮,返回“空白数据库”面板,再单击“空白数据库”面板的“创建”按钮,即在MicrosoftAccess中创建了news_mdb文件,同时MicrosoftAccess自动默认生成了一个名称为“表1:
表”的数据表,右击“表1:
表”的数据表,打开快捷菜单,选择“设计视图”命令,如图8所示。
选择“设计视图”开始创建news数据表
图8打开的快捷菜单命令
6、打开“另存为”对话框,在“表名称”文本框中输入数据表名称为news,如图9所示。
图9“另存为”对话框
7、单击“确定”按钮,即建立news数据表,按表2输入字段名并设置其属性,完成如图10所示。
根据表2设置字段名称类型,其中ID为主键
图10创建表的字段
8.双击
按钮,打开news数据表,为了预览方便,可以在数据库中先预先输入一些数据,如图11所示
向数据表中添加数据
图11news表中的输入记录
9、用上述同样的方法,再创建一个名称为newstype和名称为admin的数据表。
输入字段名称并设置其属性,最终效果如图12所示。
图12newstype和admin数据表设置
10、编辑完成,单击“保存”按钮,完成数据库的创建关闭Access软件。
2.2创建数据库连接
数据库编辑完成后,必须在Dreamweaver中建立数据源连接对象。
这样做的目的是方便在动态网页中使用前面建立的新闻系统数据库文件。
具体的连接步骤如下:
1.依次单击“控制面板”|“管理工具”|“数据源(ODBC)”|“系统DSN”命令,打开“ODBC数据源管理器”对话框,单击选择“系统DSN”选项卡,如图13所示。
1、connbooks是以前数据库的连接,单击“添加(D)”按钮添加DSN数据源
图13“ODBC数据源管理器”中的“系统DSN”选项卡
2、在图13中单击“添加(D)”按钮后,打开“创建新数据源”对话框,在“创建新数据源”对话框中,选择DriverdoMicrosoftAccess(*.mdb)选项,如图15所示。
3、单击“完成”按钮打开“ODBCMicrosoAccess安装”对话框,在“数据源名(N)”文本框中输入connnews,如图14所示。
图14“ODBCMicrosoAccess安装”对话框
4.在图14中单击“选择(S)”按钮,打开“选择数据库”对话框,单击“驱动器(V)”下拉列表框右边的三角
按钮,从下拉列表框中找到在创建数据库步骤中数据库所在的盘符,在“目录(D)”中找到在创建数据库步骤中保存数据库的文件夹,然后单击左上方“数据库名(A)”选项组中的数据库文件news.mdb,则数据库名称自动添加到“数据库名(A)”文本框中,如图15所示。
选择建立的news.mdb数据库
图15“选择数据库”对话框
5.找到数据库后,单击“确定”按钮,回到“ODBCMicrosoAccess安装”对话框中,再次单击“确定”按钮,将返回到“ODBC数据源管理器”中的“系统DSN”选项卡中,可以看到在“系统数据源”中已经添加了一个名称为connnews,驱动程序为DriverdoMicrosoftAccess(*.mdb)的系统数据源,如图16所示。
图16“ODBC数据源管理器”的“系统DSN”选项卡
6.再次单击“确定”按钮,完成“ODBC数据源管理器”中“系统DSN”的设置。
7.启动DreamweaverCS3,执行菜单“文件”|“新建”命令,打开“新建文档”对话框,选择“空白页”选项卡中“页面类型”下拉列表下选择ASPVBScript选项,在“布局”下拉列表框下选择“无”选项,然后单击“创建”按钮,在根目录下新建一个名为index.asp的网页并保存,如图17所示。
2、输入要保存的文件名
1、选择文件保存路径
图17建立首页并保存
8、设置好“站点”、“文档类型”、“测试服务器”,在Dreamweaver软件中执行菜单“文件”|“窗口”|“数据库”命令,打开“数据库”面板,单击“数据库”面板中的
按钮,在打开的菜单中选择“数据源名称(DSN)”选项,如图18所示。
图18选择“数据源名称(DSN)”选项
9、打开“数据源名称(DSN)”对话框,在“连接名称”文本框中输入connbbs,单击“数据源名称(DSN)”下拉列表框右边的三角
按钮,从打开的下拉列表框中选择connbbs,其他保持默认值,如图19所示。
2、选择刚设置的数据源connnews
1、输入连接名称
图19“数据源名称(DSN)”对话框
第3章系统页面设计
新闻发布系统前台部分主要有3个动态页面,分别是新闻主页面index.asp,新闻分类页面type,asp,新闻容页面newscontent.asp。
3.1首页的设计
在本小节中主要介绍新闻发布系统主页面index.asp的制作,在index.asp页面中主要有显示最新新闻的标题,加入时间,显示新闻分类,单击新闻中的分类进入分类子页面查看新闻等功能。
制作的步骤如下:
1.打开刚创建的index.asp页面,输入网页标题“新闻首页”,执行菜单“文件”|“保存”命令将网页保存。
2.执行“修改”|“页面属性”命令,打开“页面属性”对话框,单击“分类”列选框中的“外观”选项,背景图像选择此站点中images文件夹的bg.gif,在“上边距”文本框中输入0像素(px),这样设置的目的是为了让页面的第一个表格能置顶到上边,如图20所示。
设置一个背景图像
图20“页面属性”对话框
3.单击“确定”按钮,进入“文档”窗口,执行菜单“插入记录”|“表格”命令,打开“表格”对话框,在“行数”文本框中,输入行数为4;“列数”文本框中输入列数为1.在“表格宽度”文本框中,输入768像素,其他设置如图21所示。
插入一个宽度为768像素,4行1列的表格
图21“表格”对话框
4.单击“确定”按钮,在“文档”窗口中,插入了4行1列的表格。
单击选择插入的整个表格,在“属性”面板上单击“对齐”下拉列表框,选择“居中对齐”命令,让插入的表格居中对齐。
5.将光标放置在第1行表格中,执行菜单“插入记录”|“媒体”|Flash命令,打开“选择Flash文件”对话框,选择flash文件下的index.swf文件,如图22所示。
在表格的第1行插入一个名为index.swf的flash动画
图22“选择文件”对话框
6,将光标放在第2行表格中,再次执行菜单“插入记录”|“媒体”|Flash命令,打开“选择Flash文件”对话框,在站点中选择flash文件夹下的baner.swf文件,如图23所示。
在表格2行中插入一个名为baner.swf的flash动画
图23,“选择文件”对话框
7.单击“确定”,在表格中插入导航Flash,单击选择flash文件,再单击“属性”面板中的
按钮对动画进行播放,单击
按钮停止播放。
预览Flash效果如图24所示。
图24插入flash的效果图
8.将光标放置在第4行表格中。
执行菜单“插入记录”|“图像”命令,打开“选择图像源文件”对话框,在打开的“选择图像源文件”对话框中,选择同站点中的images文件夹中的di.gif图片。
9将光标放置在第3列的表格中,执行菜单“插入记录”|“表格”命令,打开“表格”对话框,在“行数”文本框中输入行数1,在“列数”文本框中,输入列数3.在“表格宽度”文本框中,输入100%,“边框粗细”、“单元格边距”和“间距”都为0.
10.单击刚创建的左边空白单元格,然后再单击“文档”窗口上的
按钮,在
和 | 之间加入valign=”top的命令,表示让鼠标能够自动贴至单元格最上方,设置如图25所示。
图25设置单元格的“对齐方式”为“最上”
11.单击“文档”窗口上的
按钮,返回文档窗口的“设计”窗口模式,在第1列单元格中再次执行菜单“插入记录”|“表格”命令,打开“表格”对话框,在“行数”文本框中输入行数3,在“列数”文本框中,输入列数1。
在“表格宽度”文本框中,输入145像素,其他的值为0,如图26所示。
插入一个宽度为145像素,3行1列的表格
图26设置“表格”对话框
12.单击确定按钮,在“文档”窗口中插入3行1列的表格。
用鼠标单击刚创建表格的第一行单元格,输入文字“新闻分类”,接下来用“绑定”标签,将网页所需要的数据字段绑定到网页中。
index.asp这个页面使用的数据表是news和newstype,单击“应用程序”面板中的“绑定”标签上的
按钮,在弹出的菜单中选择“记录集(查询)”选项,在打开的“记录集”对话框中输入如表5所示的数据,如图所示27所示。
表5“记录集”设定
名称
Recordset1
连接connnews
表格newstype
列全部
选择connnews数据源中的newstype数据表中的全部单项按钮,建立记录集查询
图27“记录集”对话框
13.绑定记录集后,将记录集的相关字段插入至index.asp网页的适当位置,如图28所示
将字段插入这里
图28插入至index.asp网页中
14.由于要在index.asp这个页面中显示数据库中所有新闻分类的标题,而目前的设定只会显示数据库的第一笔数据,因此,需要加入“服务器行为”中的“重复区域的命令,选择{Recordset1.type_name}所在的行,如图29所示。
图29选择要重复显示的一列
15.单击“应用程序”面板群组中的“服务器行为”标签上的
按钮,在弹出的菜单中,选择“重复区域”选项,在打开的“重复区域”对话框中,选中“所有记录”单选按钮,如图30所示。
选择显示所有记录
图30选择一次可以显示的次数
16.单击“确定”按钮回到编辑页面,会发现先前所选取要重复的区域左上角出现一个“重复”灰色标签,这表示已经完成设置。
17.除了显示中所有新闻分类标题外,还要提供访问者感兴趣的新闻分类标题来实现详细容的阅读,为了实现这个功能首先要选取编辑页面中的新闻分类标题字段,如图31所示
图31选择新闻分类标题
18.单击“应用程序”面板中的“服务器行为”标签上的
按钮,在弹出的菜单中,选择:
“转到详细页面”选项。
在打开的“转到详细页面”对话框中单击“浏览”按钮,弹出“选择文件”对话框,选择此站点中的type.asp,其他设定值皆不改变其默认值,如图32所示
根据字段type_id的值转到type.asp的详细页面设置
图32“转到详细页面”对话框
19.单击“确定”按钮回到编辑页面,主页面index.asp中新闻分类制作已经完成,最新新闻显示页面设计效果如图33所示。
图33设计结果效果图
20.单击“应用程序”面板中的“绑定”标签上的
按钮,在弹出的菜单中选择“记录集(查询)”选项,在打开的“记录集”对话框中输入如表6所示的数据,如图34所示
名称
Re1
连接connnews
表格news
列全部
排序以news_id程序
表6“记录集”设定
选择connnews数据源中的news数据表格中的“全部”单选按钮,建立记录集查询,在数据显示的时候以news_id降序显示
图34“记录集”对话框
21.绑定“记录集”后,将记录集的字段插入至index.asp网页的适当位置。
22.犹豫要在index.asp这个页面显示数据库中部分新闻的信息,而目前的设定则只会显示数据库的第一笔数据,因此,需要加入“服务器行为”中的“重复区域”的设置,单击index.asp页面中的最新新闻标题记录表格,如图35所示
图35单击需要重复的表格
23.单击“应用程序”面板群组中的“服务器行为”标签上的
按钮,在弹出的菜单中,选择“重复区域”选项,在弹出的“重复区域”对话框中,选择自己要重复的记录条数,(例如10条),如图36所示
图36选择一次可以显示的次数
24.单击“确定”按钮,回到编辑页面,会发现先前锁选取要重复的区域左上角出现了一个“重复”的灰色状态,这表示已经完成设定恶劣。
25.由于最新新闻这个功能,除了显示中部分新闻外,还要提供访问者感兴趣的新闻标题至详细容来阅读,首先选取文字“查看”,如图37所示。
37选择新闻分类标题“查看”
26.单击“应用程序”面板中的“服务器行为”标签上的
按钮,在弹出的菜单中,选择“转到详细页面”选项,在打开的“转到详细页面”对话框中单击“浏览”按钮,打开“选择文件”对话框,选择此站点中news文件夹中的newscontent.asp,其他设定如图38所示
根据字段news_id值转到newscontent.asp的详细页面
图38“转到详细页面”对话框
27.单击“确定”按钮回到编辑页面,当记录集超过一页,就必须要有“上一页”、“下一页”等按钮或文字,让访问者可以实现翻页的功能,这就是“记录集导航条”的功能。
“记录集导航条”按钮位于“插入”工具栏的“应用程序”中,因此将“插入”工具栏由“常用”切换成“应用程序”类型,单击“记录集导航条”
28.在打开的“记录集导航条”对话框中,选取要导航条的记录集以及导航条的显示方式“文本”,然后单击“确定”按钮回到编辑页面,会发现页面出现该记录集的导航条,如图40所示
图40添加“记录集导航条”页面
29.在“插入”工具栏的“应用程序”类型中,单击工具按钮,在弹出的快捷菜单中,选取要导航状态的记录集为Re1,然后单击“确定”按钮回到编辑页面,会发现页面出现该记录集的导航状态,如图41所示
图41添加“记录集导航状态“
30.index.asp这个页面需要加入“查询”的功能,这样新闻发布系统才不会因日后数据太多而有不易访问的情形发生,设计如图42所示。
图42搜索主题设计
重点提示:
利用表单及相关的表单组件来制作以关键词查询数据功能,需要注意如下操作:
(1)图43所示容都在一个表单之中。
(2)“查询主题”后面的文本框的命名为keyword。
(3)“查询”按钮为一个提交表单按钮。
31.在此要将之前建立的记录集Re1作一下更改,打开“记录集”对话框,并进入“高级”设置,在原有的SQL语法中,加入一段查询功能的语法:
那么以前的SQL语句将变成如图43所示。
图43修改SQL语句
重点提示:
其中like是模糊查询的运算子,%表示任意字符,而keyword是个变量,分别代表关键词。
32.切换到代码设计窗口。
找到Re1记录集相应的代码并加入代码:
keyword=request(“keyword”)//定义keyword为表单中“keyword”的请求变量,如图44所示,完成设置。
图44加入代码
33.以上的设置完成后,index.asp系统主页面就有查询功能了,可以按下F12键至浏览器测试一下是否正确的查询。
首先index.asp页面会显示所有中的新闻分类主题和最新新闻标题,如图45所示。
图45主页面浏览效果图
34.然后在关键词中输入“中心”并单击“查询”按钮,结果会发现页面中的记录只显示“测试中心”所发表的最新新闻主题而已,这样查询功能就已经完成了,最终的效果如图46所示。
图46测试查询效果图
3.2新闻分类页面的设计
新闻分类页面type.asp用于显示每个新闻分类的页面,当访问者单击index.asp页面中的任何一个新闻分类标题时就会打开相应的新闻分类页面,新闻分类页面设计效果如图47所示。
图47新闻分类页面效果图
详细的操作步骤说明如下:
1.执行菜单“文件”|“新建”命令,打开“新建文档”对话框,选择“空白页”选项卡中“页面类型”下拉列表框下的ASPVBScript选项,在“布局”下拉列表框中选择“无”选项,然后单击“创建”按钮创建新页面,输入网页标题“新闻分类”,执行菜单“文件”|“保存”命令,在站点news文件夹中将该文档保存为type.asp。
2.新闻分类页面和首页面中的静态页面设计差不多,在这不作详细说明。
3.type.asp这个页面主要是显示所有新闻分类标题的数据,所使用的数据表是news,单击“绑定”面板中的“增加”上的
按钮,在弹出的菜单中,选择“记录集(查询)”选项,在打开的“记录集”对话框中输入如表7的数据,再单击“确定”按钮后就完成设定了,如图48所示。
选择connnews数据源中的news数据表中的全部字段再根据前面所传递的news_type参数进行筛选,建立一个记录集查询
图48绑定记录集设定
名称
Recordset1
连接connnews
表格news
列全部
筛选news_tyep、=、URL参数、type_id
排序以news_id升序
表7输入“记录集”
4.绑定记录集后,将记录集的字段插入至type.asp网页中的适当位置,如图49所示。
插入至type.asp网页中
5.为了显示所有记录,需要加入“服务器行为”中的“重复区域”的命令,单击type.asp页面中需要重复的表格,如图50所示。
图50单击选择要重复显示的一行
6.单击“应用程序”面板群组中的“服务器行为”标签上的
按钮,在弹出的菜单中,选择“重复区域”的选项,打开“重复区域“对话框,设定一页显示的数据为10条,如图51所示。
设置显示Recordset1记录集中显示为10条
图51选择一次可以显示的次数
7.单击“确定”按钮,回到编辑页面,会发现先前所选取要重复的区域左上角出现了一个“重复”的灰色标签,这表示已经完成设置。
8.在“插入”栏的“应用程序”类型中,单击工具按钮打开“记录集导航条”对话框,在打开的对话框中,选取Recordset1记录集以及导航条的显示方式,然后单击“确定”按钮回到编辑页面,会发现页面出现该记录集的导航条,如图52所示
图52添加“记录集导航条”
9.在“插入”栏的“应用程序”类型中,单击工具按钮,在弹出的菜单中,选取要导航状态的记录集为Recordset1,然后单击“确定”按钮回到编辑页面,会发现页面出现该记录集的导航状态,如图53所示。
图53添加“记录集导航状态”
10.选取文字“详细容”,再单击“应用程序”面板中的“服务器行为”标签上的
按钮,在弹出的菜单中选择“转到详细页面”的选项,在打开的“