电子政务课程设计报告.docx
《电子政务课程设计报告.docx》由会员分享,可在线阅读,更多相关《电子政务课程设计报告.docx(27页珍藏版)》请在冰豆网上搜索。
电子政务课程设计报告
电子政务课程设计实验报告
目录
一、网站规划与设计1
1.1实验目的及要求:
1
1.2实验原理:
利用Dreamweaver制作一个新闻发布的小型网站1
1.3实验环境(使用的软件):
Dreamweaver1
1.4课程设计内容2
二.计算机设置2
2.1IIS安装:
2
2.2IIS数据源设置:
3
2.3Dreamweaver站点设置:
4
三、系统分析与总体设计7
1、功能介绍7
1.1最近更新7
1.2新闻详细内容显示7
1.3推荐新闻7
1.4热点新闻7
1.5更多新闻7
1.6新闻浏览8
1.7版块管理8
1.8添加新闻信息8
1.9修改新闻信息8
1.10搜索8
2、网站栏目的结构和组成8
3、网站总体布局8
4、数据库结构及实现9
四、网站首页面(index.asp)的制作10
(一)设计10
1.首页10
2.新闻浏览11
3.版块管理13
4.添加新闻14
5.修改新闻14
(二)首页内容设计15
1.最近更新15
2.热点新闻16
3.推荐新闻17
4.搜索18
(三)用户登录设计19
(四)显示21
结束语:
25
引言
本课程设计主要是利用Dreamweaver这种是可视化的网页制作工具制作新闻发布网站系统。
本网站本网站主要展示的是国内外各大新闻报道。
一、网站规划与设计
实验概述:
利用表格、行为、层和链接等网页设计技术设计页面(各页面之间要有链接)
1.1实验目的及要求:
目的及要求:
通过电子商务网站课程设计,运用所学《电子政务设计》课程的理论知识和技能,分析和解决计算机应用实际问题,提高网页设计与制作能力;掌握利用软硬件资源制作一个具体网站的操作过程。
1.2实验原理:
利用Dreamweaver制作一个新闻发布的小型网站
1.3实验环境(使用的软件):
Dreamweaver
计算机最低配置:
∙1GHz或更快的处理器
∙Microsoft®Windows®XP(带有ServicePack2,推荐ServicePack3)或WindowsVista®HomePremium、Business、Ultimate或Enterprise(带有ServicePack1,通过32位WindowsXP和WindowsVista认证)
∙512MB内存
∙1GB可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在基于闪存的设备上)
∙1,280x800屏幕,16位显卡
∙DVD-ROM驱动器
∙在线服务需要宽带Internet连接网络
1.4课程设计内容
创建一个好的站点离不开前期细致而周密的规划,而对于一个简单的小型网站来说,规划也同样非常重要。
创建网页站点的第一步是规划,首先根据我要建立的网站的新闻发布主题而进行构思模拟起草,找寻关于本网站相关的素材。
下一步,创建站点的基本结构,可通过“管理站点”进行系新建和管理。
接下来便是创建网站,通过运用各种网页制作技术,设计页面,设置连接,最终完成站点并发布。
具体步骤如下:
(1)、计划和准备,包括设置Dreamweaver站点;
(2)、寻找网站素材资源,并创建数据库;
(2)、在数据库中能新建、修改、删除表,对表进行各种操作;
(3)、用asp制作网页,调整网页布局,添加内容,根据需要编辑数据源等;
(4)、将网页链接到一起;
(5)、预览和发布站点。
二.计算机设置
2.1IIS安装:
控制面板添加或删除程序添加或删除windows组件:
选中要添加删除的程序,这里选中Ineternet信息服务(IIS),点击下一步进行安装,安装之前确保计算机中包含IIS5.1或其他版本的安装程序。
2.2IIS数据源设置:
控制面板管理工具Internet信息服务和数据源(ODBC):
IIS安装完成后,控制面板中就出现了“Internet信息服务”的快捷方式,说明安装成功。
控制面板管理工具Internet信息服务:
对将默认网站的属性进行修改,将主目录的本地路径修改成自己的默认目录。
控制面板管理工具数据源(ODBC):
在系统DSN中添加资源
2.3Dreamweaver站点设置:
打开Dreamwear程序站点新建站点:
站点建立成功。
三、系统分析与总体设计
1、功能介绍
1.1最近更新:
按时间进行排序,对近期新闻进行发布,除去旧的新闻,添加新的新闻。
以方便人们了解最近发生想新闻内容。
1.2新闻详细内容显示:
对最新发生的人们未知、欲知、应知的事实的具体报道。
阐述导语所揭示的主题,或回答导语中提出的问题,对消息事实作具体的叙述与展开。
1.3推荐新闻:
介绍,建议最好的、有意义的新闻,将其介绍给公众。
1.4热点新闻:
主要展示当前点击率高的新闻,简单说就是指某一时间内被广泛关注、争论、议论的新闻事件、话题或者信息,涵盖的范围较为宽泛,不具体到一个结论或者点。
1.5更多新闻:
通常网页上用来将同一类没有显示的信息分类,标识为更多,等同与英文网页中的more。
1.6新闻浏览:
对新闻内容进行查阅,捕捉有价值的信息。
1.7版块管理:
更好的浏览各版块的新闻。
1.8添加新闻信息:
简单,便捷的添加最近的新闻。
1.9修改新闻信息:
方便删除,修改本网页的新闻。
1.10搜索:
在搜索框内输入关键词,能更快的搜索到本网站的相关新闻,节约查询的时间。
2、网站栏目的结构和组成
2.1网站栏目结构蓝图
2.2网站栏目组成(如下图所示)
(1)首页
(2)新闻预览
(3)版块管理
(4)添加新闻信息
(5)修改新闻信息
3、网站总体布局
4、数据库结构及实现
步骤1:
打开“Access”对“admin”、“bankuai”、“new”,进行相应设计(如下图)。
步骤2:
对表内数据进行填写(如下图),并保存。
四、网站首页面(index.asp)的制作
(一)设计
1.首页
1.11head设计
步骤:
(1)插入所选图片,如图所示
(2)插入表格(1行5列),并在表格内分别输入“首页”、“新闻浏览”、“版块管理”、“添加新闻”、“修改新闻”,并设置输入字体,大小。
(3)对表格设置背景颜色,如图所示
1.2bottom设计
步骤:
(1)在页面底部插入表单,输入“copyright©newcenter”
(2)对文字设置颜色,大小,字体,如下图所示
2.新闻浏览
2.1分类浏览(liulan.asp)
这里显示板块内容
这里显示新闻内容
将页面分为左右两个部分,左侧显示新闻版块分类的列表,右侧显示对应新闻版块的新闻,如图所示。
2.2显示新闻分类列表
页面左侧的分类列表,呈现新闻版块分类。
分类列表信息存储在bankuai数据表中,绑定数据集,读取bankuai数据表中的所有信息。
操作步骤如下:
(1)绑定数据集
(2)设置左侧表格中的动态文本,显示bankuai数据表中的type字段。
(3)为bankuai的动态文本添加超级链接,(转到详细页面见下一页图)。
链接的地址是页面本身,但在链接的过程中通过typeid传递不同的参数。
(4)设置重复区域
2.3显示每种类别的新闻
浏览页面根据新闻版块分类将不同类别的新闻显示在右侧的表格中。
操作步骤如下:
1数据绑定显示该新闻版块的新闻
接收来自type传递来的参数,即在右侧显示相应类别的新闻。
设记录集名为recordset2,则记录集的做法如下图所示
②显示新闻版块信息和新闻总数
在页面顶部,显示“共有{flxsh-total}条新闻。
{flxsh-total}代表该版块新闻的总条目数,
如图所示。
3.版块管理
步骤如下:
(1)在页面顶端插入表单,在表单内插入文本域,选择单行;在表单内同时插入按钮。
如下图所示
(2)在表单下方,插入表格(2行3列),在表格内输入相应的内容。
(3)在版块名称下插入{recordset1.type},并对此设置重复区域。
(4)对{recordset1.type}插入超级链接,如下图所示
4.添加新闻
步骤如下:
(1)添加表单,在表单内插入表格(10行2列),根据具体表格宽度,高度,设置表格
(2)表内输入相应的内容,如下图所示
5.修改新闻
(1)在页面插入表格(10行2列),根据具体表格宽度,高度,设置表格
(2)在文章标题插入{recordset1.title},图片途径插入{recordset1.picture},来源插入{recordset1.Nfrom},文章作者插入{recordset1.zuozhe}
(3)表内的文章分类插入“列表/菜单”,推荐新闻跟新闻是否含有图片都插入“单选按钮”
(4)后插入两个按钮,并设置为“修改”跟“清除”,如下图所示。
(二)首页内容设计
1.最近更新
操作步骤如下:
(1)添加表单,输入“最新更新”
(2)选择“绑定”、点击“+”、选择“记录集(查询)”,绑定记录集recordset1如图:
(3)将记录集中的“tittle”选中、托至表单内;
(4)设置重复区域,选择服务器行为,选择“动态文本{Recordset1.title}”,点击“+”,选择“重复区域”出现下图,点击确定即可。
(5)重复3)、4)的操作,在选择“dateandtime”,并设置重复区域,
(6)在表单内输入“>>更多新闻>>”并选中文字符号,在属性设置里设置连接对象,命名为liulan.asp如图所示:
2.热点新闻
(1)添加表单,输入“热点新闻”
(2)选择“绑定”、点击“+”、选择“记录集(查询)”,绑定记录集recordset3如图:
(3)将记录集中的“tittle”选中、托至表单内;
(4)设置重复区域,选择服务器行为,选择“动态文本{Recordset3.title}”,点击“+”,选择“重复区域”出现下图,点击确定即可。
3.推荐新闻
(1)添加表单,输入“推荐新闻”
(2)选择“绑定”、点击“+”、选择“记录集(查询)”,绑定记录集recordset2如图:
(3)绑定记录集,由news表中的tuijian字段的状态决定。
在弹出的【记录集】对话框中选择“高级”模式,填写SQL语句如图所示:
4)将记录集中的“tittle”选中、托至表单内;
5)设置重复区域,选择服务器行为,选择“动态文本{Recordset2.title}”,点击“+”,选择“重复区域”出现下图,点击确定即可。
6)重复3)、4)的操作,在选择“dateandtime”,并设置重复区域,
7)在表单内输入“>>更多新闻>>”并选中文字符号,在属性设置里设置连接对象,命名为liulan.asp如图所示:
4.搜索
在新闻的首页提供用户进行新闻搜索的功能,用户在文本框中输入要搜索的新闻关键字,单击搜索按钮,则在search.asp页面上显示出符合条件的相关的新闻条目。
页面效果如图所示。
操作步骤如下:
(1)设置表单
在网页中插入一个表单,表单中设置一个文本框,两个按钮。
选择“插入”|“表单对象”|“文本域”,如图所示
(2)选择插入的文本域,设置文本域的名称为“key”,文本域长度为“20”,如图所示
(3)在文本域后插入一个提交按钮,更改按钮名为“搜索”,如图所示
(4)选择红色的表单线,在属性窗口中输入动作路径“search.asp”
(5)search.asp页面的制作
将记录集绑定到new数据表格,显示新闻信息。
在筛选选项中,设置筛选的字段为content,包含表单变量“key”。
按照时间降序排列。
(三)用户登录设计
从表单中提取数据,与数据库中的admin表中的用户名及密码进行验证,成功转到bankuai.Asp,否则重新登录。
步骤:
(1)在页面内插入表单1,输入“用户名:
”,插入文本域,选择单行,如下图所示
(2)插入表单2,输入“密码:
”,插入文本域,选择密码,如下图所示。
(3)插入表单3,输入“新用户注册”,并对它设计超级链接,链接到“zhuce.asp。
”如图所示
(4)打开bankuai.Asp,选择“服务器行为中的“用户身份验证”中的“登录用户”。
(5)下图为登录界面。
(6)户没有登录账号,可点击“新用户注册”注册新的账号,下图为注册页面。
(四)显示
1、显示新闻
在首页中显示的“最近更新”、“热点新闻”、“推荐新闻”版块中所显示的只有新闻标题和发布的时间,无法看到新闻的具体内容。
操作步骤如下:
①给首页的动态文本recordset1添加超级链接(即转到详细页面,如前所示),链接的地址为xianshi.asp.
②参照前面的操作,在xianshi.asp页面绑定记录集recordset1,“筛选”为“nid=URL参数nid”
将记录集中的字段绑定到页面上。
图为新闻内容显示页面
2、更多新闻
步骤如下:
1插入表单1,输入更多“更多新闻”,并对文字设置颜色,字体,大小。
如下图所示
2插入表单2,在表单内插入{recordset1.title}跟{recordset1.deteandtime},并对{recordset1.title}设置重复区域,如图所示
3对{recordset1.title}设置超级链接,链接到newsupdate.asp,如下图所示
4下图为更多新闻浏览的页面
3、访问量版块设计
(1)打开news数据库,添加表fanwen,输入hit字段,并在hit字段输入2000
(2)在Dreamweaver中打开index,在推荐新闻下方添加一个一行的表格,输入“累计访问量:
”并设置背景颜色(从图3.5.4.1可以体现)
(3)如图绑定fanwen表,建立Recordset4记录集,将Recordset4.hit拖到累计访问量:
右边
(4)服务器行为“+”—>命令,如下图所示进行设置,在sql中填写updatefanwensethit=hit+1,点击“确定”
结束语:
本新闻发布系统的搭建主要是运用Dreamwear、ASP、MicrosoftAccess等软件,在此课程设计实验期间有过很多失败和快乐的心情,学习到了许多以前没有学好的知识。
此次网上新闻发布系统设计和实现,使我学习和使用了ASP和Dreamwear。
学习并实践了网页制作、Web服务器安装、网络数据库操作、程序设计等多种实用技术,成功设计出一个功能基本齐全的新闻发布系统系统。
由亲身体验软件设计、开发的过程,个人觉得收获颇丰。
在这次毕业设计完成过程中让我看到了现代科技在生活中的重要地位,技术在不断的日新月异。
也让我看到了自己知识的欠缺,我会在今后的生活中努力学习,不断的充实自己。