音乐网站的设计与实现.doc

江江苏苏信信息息职职业业技技术术 学学院院 毕业论文毕业论文 题目 音乐网站的设计与实现音乐网站的设计与实现 系 别 物联网工程学院物联网工程学院 专 业 物联网应用技术物联网应用技术 学 号 13170731371317073137 姓 名 戚雨婷戚雨婷 指导老师 匡匡 亮亮 2015 年 10 月 30 日 前言前言 拿着手机或电脑 插上耳机 听一首老歌 品一杯咖啡 享受午后温柔的 阳光 多么美妙的时刻 欢迎来到我的网站 面临时代脚步在前进 和 IT 行业的发展迅猛的发展速度 网路对于人类的生 产方式和生活方式都产生了非常大的影响 互联网传播以其特有的快速水平 便 捷的传播方式被人们渐渐所接受 当音乐时代的发展脚步越来越走向高标准 音 乐发展以其特有的标准吸引着我们 并与我们的生活越来越息息相关 本网站充分介绍了网站在当今社会的重要性 网站 是继五种媒体后拥 有更多优势的互联网科技 虽然在线音乐网站越来越多 使用音乐网站的人也 越来越多 人们需要通过下载音乐歌曲来收听自己喜爱的音乐 但是本网站可 以不用下载就可以收听歌曲 也就是说 用户可以一边下载一边收听音乐 给 了用户更多的选择空间 同时还有在线高清 MV 即时便拥有了视觉与听觉的双 重享受 另外用户可以在本网站听音乐时有任何不满或者意见 都可以与网站 提出自己的个人意见 这样更利于完善本网站 这是本网站在音乐管理上的一 大特色 本网站运用 Dreamweaver 技术阐述一个功能比较强大的音乐网站 在章节 6 6 与 6 7 强调介绍了本网站的留言板功能 本网站每一章都有各自的特色 欢迎来到我的音乐设计网站 I 摘要摘要 随着 Internet 的发展 网站的作用越来越重要 数字媒体被人称之为继电 视 广播 杂志 报纸后的第五种媒体 拥有众多优势 而本网站作为一个独 立的音乐网站系统 则是大家进行舒心 沟通 交流的好平台 通过这个系统 网站 用户不仅可以在线收听音乐 还可以下载歌曲 还可以对我们网站进行 留言 提出您宝贵的意见 还可以对我们网站进行评价 利于我们更好的完善 系统 由于本系统要求基于 WEB 所以系统使用的前端开发工具是非常流行的网 络开发工具 Asp 后台数据库用的是 access 开发平台用的是 Dreamweaver8 在我认为 本系统具有的操作方便 便于沟通 可靠安全 是建造一个强功能 的音乐网站的基础 本网站虽然参照别的音乐网站 但是却又在其他网站系统上推陈出新 有 了一些更大的改变 使音乐网站更便于沟通 在本网站里展示了此音乐系统的 几大模块 但在本网站所包含的几个功能里面 我认为 我们虽然不是做的很 完善 但是都不仅通过了一些相应的调度测试 且系统能正常运行 重点介绍 的留言板模块和用户讨论模块 我们都经过反复的调试 本网站的方便性 高 能性 自由性都是本网站的特色 本论文主要阐述一个功能比较强大的音乐网站系统和前后台操作过程及一 些相关技术 并阐述整个在线音乐网站系统的结构和工作原理 最后 本文详细叙述了本在线音乐网站系统的主要设计思路 并对其主要 功能的创作过程进行仔细的描述 关键词关键词 音乐网站 系统开发 access ASP Dreamweaver II ABSTRACT With the development of Internet web site the role of more and more important Digital media is called after the television radio magazine newspaper and the fifth kind of media have many advantages And this web site as an independent music website system are you comfortable communication good communication platform Site through this system users not only can listen to music online you can also download the songs also can leave a message on our website and put forward your valuable opinions you can also to evaluate our web site we better improve the system Due to the system requirements based on WEB so the system USES the front end development tool is a very popular WEB development tools Asp background database using access development platform with Dreamweaver8 I think that this system has the reliable safety convenient operation easy to communicate is to build a strong function of the foundation of the music web site Although this website with reference to other music sites but also in other web sites on the system innovation there are some of the bigger change make music website easier for communication In this net station shows the music system of several big modules but in this web site contains several features I think that we do not very perfect but some are not only by the corresponding scheduling test and the system can run normally Focus on the message board module and user module all of us after repeated debug Convenience high energy and freedom on this site are the characteristics of this web site This thesis mainly expounds a more powerful music website system and Taiwan before and after operation process and some related technologies and expounds the overall structure and working principle of online music website system Finally the article details the main design idea of this online music website system and the process of the creation of the main function for detailed description Keywords Music web site system development access ASP Dreamweaver III 目录目录 前言前言 I 摘要摘要 II ABSTRACT III 第第一章一章 引引 言言 1 第二章第二章 系统需求分析系统需求分析 2 2 1 需求分析 2 2 2 系统运行环境分析 2 2 3 系统开发要求 2 第三章第三章 相关技术介绍相关技术介绍 3 3 1 ASP 技术 3 3 2 IIS 简介 3 3 3 DREAMWEAVER 4 3 4 行为概述 4 3 5 ACCESS2000 数据库 5 第四章第四章 系统整体设计系统整体设计 6 4 1 设计方案 6 4 2 模块功能及结构 6 第五章第五章 数据库的设计数据库的设计 9 5 1 数据库表的设计 9 5 2 数据库的连接 11 5 3 记录集的创建 13 第六章第六章 页面系统设计页面系统设计 16 6 1 音乐列表页面设计 16 6 2 播放音乐页面设计 19 6 3 音乐下载页面设计 20 6 4 显示投票结果页面设计 21 6 5 投票页面设计 22 6 6 留言板页面设计 25 6 7 管理留言页面设计 26 6 8 注册论坛用户页面设计 27 6 9 论坛用户登录页面设计 29 6 9 论坛首页设计 30 6 10 论坛发表帖子设计 31 6 11 论坛阅读帖子页面设计 32 第七章第七章 系统测试系统测试 33 7 1 系统测试准备 33 IV 7 2 系统测试过程 33 7 3 系统测试结果 34 总总 结结 35 参考文献参考文献 36 致谢致谢 37 0 第一章 引 言 现今 互联网网站产生是与日俱增 随之 所带来的竞争也很大 但音乐 网站因为是一种宣传手段和路子 正在受到社会上各式各样人儿的接纳 在线 听音乐和实现客户信息反馈是本网站的特点 以此可以便通网站和用户的实体 沟通 音乐网站的竞争日益激烈 社会上的不断创新和挑战 我们需要创立一 个拥有自己风格 让人耳目一新 更多功能与多方面选择集一身的音乐网站 动态网站和静态网站对比之下 它体现出两个优点 一是可以实现客户与 企业之间的交流 用户有什么意见或者建议 可以在留言板留言 进而通过管 理员办理和解决这些留言 达成彼此间的信息交换 第二个优点就是网站管理 简单 音乐资料的更新是很频仍的 相对应的网站也是更新快 动态网站和相 比较之下的静态网站就很省略功夫 修改下数据库里的信息就可以改变网站上 的信息 方便立杆见影 眼下 动态网站的需求不停增长 许多网站开拓技术也开始泛起 如 Jave Asp 等 本网站即是运用了数据库 Access 与 ASP 整合的动态网页开发 技术 实现了收听歌曲 下载歌曲 留言板 意见投票 论坛讨论等强大功能 动态网站的因为其交替性少 更新快等优点很快便跟上了互联网时期的轨 步 显而易见 它已经成为了大多人数关心的热点 通过考察 主要体现如下功能 收听歌曲 本站供给了很多时鲜盛行的音 乐 用户若是想试听 点一下就 OK 了 下载歌曲 本站供给了很多歌曲 的 热点 只需点一下下载标志就可以了 留言板 若是您对于我们网站有什么 见解 您可以通过留言板实行留言项目 投票 本站还供给了在线投票的能 力 您可以对问题实行归纳总结 继而投票 论坛讨论 在此环节中您可以 发帖 发表您的看法 也可以看别人的帖子 并实行回复帖子 本网站为音乐网站系统 其开发主要包含数据库的组建和创立和继续应用开 拓技术两个方面 数据库表包括收集音乐表格 音乐专辑的歌曲表格 客户登 录表格 投票所在表格等表格 前网页面的设计包括首页 搜集你喜欢的歌曲 留言板 选取页面 论坛讨论几个页面 通过考察 我使用了 ASP 开发语言和 Assess 技术两者皆有很好的连接 便 利了接口 使用它供给的面向对象的软件 建立一个系统应用原型 继而通过需 求交替对原型实行修改和创新 且一直会到达一个大家都合意的系统软件 1 第二章第二章 系统需求分析系统需求分析 2 12 1 需求分需求分析 考察后 此系统所必要的能力如下 用户可以方便的在线听歌 用户可以方便的下载歌曲 用户可以留言 提出珍贵的见解 用户可以实行实践调查 以此讨论我网站的优缺点 用户可以实现与他人沟通 发帖 看帖 回帖 2 22 2 系统运行环境分析系统运行环境分析 Microsoft Active Server Pages 即 ASP 是一套服务器端脚本环境 HTML 网页 ASP 指令和 ActiveX 元件可以通过 ASP 结合建立应用程序 它拥有的 WEB 服务器具有高效节时的特点 ASP 能让所有浏览器所编写的代码都将在服务 器端执行 因为它是映射在脚本程序的 当程序执行完毕后 服务器让运行的 成果到达客户浏览器 如许也就减轻了客户端的包袱 从而提升了交流的速率 2 32 3 系统开发要求系统开发要求 1 网络服务器操作系统 Windows 98 以上 2 Web 服务器 IIS 3 后台数据库系统 Access 2000 4 网页编程语言 HTML ASP 5 网页前台编辑工具 Macromedia Dreamweaver 8 Adobe Photoshop 2 第三章第三章 相关技术介绍相关技术介绍 3 13 1 ASPASP 技术技术 ASP Active Server Pages 是 Microsoft 推出的脚本编程语言 它是到现 在为止用户量大 熟练掌握且易懂 实现广泛的网络编程语言 它让用户可以 轻松地联合 Web 页面 脚本和 ActiveX 创建或执行动态的 Web 服务器应用程序 利用简单的代码去开拓强大功能的新程序 通俗易懂的网络语言让更多不太了 解代码的朋友去组建高效便利的网络程序 ASP 是在 IIS 的基础上开放的服务器脚本软件 用过 ASP 之后 可以很容 易地创建 WEB 服务器 ASP 将会掀起一场新的风暴 举个例子 ASP 页面有很好的特征 如下 1 ASP 页面中有很好的服务器端脚本 使用 ASP 服务器端脚本可以创建新 的动态网页 并使用 JScript 等简单易懂的程序语言 通过 HTML 程序语言 即 可快速地完成网站的不同内容 2 ASP 网页制作中有一些内置工具 其能让语言功能体现越发强大 接收 和发送信息都不是问题 例如 利用 Request 对象可以接收到用户在 HTML 中 得到响应 3 标准的 ActiveX 足迹非常有用 用户可以根据足迹 实现实地追踪 这 说明 ActiveX 组件排除了一次性 可以反复性不停拓展组件 4 ASP 能与任何 ActiveX scripting 语言相容 除了可使用 VBScript 或 JScript 语言来设计外 Perl Tol 等 脚本引擎是处理脚本程序的 COM Component Object Model 物件也通过第三方提供 5 ASP 还有很好的保密性 当源程序生成后 会立即传到客户端 以此 提高安全性 综合地讲 ASP 页面即是有服务器端脚本 工具和组件扩展过的页面 操 持它 制作的网页就涵括动态内容 根据一些想法和要求 创立出不同样式的 程序 3 23 2 IISIIS 简介简介 IIS 是 Internet Information Server 的缩写 它是微软公司主推的 Web 服务器 最新的版本是 Windows2000 里面包含的 IIS 5 0 IIS 与 Window NT 3 Server 完全集成在一起 因而用户能够利用 Windows NT Server 和 NTFS NT File System NT 的文件系统 内置的安全特性 建立强大 灵活而安全的 Internet 和 Intranet 站点 IIS 的一个重要要点是兼容 ASP IIS 3 0 版本以 后就有引入了 ASP 即便利了张贴内容和开发相通的语言 并且 IIS 的安装很 通俗便通 一点就会 IIS 支撑多样能力 像 FRONTPAGE INDEX SERVER NET SHOW 其次 IIS 是在 Windows NT Server 上建立 Internet 服务器的基本组件 IIS Internet Information Server 互联网信息服务 是一种 Web 网页 服务组件 其中 包括 Web 服务器 FTP 服务器 NNTP 服务器和 SMTP 服务器 IIS 的安装与配置 a 安装 IIS 安装 IIS 服务器的步骤 需打开 控制面板 添加 删除 Windows 组 件 在 Windows 对话框中选中 Internet 信息服务 IIS 单击 下 一步 就 OK 了 b 启动 Internet 信息服务 IIS IIS 即为 Internet 信息服务 单击 Windows 开始菜单 所有程序 管理 工具 Internet 信息服务 IIS 管理器 可以启动 Internet 信息服务 管 理工具 c 配置 IIS IIS 安装后 用鼠标右键单击 默认 Web 站点 在弹出的快捷菜单中选 择 属性 打开站点属性设置对话框 可完成对站点的全部配置 3 33 3 DREAMWEAVERDREAMWEAVER Dreamweaver 是美国 MACROMEDIA 公司开创的一种网页编辑器 驰名的多媒 体软件开发工具 AUTHORWARE 和 DIRECTOR 都是来自该公司的创造 和目前在互 联网上广为人知的 FLASH 也是来自该公司的创造 而 DREAMWEAVER 设计材料则 是 MACROMEDIA 公司在 FLASH 后创造的又一个具有神奇色彩的对象 DREAMWEAVER FLASH FIREWORKS 三者被 MACROMEDIA 公司称为 传奇梦之队 但是从网页编辑器基本性质看出网页编辑器和非所见即所得网页编辑器 两 者各有千秋 4 3 43 4 行为概述行为概述 经过事实检验 行为是先誊写好的 JavaScript 代码构成的 事件是一个专 有名词 它是大部分浏览器认同的通用代码 比方说 onmouseover onmouseout 和 onclick 都是一些创造者的手段 可以想象的是 当把鼠标点到一个热点上时 浏览器获取了一个事件 叫 onmouseover 并通 过已经调试过得 JavaScript 语言来响应这个事件 行为有三个重要的组成部分 对象 事件和动作 对象是产生动作的主导 事件是触发动态效果的条件 行为通过动作来完 成动态效果 像画片 写的文字 多媒体文件是一些网页材料 这些都有可能 成为 对象 同样 事件 它可以增添到不同页面上 也可以被添加到 HTML 标记网页中 行为 在 Dreamweaver 页面中运用内置作用 用户可以不要自己 填写 因为此时系统已经往页面中输入 JAVE 代码了 3 53 5 Access2000Access2000 数据库数据库 Access2000 一种数据对象 数据库可以搜集材料和储存材料还可以检索信 息 那么什么叫数据库呢 数据库 Database 是由一些有关系的数据 data 组 成的 数据库严格意义上来讨论 它是一组相关联的数据总结 也是数据库中 最小的单元 在计算机中帮我们打点系统的事物 我们称之为 DBMS 它的位置 至关重要 DBMS 是建立在一个或多个数据库之上的系统 并再一次对数据库中 的数据进行整理归纳 Access 的优点在于自定义收集整理资料和信息 同时 数据表示图拥有一种像 Excel 般的板面表格 可以使页面看起来更清晰明了 5 第四章第四章 系统整体设计系统整体设计 4 14 1 设计方案设计方案 因为本题是一个音乐网站 是使用 ASP 技术开发的音乐系统 该系统基于 Windows XP 用 IIS 作为服务器 后台数据库是用 Access 系统构架图如图 4 1 所示 在线听歌 下载 歌曲 留言板 在线投票 在线 论坛 留言管理 用户管理 帖子管 理 前台交互后台交互 ACCESS 数据库 Windows XP HTML ACCESS 图 4 1 系统构架图 4 24 2 模块功能模块功能及结构及结构 本网站具有以下五处特点 收听歌曲 下载歌曲 留言板 意见投票 论 坛讨论 系统模块结构如图 4 2 所示 6 首页 index 收听歌曲 1 play asp 下载歌曲 1 download a sp 留言板 1 留言板 asp 意见投票 vote as p 论坛讨论 bbs aps 查看投票 show vot e asp 图 4 2 系统模块结构 后台管理如图 图 4 3 后台管理系统模块结构 页面系统如下 Index 是显示音乐信息的首页 并具有播放和下载的选键 具体的要领是 点击下载或者播放按钮 将相对应的 id 编号传达到下载页面 便于页面找准信 息记录 1 download asp 是音乐下载页面 后台管理系统 bbs asp 用户管理 页面 adminus er asp 留言管理 页面 Liuyang uanli asp 帖子管理 页面 Adminb bs asp 7 2 play asp 播放页面 进行在线听歌 3 留言板 asp 留言板页面 4 show vote asp 检查投票页面 5 vote asp 投票页面 用户可以在此页面完成本网站的在线调查 并且 投票结果会被传递到 count asp 页面中 6 Count asp 浏览者选择更新数据库 浏览者可以通过此指导转到投票页 面中 7 Admin asp 后台管理的论坛 8 Bbs asp 记录帖子的分页活动 根据帖子发表时间的顺序 9 Readbbs asp 这是用户论坛帖子的页面 10 Addbbs asp 在这个页面中用户可以发表帖子 当然用户回复帖子的页 面也会跳转到这个页面 11 Login asp 论坛用户登录部分 8 第五章第五章 数据库的设计数据库的设计 5 15 1 数据库表的设计数据库表的设计 依据系统 要求我们设定了用户留言表 guestbook 票数计算表 dbvote 投票 ip 地址表 dbvoteip 帖子内容表 bbs 论坛用户表 user 专辑歌曲表 liangjingru wanglihong sunyannzi zhoujielun 数据库表如图 5 1 所示 数据库 music db 音乐信息表 music 系统管理员 admin 用户留言表 guestbook 用户投票表 advote 用户 ip 地址 表 Dbvoteip 帖子内容表 bbs 论坛用户表 user 专辑歌曲表 liangjingr u 图 5 1 数据库表图 音乐信息表 music 如下表 5 2 表 5 2 音乐信息表 music 字段名称数据类型说明 id 自动编号记录编号 musicname 文本歌曲名称 singername 文本歌手名字 musictheme 文本专辑名 主题 musictype 文本音乐文件的类型 musicurl 文本音乐文件的路径 9 管理员数据表 admin 如下表 5 2 表 5 2 管理员数据表 admin 字段名称数据类型说明 username 文本用户名 password 文本密码 用户留言表 guestbook 如表 5 3 表 5 3 用户留言表 guestbook 字段名称数据类型说明 num 自动编号编号 name 文本姓名 email 文本 email home 文本网页 message 文本信息 票数计算表 dbvote 如表 5 4 表 5 4 票数计算表 dbvote 字段名称数据类型说明 best 数字非常好 better 数字比较好 good 数字一般好 inferior 数字较差的 投票 ip 地址表 dbvoteip 如表 5 5 表 5 5投票 ip 地址表 dbvoteip 字段名称数据类型说明 id 自动编号记录编号 voteip 文本访问者 ip 地址 10 帖子数据库表 bbs 如表 5 6 表 5 6 帖子数据表 bbs 字段名称数据类型说明 id 自动编号帖子的序号 subjectID 数字所回复帖子的序号 username 文本发帖用户名 addtime 日期时间发帖时间 subject 文本当前帖子的主题 Content 备注帖子内容 Pic 文本图像的路径 hits 数字帖子的浏览次数 论坛用户数据表 user 如表 5 6 表 5 6 论坛用户数据表 user 字段名称数据类型说明 UerID 自动编号用户序号 username 数字用户 password 文本用户密码 sex 数字性别 regtime 文本用户注册时间 email 文本电子邮箱 sign 备注个性签名 face 文本头像路径 5 25 2 数据库的连接数据库的连接 ACCESS 数据库工具是 Microsoft Office 的管理部分 ACCESS 是用来储 11 存和解决一些研究所必需的数据 ACCESS 更是一个具有强大的数据整理功能的 数据库 可以便利地使用不同种类的数据源 用 DNS 方法前 需要用数据库的 数据源进行表与表的连接 第一步 按照 控制面板 管理工具 数据源 命令 打开如下图展示板面 如图 5 2 所示 图 5 2 ODBC 数据源管理器对话框 选择 添加 选择 Driver do Microsoft Access mdb 打开 ODBC Microsoft access 对话框 并选择 自己建的数据库单击确定 如图 5 3 所示 图 5 3 ODBC Microsoft access 对话框 12 第二步 用 Dreamweaver 新建网页 应用程序 数据库按钮 单 击 自定义链接字符串 自定义链接字符串 对话框 如图 5 4 图 5 5 所示 图 5 4 应用程序 图 5 5 自定义链接字符串 对话框 在当前文本框中输入 Provider Microsoft Jet OLEDB 4 0 Data Source E zuopin data music db mdb Persist Security Info False 单击 测试 会出现如下板面 如图 5 6 所示 图 5 6 成功创建链接脚本 确定 对话框 到此 数据库链接完成 5 35 3 记录集的创建记录集的创建 起初建立一个记录集 表示要在其中创建数据库动态网页 记录集自身是 检索到的数据的集合 它包含完整的数据库表 表的行和列的子集 这些行和 列通过数据库查询进行检索 数据库查询是用 SQL 编写 SQL 是一种简单的 实行在数据库中检索 添加和删除数据的语言 使用 Dreamweaver 附带的 SQL 13 数据库环境模式 您可以在无需 SQL 的情况下对它有一定的认知 进行查询语 句 本网站记录集分别是记录集 rs1 记录集 rs2 记录集 rs3 记录集 rs4 记录集 vote 记录集 bbsrs 记录集 Rs1 是在首页中安放歌曲名 Rs1 创建如图 5 7 所示 图 5 7 记录集 Rs1 首页源文件 图 5 8 首页源文件 记录集 rs2 是 在播放页面安放歌曲 记录集 rs3 是 在下载页面安放歌曲 类似 rs1 记录集 rs4 是连接页面留言与数据库的数据 如 5 8 所示 14 图 5 9 记录集 rs4 记录集 vote 将 dbvote 语言安放在投票页面 其创建时需输入 sql 语句 SELECT best better good inferior best better good inferior as total best total as bestpercent better total as betterpercent good total as goodpercent inferior total as inferiorpercent FROM vote db vote 如图 5 9 所示 15 图 5 10 记录集 vote 第六章第六章 页面系统设计页面系统设计 6 16 1 音乐列表页面设计音乐列表页面设计 音乐列表页面做出来如图所示 16 图 6 1 网站主页 第一步 创建一个记录集 rs1 然后在 绑定 面板中便可以看到 如图 下所示 图 6 2 绑定 面板 第二步 在页面中插入几行几列的表格 将记录中字段一个一个输入 第三步 在第五列和第六列单元格中插入一幅图片 并创建一个热点 然 后选中第五列的图像 进行以下动作 打开 行为 面板 单击 添加行为 17 选择 打开浏览器窗口 弹出 打开浏览器窗口 第四步 选择文件 选中 play asp 单击参数 再在参数下新建一个参数 鼠标定于 值 以此打开 动态数据 对话框 图 6 3 动态数据 对话框 第五步 继三和四之后 我们为第六列的图像添加一个 打开浏览器窗口 的动作 第六步 在 服务器行为 对话框 从弹出的菜单中选中 重复区域 显示如图 6 4 所示 单击确定 图 6 4 重复区域 对话框 页面制作完毕 其表格的代码为 18 6 26 2 播放音乐页面设计播放音乐页面设计 图 6 5 播放音乐页面 第一步 先做好页眉等区域 打开 绑定 面板 单击 记录集 对话框 创建一个记录集命名为 rs2 成功创建记录集 第二步 在该页面中表格 然后将 绑定 面板中记录集 rs2 的 musicname singername 和 musictheme 输入到单元格中相对应文字的 后面 如图 6 5 所示 图 6 6 单元格 19 第三步 再插入一个表格 然后切换到代码图中插入以下代码 此网页的制作完成 6 36 3 音乐下载页面设计音乐下载页面设计 第一步 先制作好页眉等区域 打开 绑定 面板 单击 记录集 创 建一个记录集命名为 rs3 如图 6 6 所示 图 6 7 记录集 rs3 第二步 插入三行的表格 并输入相应的文本 并保存在本系统数据库中 musicurl 字段的音乐文件的相对路径 同时添加路径前缀 http localhost music 如图 6 7 所示 图 6 7 下载歌曲 单元格 第三步 选中 下载地址 然后建立关于其自己的超链接 20 至此 此页面完成 6 46 4 显示投票结果页面设计显示投票结果页面设计 投票结果页面如图所示 图 6 8 显示投票结果 第一步 做好页眉 版权和通栏等区域 打开 绑定 板面 打开 记录 集 对话框 单击 高级 按钮 在 sql 中输入以下代码 创建一个记录集命名为 rs3 第二步 插入一个表格 设置如图 6 9 然后在页面中输入相应的文字 图 6 9 表格属性 第三步 打开 服务器行为 面板 单击一个动态文本选项 这里选中 动态文本 votedb bestpercent 双击鼠标 选择动作如图 6 10 所示 单击确定 关闭对话框 21 图 6 10 动态文本 对话框 第四步 参照第三步的操作 将行为面板中的 votedb betterpercent votedb goodpercent votedb inferiorpercent 几种不同的动态文本格式成相同的格式 第五步 在对应的表格中插入一个一行一列的表格 将表格的宽度暂定为 一定像素 单击右边标题中的 vote bestpercent 复制动态文本的源代 码 将一开始的表格宽度设置换为刚才复制的源代码 其表格的代码为 第六步 用第四步的方法再一次操作 完成第六步 至此 此页面完成 6 56 5 投票页面设计投票页面设计 页面 3 大功能如下 1 采集投票内容 2 防止用户重复投票 3 将用户的投票后的内容输入网页 如图所示 22 图 6 11 投票页面 制作步骤 第一步 制作投票表单 1 弄好一个页眉 域名 然后插入一个对应的表格 行列暂定 2 在 表格的第一行中输入关于您对本网站要求的文字 在表格的第二行中插入一个 表单域并输入文本 投票 创建单选按钮 其选定值依次设置为 best Better good 和 inferior 输入相应文本在其旁边 起到解释作用 第二步 在表格的第三行插入连续的几个相连按钮并进行对应的设置 操 作如下 双击 查看 打开 行为 面板 单击 添加行为 按钮 打开浏览器窗口 打开 打开浏览器窗口 对话框 选择 show vote asp 单击 确定 关闭对话框 第三步 减少票面的重复率 打开 绑定 面板 单击右上加号 选 择 请求变量 图如下 下面进行如下操作 变量可以显现在 绑定 页 面中 如图 6 13 所示 23 图 6 12 请求变量 菜单项 图 6 13 绑定 面板 第四步 获取浏览者的 ip 地址了 在 投票 环节时 在其按钮的右侧插 入一个域 命名为 sendip 单击页面按钮 绑定到动态源 确定就可以 关闭对话框 第五步 接第四部 打开 服务器行为 进行 插入记录 表单的命令 实行如下图所示的操作 图 6 14 插入记录 设置 第六步 页面显示 服务器行为 单击右上 标志 在当前页面中点 击 用户身份验证 菜单项 进行如图下所示的设置 24 图 6 15 检查新用户名 的设置 第七步 在投票页面中剪切其按钮 切换到源代码视图中 显示代码 MM editRedirectUrl count asp 然后将其修改为 MM editRedirectUrl count asp favorite Request favorite 到此 此页制作完成 6 66 6 留言板页面设计留言板页面设计 第一步 在此页面中插入按钮 姓名 邮件地址 主页 消息 等 如图 6 16 所示 图 6 16 插入表单 第二步 在页面显示的插入记录文本框中进行如下图所示的动作 图 6 17 插入记录 设置 本页的主要涉及是表单的设计 其代码为 25 6 76 7 管理留言页面设计管理留言页面设计 第一步 制作一些规定动作 例如 页眉 插入两个文本框 输入如下 图所示的两个大标题文字 插入对应数目的表格 规章写度照如下图的操作如 图 6 18 所示 完成 留言管理 和 退出管理 所在的页面 图 6 18 留言管理 单元格 第二步 光标置于表格上 单机达到选中命令 点击 服务器行为 的 26 到达如下图所示的界面 继续进行如下图的操作 其代码为 图 6 19 转到详细页面 第三步 完成如下操作面板中的服务器 操作如下图显示的选择 选择留言板页面 图 6 20 服务器行为 面板 到此 此页面制作完成 6 86 8 注册论坛用户页面设计注册论坛用户页面设计 在信息项注册新用户必须完成以下提示操作 1 reg asp 注册新用户页面 2 regsuccess asp 注册成功提示页 3 regerror asp 注册失败提示页 制作完成如图所示 27 图 6 21 注册用户页面 分为以下几步 第一步 重新做一个新用户注册页面 参照之前的步骤 完成页眉等制作 第二步 在对应表格中插入一个表单 第三步 选中单元格中的列表域 显示下图操作 列表值 对话框 操 作继续 图 6 22 头像 列表域的值 第四步 切换到代码视图中 在菜单域标签和之间加入 和这是两段 ASP 代码 第五步 接下来在标签的后面按下空格键 并在弹出的下拉列表 中选择 Onchange 事件 然后 onchange 事件添加如下动作代码 28 faceimg src options selectedindex value 第六步 将光标定位于 立即注册 按钮的后面 插入一个隐藏域 在属 性面板中将其命名为 regtime 并将其值设置为 第七步 单击 服务器行为 面板中的加号按钮 在弹出的快捷菜单中选 择 用户身份验证 选择 检查新用户名 菜单项 打开 检查新用户名 对 话框 在 检查新用户名 对话框的 用户名字段 下拉列表中选择 username 在 如果已存在 则转到 文本框中输入用户名已存在的提示 页的路径及文件名 也可以通过单击 浏览 按钮进行选择 6 96 9 论坛用户登录页面设计论坛用户登录页面设计 创建一个如下图的表格 并输入相应的文字 建立一个 用户登录表 创造一个登陆页 是用来检验登录用户的用户名 密码的 如果检验成功 则 转到下一个页面 如果不成功 则转到另一个页面 显示 登录失败 如图所示 图 6 23 用户登录页面 第一步 新建 登录用户 页面 参照前面的内容制作好页眉等 然后插 入表格 在表格中插入相对应得表单 操作如下图所示 第二步 打开 服务器行为 面板 单击行为中的 选择 用户 身份验证 打开 登录用户 在此时显现的 登录用户 面板中输入相 应的参数 并与上一表单中的参数想呼应 如下图 29 图 6 24 登录用户 对话框设置 第三步 继续 绑定 工作 单击页面 字符 打开 阶段变量 打开 名称 文本框 下面是建立阶段变量的步骤 分别在文本框里输入 MM Username 和 MM UerAuthorization 到此 我们完成了创建阶段 变量的工作 6 96 9 论坛首页设计论坛首页设计 本网站具有的另一大特色 论坛讨论 下面请聆听我的介绍 在此首页板面 安放每一个帖子的位置是由发表的先后时间决定的 当然 记录数也是必不可少的 制作完成如图所示 图 6 25 论坛首页 30 第一步 论坛首页是 BBS asp 按照上面建立留言板的步骤 我们有相 应的参数以便于我们建立一个新 bbs 界面和页眉等区域 表格插入其中 然后 添加标签并设置其相应属性设计一个滚动公告栏 第二步 打开 服务器行为 打开 记录集 对话框 输入 bbsrs 于文本框中 选择 bbs 单击确定 到此我们完成 记录 集 的创立 第三步 到达 绑定 页面 我们依次插入关于文本 主题 姓名 发表时期 点击率 并依次输入对应的英文解释于文本下方 点击 服务器行为 面板中的 单击 重复区域 在此画面中标志 10 条记 录 第四步 选中文本 bbsrs subject 接下来进行以下步骤 单击 链接 旁的按钮 打开 选中文件 选择 readbbs 网页 单击 参数 新建一个 id 点击 b lank 键 到此我们完成了一个论坛的链接 6 106 10 论坛发表帖子设计论坛发表帖子设计 网页 addbbs asp 具有两项功能 不管在任何情况下 随时发帖和回帖 下面是创立 addbbs 网页页面的步骤 第一步 新建 addbbs asp 页面 参照前面制作步骤 我们会迅速完成发帖 网页页面 和完成发帖页面的表格制作以及文本方面的安排工作 创作如下图 第二步 将光标置于文本 发帖表情 的后边 复制粘贴一段表情图片 如下 新建一个文件夹 pic 使得与发帖网页的站点一致 图 6 26 发帖页面 第三步 单击 服务器行为 的 显示 用户身份验证 选择 限制对页的访问 选中 用户名和密码 按钮 当然 还需要设定一个回到首 31 页的链接 这里我们可以用热点 也可以选择其他方式 步骤是在显示 如果 访问被拒 请转回 相应文本后链接到 login asp 页面 第四步 单击 隐藏域 插入一个隐藏域 命名隐藏域为 addtime 设置其为 增加一个用户名通过阶段变量 单击确定完成设置 第五步 回到 绑定 界面 单击一个 号 完成如下动作 显示的 请求变量 中有一个 类型 参数 在显示下拉标志的倒三角符号上选择 Request QueryString 输入文本框 subjict 到此 完成变量的建立 上述 的步骤重复三次 光标置于 body 参数后面 双击 显示源代码 插入相应 的代码 6 116 11 论坛阅读帖子页面设计论坛阅读帖子页面设计 当我们阅读一个帖子的时候 它的主要页面是由 readbbs asp 制作而成 当一个帖子我们需要提出意见时 就会显示回帖的文本 如图所示 图 6 27 阅读帖子页面 第一步 重复上面动作 我们要新建一个阅读帖子的网页页面 并完成相 32 应的表格与文本内容 完成一个网页的制作 第二步 建立一个记录集 bbsrs1 输入一个相应的动态文本进当前面板 第三步 建立另一个记录集命名为 bbsrs2 将变量 MMColParam 的 运行值设置 为 bbsrs1 Fields Item username Value 第四步 需要发表新帖时此时我们加上以下代码 a href editbbs asp id 第五步 当需要回复帖子时 进行以下步骤 选中 回复新帖 单击 链接 双击 选择文件 第六步 选择当前代码试图 在 body 后新增添一组代码 第七步 考虑到一些人性化的问题 当没有人回复帖子的时候 我们需要 按照以下方案完成 回复新帖 相关步骤 如上 单击 服务器行为 的 选择 显示区域 双击 如果记录为空 选择 bbsrs3 单击 确定 完成操作 网页的部分代码 见附录 第七章第七章 系统测试系统测试 7 17 1 系统测试系统测试准备准备 系统测试是一种好的方法 让我们来解决系统的不足 这是很