APP下载

基于Web的新闻发布系统的设计与实现

2017-05-16

山西电子技术 2017年2期
关键词:文本框表单管理员

樊 娟

(山西省新闻出版广电局无线管理中心,山西 太原 030001)

基于Web的新闻发布系统的设计与实现

樊 娟

(山西省新闻出版广电局无线管理中心,山西 太原 030001)

本文研究的是各大网站上常用到的新闻发布系统,新闻发布系统是网站十分重要的一个组成部分,是网站向用户提供的一个了解新闻时事的窗口,同时也可以作为网站发表自身信息的有力工具。通过该系统,网站的管理员可方便地对站点进行远程信息发布和更新,而不必频繁地修改数据库并上传更新。

新闻搜索;管理新闻;ASP;数据库

随着计算机网络技术的发展,网络对我们的生活和工作显得越来越重要,特别是在信息传播高度发达的今天,人们对最新信息的需求和发布更是需要及时性。而动态交互式网页刚好提供了这些功能。本系统就是一个能够在网上实现新闻的网上多用户发布,多栏目管理,实时的进行行为统计和记录的网上交互系统。

1 系统开发环境

1.1 系统平台

本系统采用Browser/Server体系结构,服务器端采用Microsoft Windows NT4.0作为网络操作系统,Web服务器软件采用IIS5.1(Internet Information Server)。客户端软件,包括单机操作系统和浏览器软件,分别选用Windows XP和Internet Explorer,数据库系统采用Microsoft Access有利于方便操作。

1.2 开发工具

基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序,并且应是一个可视化的工具。本系统采用DreamweaverMX2004进行开发,它是用来快速创建数据驱动Web应用程序的基于团队的开发环境,支持ASP,以ODBC连接数据库,脚本语言为简单易学的javascript或VBScript。

2 系统功能设计

本系统定位于一个简单的新闻发布系统。从功能上,可以将其分为两部分:用户浏览和管理员管理。用户浏览方面,需要实现的功能包括新闻标题的快速浏览、分类浏览和对新闻的详细阅读;而在管理员方面,所需要实现的功能,仅是对新闻记录的添加。

2.1 管理员管理模块

该模块主要功能是:管理员通过登录界面输入姓名和密码进入添加新闻页面实现新闻的添加。具体操作如下:

1) 在整个网站首页的适当位置加入一个表单(form)对象,在其内部加入两个文本框(textfield)和一个按钮(submit),再将两个文本框分别命名为“name”和“psw”。

2) 通过运行【窗口(Windows)】|【服务器行为(Server Behaviors)】|【用户身份验证(User Authentication)】|【登录用户(Log in User)】窗口命令来设置一个用户登录表单,设置如图1所示。

图1 登录选项【登录用户(Log in User)】的设置

2.2 新闻搜索模块

大家都有同样的经历当我们进入一个网站后映入我们眼帘的是大量的图片和文字信息,但是再多也不可能刚好有我们需要的信息,所以网站设计者给大家提供了搜索的功能,大家可以通过搜索引擎查询到自己需要的信息。当然我现在设计的新闻发布系统也少不了这个功能,这也是这个系统最重要的一项功能。具体操作如下:

1) 同样在网站适当的位置插入一个表单对象,其中添加一个按钮,并在属性检查器中把它的【标签(Lable)】设置为“查询”,【动作(Action)】设置为“提交表单”。

2) 通过选择主菜单中【插入(Insert)】|【文本区域(Text Field)】在表单中插入一个TXT文本框,在询问对话框中选择“否”,因为在一个请求中只能允许一个表单存在。并把这个文本框的名称设置为“Search”。

3) 选择表单,在属性检查器中【表单名称】默认为“form1”,【动作(Action)】一栏输入“result.asp”;【方法(Method)】中选择“POST”。

4) 搜索结果页面的创建

新建一个ASP页面并把它命名为“result.asp”,为其创建一个记录集,在弹出的对话框中设置记录集各选项。在【名称(Name)】中输入“RS”;【链接(Connection)】中选择“new”;【表格(Table)】中选择“news”;【列(Columns)】选择“全部”。

【筛选(Filter)】中选择“Name”,在其旁边的条件栏中选择“包含(Contain)”,选择该项的作用是当用户查询文本框中输入数值时将会搜索到对象中含有用户输入数值的内容。

在【筛选(Filter)】下面的传递方式中选择“表单变量”,在其后面的一栏中输入“search”。这样查询的数值就会根据“search”中输入的数值来搜索。设置好后单击“确定”按钮,如图2所示。

3 系统页面设计

3.1 模板的创建

在制作整个网站之前,需要先做一张应用于网站内部所有网页的模板,使得网站有一个统一的风格。下面是模板制作的具体步骤:

1) 先新建一张网页。

2) 加入公用的部分内容(顶部图片、导航条、底部内容、背景等)。

在导航条中设置了五个模块:首页、校园新闻、娱乐报道、体育新闻、我的留言板。这些都是超链接,进入网站后点击进入相应模块。

在网页中一般都会有一个让浏览者和网站之间互相沟通的空间,所以网站建设者大都使用了发送电子邮件的方式。具体操作如下:

3) 使用【文件】|【另存为模板(Save as Template)】窗口命令,将该网页另存为模板。在弹出窗口“Save as”文本框中输入保存模板的名字“Template. dwt.asp”。

4) 在模板中部使用【插入(Insert)】|【模板对象(Template Object)】|【可编辑区域(Editable Region)】,建立模板的可编辑区域。在弹出窗口的“名称”文本框中输入保存可编辑区域的名字。

5) 关闭网页,推出编辑状态。此时一个模板就创建好了,那么以后我们就可以通过这个模板来新建网站所需要的其他页面了。

3.2 前台显示页面

前台显示说明如图3所示。

1) 首页的最顶部排列显示大类新闻,用户可以直接点击查看各项大类新闻里面的各项小类新闻,直到阅读每条详细信息。

2) 首页的左边部分是最新新闻的标题显示区域。

3) 设有管理员登陆入口,管理员登录后进入添加新闻页面。

4) 具有新闻搜索功能。输入需要查询新闻的关键字可以查询新闻。

5) 另外我在首页添加了日期显示和友情连接的功能,在导航条的下面有文字滚动效果。

3.3 新闻添加页面

从首页的管理员登录框输入用户名和密码进入新闻内容添加界面(如图4所示)。

1) 新闻添加界面设有一系列添加新闻时需要选择和填写的属性:

在界面的开头显示新闻添加的位置,主要是新闻所属的大类和小类名称。

2) 可以注明所添加新闻的来源和作者。

3) 可以设定相关新闻,以及添加新闻的性质,如可以选择此新闻在娱乐新闻、体育新闻、校园新闻等首页栏目显示,并且可以使此条新闻固定的显示于首页的最新新闻列表中。

图4 新闻添加界面

4) 正文部分一个文本区域在里面输入新闻的具体内容。

5) 添加新闻的同时可根据你的需要上传此新闻的相关连接。

3.4 新闻分类浏览页面

在新闻的分类浏览方面设计了三个模块:校园新闻、娱乐新闻、体育新闻。他们的设计大致相同只是在添加记录集的时候对新闻的类型进行筛选从而实现新闻的分类显示。下面我以娱乐新闻界面为例介绍一下设计方案。娱乐新闻的设计界面如图5所示。

图中的重复区域内加入的有两个动态文本新闻标题{RS.Title}和新闻添加时间{RS.Addtime}。因为此页面我们想实现的是它只显示数据库中有关娱乐方面的新闻,所以我们在添加记录集的时候就要对数据库中表news中的新闻根据新闻的类型进行筛选,从而实现新闻的分类显示。记录集的设置如图6所示。

图5 娱乐新闻设计界面

图6 记录集的设置

其中:WHERE Sort = MMColParam (按新闻的类型进行筛选)

ORDER BY Addtime DESC (按新闻的添加时间降序排列)

如上图所示我们可以改变默认值。娱乐新闻页面默认值设为1;体育新闻页面默认值设为2;校园新闻页面默认值设为3。因为在数据库中它们的类型号分别是1、2、3。

4 结论

本文介绍了在Dreamweaver MX 2004环境下基于ASP技术的新闻发布系统的设计,系统进行了相当多的测试工作,各种要实现的功能已全部实现。由于该系统由本人独立开发设计,所以功能上可能没有那么强大,但是基本的功能如新闻的添加、新闻的搜索等功能我都已经实现。

[1] 苏鹏,邵谦谦.ASP编程技巧与实例分析[M].北京:中国水利水电出版社,2001.

[2] 李春葆.Access数据库程序设计[M].北京:科海电子出版社,2003.

[3] 陈峰棋,林志强.完全接触ASP之基础与实例[M].北京:电子工业出版社,2002.

[4] 杜宏毅,郑玄宜.完全接触ASP之VBScript[M].北京:电子工业出版社,2002.

[5] 思科技产品研发中心.ASP编程实例入门与提高[M].北京:电子工业出版社,2001.

[6] 精锐创作组.ASP+网络与数据库整合应用[M].北京:人民邮电出版社,2001.

[7] 韩中孝.网页三剑客MX 2004中文版典型实例教程[M].北京:中国水利出版社,2005.

[8] 胡晓天,刘小伟,陈德荣.Dreamweaver MX 2004网站设计师标准案例教程[M].北京:机械工业出版社,2005.

[9] 张德静.深入浅出ASP程序设计与开发[M].北京:中国青年出版社,2005.

[10] 王国荣.Active Server Pages & Web数据库[M].北京:人民邮电出版社,2000.

[11] 苏鹏,邵谦谦.ASP编程技巧与实例分析[M].北京:中国水利水电出版社,2001.

[12] 小志.ASP入门与实例演练[M].北京:中国青年出版社,2001.

[13] 谭浩强.动态网页制作[M].北京:电子工业出版社,2001.

Design and Implementation of News Release System Based on Web

Fan Juan

(RadioManagementCenter,ShanxiPressandPublicationBureau,TaiyuanShanxi030001,China)

This paper studies on the news release system in each big website commonly used. The news release system is a very important part of the site, which is not only a window to provide users with an understanding of the news, but also can be used as a powerful tool for website information. Through the system, the site administrator can conveniently make remote information release and update without modifying the database and uploading updates.

news search; management news; ASP; database

2017-03-20

樊 娟(1983- ),女,山西忻州人,助理工程师,研究方向为广播电视传输。

1674- 4578(2017)02- 0070- 03

TP311.52

A

猜你喜欢

文本框表单管理员
我是小小午餐管理员
电子表单系统应用分析
我是图书管理员
我是图书管理员
巧用文本框实现PPT多图片排版
可疑的管理员
PPT文本框的另类应用
浅谈网页制作中表单的教学
文本框酷变3D效果
动态表单技术在教学管理中的应用*