新闻发布系统毕业设计毕业论文引言新闻发布系统是动态建设中经常用到的系统,尤其是政府部门、教育系统或企业。
新闻发布系统的作用就是在网上发布信息,通过对新闻的不断更新,让用户及时了解行业信息、企业状况。
所以新闻发布系统中涉及的主要操作就是访问者的新闻查询功能,和系统管理员对新闻的新增、修改、删除功能,相对比较简单。
本章将要制作的新闻发布系统的网页结构如图5-1所示图 1 新闻发布系统结构图主要掌握以下知识点:1.新闻发布系统网页结构的整体设计2.系统数据库的规则3.新闻发布系统前台新闻的发布功能页面的制作4.新闻发布系统分类功能设计5.新闻发布系统后台新增、修改、删除功能的实现第一章系统的整体设计和规划的新闻发布系统,在技术上主要提现为如何显示新闻容,以及对新闻及新闻分类的修改和删除。
一个完整新闻发布系统共分为两大部分,一个是访问新闻的动态网页部分,另一个是管理者对新闻进行编辑的动态网页部分。
本系统页面共有11个,整体系统页面的功能与文件名称如表11.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.在Microso Access2007中实现数据库的搭建,首先运行MicrosoAccess2007程序。
然后单击“空白数据库”按钮在主界面右侧打开“空白数据库”面板,如图5所示1.单击这里选择储存数据位置2.单击“创建”按钮开始创建数据库图5 打开“空白数据库”面板3.创建用于存放主要容的常用文件夹,如:images文件夹,mdb文件夹,flash文件夹,如图6所示。
图6,先设定文件夹4、再单击“空白数据库”面板上的“浏览到某个位置来存放数据库”按钮,打开“文件新建数据库”对话框,在“保存位置”下拉类表框中选择站点news文件夹中的mdb文件夹中,在“文件名”文本框中输入文件名news,如图7所示。
图7“文件新建数据库”对话框5、单击“确定”按钮,返回“空白数据库”面板,再单击“空白数据库”面板的“创建”按钮,即在Microsoft Access中创建了news_mdb 文件,同时Microsoft Access自动默认生成了一个名称为“表1:表”的数据表,右击“表1:表”的数据表,打开快捷菜单,选择“设计视图”命令,如图8所示。
选择“设计视图”开始创建news数据表图8打开的快捷菜单命令6、打开“另存为”对话框,在“表名称”文本框中输入数据表名称为news,如图9所示。
图9“另存为”对话框7、单击“确定”按钮,即建立news数据表,按表2输入字段名并设置其属性,完成如图10所示。
根据表2设置字段名称类型,其中ID为主键图10 创建表的字段8.双击按钮,打开news数据表,为了预览方便,可以在数据库中先预先输入一些数据,如图11所示向数据表中添加数据图11 news表中的输入记录9、用上述同样的方法,再创建一个名称为newstype和名称为admin的数据表。
输入字段名称并设置其属性,最终效果如图12所示。
图12 newstype和admin数据表设置10、编辑完成,单击“保存”按钮,完成数据库的创建关闭Access软件。
2.2创建数据库连接数据库编辑完成后,必须在Dreamweaver中建立数据源连接对象。
这样做的目的是方便在动态网页中使用前面建立的新闻系统数据库文件。
具体的连接步骤如下:1.依次单击“控制面板”|“管理工具”|“数据源(ODBC)”|“系统DSN”命令,打开“ODBC数据源管理器”对话框,单击选择“系统DSN”选项卡,如图13所示。
1、connbooks是以前数据库的连接,单击“添加(D)”按钮添加DSN数据源图13 “ODBC数据源管理器”中的“系统DSN”选项卡2、在图13中单击“添加(D)”按钮后,打开“创建新数据源”对话框,在“创建新数据源”对话框中,选择Driver do MicrosoftAccess(*.mdb)选项,如图15所示。
3、单击“完成”按钮打开“ODBC Microso Access安装”对话框,在“数据源名(N)”文本框中输入connnews,如图14所示。
图14“ODBC Microso Access安装”对话框4.在图14中单击“选择(S)”按钮,打开“选择数据库”对话框,单击“驱动器(V)”下拉列表框右边的三角按钮,从下拉列表框中找到在创建数据库步骤中数据库所在的盘符,在“目录(D)”中找到在创建数据库步骤中保存数据库的文件夹,然后单击左上方“数据库名(A)”选项组中的数据库文件news.mdb,则数据库名称自动添加到“数据库名(A)”文本框中,如图15所示。
选择建立的news.mdb数据库图15 “选择数据库”对话框5.找到数据库后,单击“确定”按钮,回到“ODBC Microso Access 安装”对话框中,再次单击“确定”按钮,将返回到“ODBC数据源管理器”中的“系统DSN”选项卡中,可以看到在“系统数据源”中已经添加了一个名称为connnews,驱动程序为Driver do Microsoft Access(*.mdb)的系统数据源,如图16所示。
图16“ODBC数据源管理器”的“系统DSN”选项卡6.再次单击“确定”按钮,完成“ODBC数据源管理器”中“系统DSN”的设置。
7.启动DreamweaverCS3,执行菜单“文件”|“新建”命令,打开“新建文档”对话框,选择“空白页”选项卡中“页面类型”下拉列表下选择ASP VBScript选项,在“布局”下拉列表框下选择“无”选项,然后单击“创建”按钮,在根目录下新建一个名为index.asp的网页并保存,如图17所示。
1、选择文件保存路径2、输入要保存的文件名图17 建立首页并保存8、设置好“站点”、“文档类型”、“测试服务器”,在Dreamweaver软件中执行菜单“文件”|“窗口”|“数据库”命令,打开“数据库”面板,单击“数据库”面板中的按钮,在打开的菜单中选择“数据源名称(DSN)”选项,如图18所示。
图18 选择“数据源名称(DSN)”选项9、打开“数据源名称(DSN)”对话框,在“连接名称”文本框中输入connbbs,单击“数据源名称(DSN)”下拉列表框右边的三角按钮,从打开的下拉列表框中选择connbbs,其他保持默认值,如图19所示。
1、输入连接名称2、选择刚设置的数据源connnews图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.单击刚创建的左边空白单元格,然后再单击“文档”窗口上的按钮,在<td>和</td>之间加入valign=”top的命令,表示让鼠标能够自动贴至单元格最上方,设置如图25所示。