动态网站的设计与实现李满莲.docx
- 文档编号:29302964
- 上传时间:2023-07-22
- 格式:DOCX
- 页数:11
- 大小:89.79KB
动态网站的设计与实现李满莲.docx
《动态网站的设计与实现李满莲.docx》由会员分享,可在线阅读,更多相关《动态网站的设计与实现李满莲.docx(11页珍藏版)》请在冰豆网上搜索。
动态网站的设计与实现李满莲
动态网站的设计与实现--李满莲
课程设计报告
课程设计题目:
动态网站的设计与实现
学生学号:
201120130104
学生姓名:
李满莲
专业:
通信工程
摘要
人类已进入21世纪,科学突飞猛进,知识经济初见端倪,特别信息技术和网络技术的迅载发展和广泛应用,对社会、经济、军事、科学和文化等领域产生越来越深刻的影响,也在正在改变着人们的工作、生活、学习和交流方式。
随着信息的迅猛发展,越来越的多人们通过Web来获取所需要的信息,越来越多的企业建立了自己的WWW网站,也有许多人也制做了自己的个人网站。
当今的互联网已经从第一代静态网页过渡到了动态网页,所有的客户端通过web服务器便能查询到想要的信息,而所有的处理过程都在服务器断进行,这和静态网页有着巨大的不同。
动态网页页面的制作主要由Dreamweaver软件和ASP技术完成,其服务器使用的是IISWeb服务器,数据库选择的是Access版本。
关键词Dreamweaver、ASP、access、iis
引言
网页是网站信息发布与表现的一种主要形式。
因此要实现一个网站,必须了解网页制作的相关知识。
较流行的开发工具有:
Dreamweaver,Php,PhpMyAdmin。
网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。
因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。
网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其制作成网页格式。
1.工具和运行环境
1.1.开发工具
本网站是在WindowsXP下开发的,使用ACCESS作为后台数据库,采用ASP(activeserverpages)技术编写服务器端应用程序,利用辅助开发工具、可视化网页编辑器Dreamweaver8来进行前台页面的设计。
1.2.编程环境
在Windowsxp下利用IIS5.0服务器可以在个人电脑上发布自己的主页,并可以用浏览器预览站点,以查看外观和网页所提供的各项功能。
另外,要想在数据库建造完成后能透过web服务器呈现数据库内容至客户端眼前,最重要的动作就是在ODBC(OpenDatabaseConnectivity)内加入该数据库文件的DSN作为辨别该数据库的记号。
而且,在设置ODBC数据源时,要将加入的DSN摆在“系统数据来源名称”中,只有这样才能使链接上该服务器的用户都可以取用该数据库。
2.动态网站运行原理
动态网站的工作原理为浏览器发出请求,Web服务器接收请求后便执行asp程序同时对数据库进行操作,等待返回请求的数据后,由asp程序动态产生html文件,最后再由Web服务器向客户端传送相应文件页面。
3.网站实现的功能
本简单网站希望通过服务器技术、asp技术、数据库技术实现通讯录的功能,并能完成通讯录相关信息的录入、查询、删除等简单实用功能,最后成功组建“通讯录”。
4.建立ASP运行环境
4.1.安装IIS
在WindowsXP(专业版)上将WindowsXP安装光盘放入光驱,点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在internet信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成internet信息服务(IIS)的安装。
如图所示:
4.2.配置IIS
点击开始—>设置—>控制面版—>管理工具—>internet信息服务(IIS),在弹出的窗口单击本地计算机、网站,在默认网站单击鼠标右键,
在弹出的窗口选择主目录、在本地面路径选择浏览按钮,选择你建立的网站目录(如:
E:
\我的网站),选择文档项,按添加按钮,添加index.asp文档完成IIS的配置。
5.access数据库的建立
本系统使用的是Access2003创建了一个名为db.mdb的数据库。
系统对数据的读取,存储都是对该数据库进行操作。
在Access2003数据库中,所有的数据存储都是围绕表进行的,数据不会存储在数据库的其他位置。
虽然可以有许多方法访问数据,但是它们全部来自表。
可以说,表示一个数据库的灵魂。
执行开始->程序->MccrosoftOffice->MccrosoftOfficeAccess2003(安装MccrosoftOffice2003时,把OfficeAccess2003也打钩进行安装),执行文件->新建,在弹出窗口右边选择空数据库,文件名保持默认,单击按钮,从弹出窗口选择“使用设计器创建表”,填写相应的字段,具体如下表所示:
字段名称
数据类型
字段大小
ID
自动编号
姓名
文本
20
性别
文本
30
年龄
数字
10
家庭住址
文本
50
电话号码
数字
录入时间
日期/时间
6.站点的建立
MacromediaDreamweaverMX是一个站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的Web站点。
开始使用DreamweaverMX2004来创建数据库网站的第一件事,就是定义网站,必须告诉DreamweaverMX2004网站根目录在哪里,以及服务器位置、类型等相关信息。
启动DreamweaverMX2004后,从主菜单选择站点/管理站点/新建…定义一个新站点。
在弹出菜单中的本地信息栏--站点名称中输入“我的网站”,本地根文件夹中选择“E:
\我的网站”,其余各项保持不变。
在“分类”处选择“测试服务器”,在服务器模型处选择“ASPVBScript”,“访问”处选择“本地/网络”,单击确定完成站点的定义。
这时网站管理窗口中就可以看到网站根目录的中文件了。
7.Dreamweaver与access数据库的连接
7.1.DSN定义
(1)在控制面板中,双击管理工具,双击ODBC数据库源图标,出现ODBC数据源管理器窗口,选择系统DSN标记。
(2)单击“添加“,接着选择数据库驱动程序,本系统使用Access数据库,所以MicrosoftAccessDriver(*.mdb),单击“完成“按钮。
(3)出现ODBCMicrosoftAccess安装窗口,在数据源名一栏给连接取个名字conn,说明一栏不是必填项。
(4)单击窗口中“选择“按钮,找到数据库的所在路径(“E:
\我的网站”)并选中相应数据库文件,选中db1.mdb,此时ODBCAccess安装窗口中数据库一栏就会出现刚才选定的数据库文件
7.2.DSN连接
建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的ODBC连接,DSN被定义后,就能用它来调用各种参数了。
(1)启动DreamweaverMX2004,打开已经定义好的站点“我的网站”,在站点-我的网站窗口中点击鼠标右键,点新击建文件,文件名改为index.asp,双击文件index.asp使其处于编辑状态。
(2)单击“窗口”中的“数据库”,从“数据库”菜单中。
在窗口中点击“+”,选择数据源名称,从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。
8.网站功能实现
8.1.网页主页
以上步骤完成后,便将服务器、数据库、网站网页搭建起来了,便可以开始进行后续的开发和设计,先从网站首页开始。
在Dreamweaver软件下,建立动态网页index.asp文件,并插入一个2行七列的表格。
之后完成其他相应的设计,进行一些列美化和完善后主页首页效果如下图所示:
8.2.信息的插入
设计完基本首页后,为实现通讯录的录入功能,在首页中加入链接按钮——添加通讯录,命名为“edit.asp”,点击该链接后,页面跳转到录入页,见下图
信息输入完成后,点击按钮,通讯录信息便存在了数据库中。
至此,数据录入完成,点击主页按钮,页面跳转到网站主页。
8.3.信息的查询
为方便使用者查询通讯录,在主页中加入记录集分页,使得通讯录分页显示,点击记录集导航条便可以实现上一页、下一页、最后一页、第一页跳转,如下图:
8.4.信息的删除
在对数据库“通讯录”进行维护时,要对“通讯录”进行删除功能,因此在主页(查询页)中添加删除链接,点击该链接便可以对当前信息进行删除操作,点击后页面跳转如下:
点击提交确认,本条信息便得以删除,页面自动跳转为主页,可以继续进行其他的操作。
9.心得
通过这一次的课程设计我学到了很多的关于编程的知识和关于网站设计的知识。
这次设计让我对于网站设计有了一个全新认识。
网站设计这一模块通过让我们自己实践制作个人网站,学会规划、设计、发布、管理简单的网站。
在实际的学习中存在我们对网站主题、内容选择的困惑;对网站设计的布局、色彩搭配等审美评价的差异。
动态网页可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。
从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。
10.参考文献
[1]卢坚《DreamweaverMX2004标准教程》海洋出版社20004.7.
[2]宣小平但正刚张文毅编著《ASP数据库系统开发实例导航》第一版北京人民邮电出版社2003.01.
[3]苏治中编著《DreamweaverMX2004入门与提高》中国铁道出版社2004.5
[4]萨师煊王珊编著《数据库系统概论》(第三版)[M]。
北京:
高等教育出版社,2000.
[5]鲍哥邓文渊等《ASP与网页数据库设计》中国铁道出版社2004.12.
[6]扬国才王建峰王玉昆编著《基于Web的远程自学型教学系统设计及实现》计算机应用,2000.2.
[7]张微刘任凭编著《Dreamweaver完美网页设计》.
东华理工学院
课程设计评分表
学生姓名:
李满莲班级:
1121301学号:
201120130104
课程设计题目:
动态网站的设计与实现
项目内容
满分
实评
选
题
能结合所学课程知识、有一定的能力训练。
符合选题要求
(5人一题)
10
工作量适中,难易度合理
10
能
力
水
平
能熟练应用所学知识,有一定查阅文献及运用文献资料能力
10
理论依据充分,数据准确,公式推导正确
10
能应用计算机软件进行编程、资料搜集录入、加工、排版、制图等
10
能体现创造性思维,或有独特见解
10
成
果
质
量
总体设计正确、合理,各项技术指标符合要求。
10
说明书综述简练完整,概念清楚、立论正确、技术用语准确、结论严谨合理;分析处理科学、条理分明、语言流畅、结构严谨、版面清晰
10
设计说明书栏目齐全、合理,符号统一、编号齐全。
格式、绘图、表格、插图等规范准确,符合国家标准
10
有一定篇幅,字符数不少于5000
10
总分
100
指导教师评语:
指导教师签名:
年月日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 动态 网站 设计 实现 李满莲