音乐网站课程设计报告

音乐网站课程设计报告 1 第1节 课程设计题目及背景…………………………..3 1.1 设计题目………………………………………………3 1.2 设计背景……………………………………………….3 第2节 网站设计的开发工具…………………………………3 第3节 网站建设过程………………………………………….4 3.1 网站系统分析……………………………………….4 3.2 数据库的设计……………………………………….5 3.3 功能模块介绍……………………………………….8 第4节 网站工作 流程 快递问题件怎么处理流程河南自建厂房流程下载关于规范招聘需求审批流程制作流程表下载邮件下载流程设计 …………………………………………..11 4.1 连接数据库………………………………………….11 4.2 用户登录…………………………………………….12 4.3 歌曲显示，以最新歌曲为例……………………….12 4.4 音乐搜索…………………………………………….12 第5节 网站显示效果…………………………………………..15 5.1 网站主页……………………………………………..15 5.2 歌曲分类页面………………………………………..16 5.3 音乐搜索页面………………………………………..17 5.4 用户留言页面………………………………………..17 5.5 音乐播放器页面……………………………………..18 5.6 后台管理主页面……………………………………..19 5.7 用户管理页面………………………………………..19 第6节 总结和设计体会…………………………………….…..21 2 第1节 课程设计题目及背景 1.1 设计题目 构架一个音乐网站～要求网站必须包含音乐网站的一些基本功能～即前台的用户申请登陆功能～听歌功能～音乐搜索～音乐收藏功能～提交留言和后台的用户管理～歌曲管理～留言管理～系统管理。 1.2 设计背景 在互联网发展迅猛的今天～我们无时无刻不与网络接触～可以从中查找我们需要的信息～可以发布想让别人知道的信息～可以找到你不认识但真心的朋友～也可以第一时间看到国内外的重大事件。当我们无事可做的时候～便开始了娱乐方式的搜索～由此～很多音乐网站和视频网站应运而生～服务大家～为我们的生活增添了色彩。随着我国网民的增加～也促进了音乐网站的开发。 第2节 网站设计的开发工具 2.1 Dreamweaver 8.0 2.2 Flash 8.0 2.3 Firework 8.0 2.4 Access数据库 2.5 IIS服务器 说明:Dreamweaver用于网站的开发～Flash用于网站flash效果的制作～firework对图片进行处理～IIS作为我们的asp网站服务器～数据库则采用微软的Access数据库。 第3节 网站建设过程 3 3.1 网站系统分析 音乐网站包括两大功能模块:前台和后台。两大功能模块又分为很多子模块。前台包括动态显示歌曲模块～动态显示时间模块～用户登录与注册模块～关于我们和留言模块～音乐搜索模块。后台包括用户管理模块～歌曲管理模块～留言管理模块和系统管理模块。整体模块组织如下图所示: 音乐网 前台模块 后台模块 用 用 动动音留用 歌留系 户 户 态态乐言户 曲言统 注 登显显搜模管管管管 册录示示索块 理理理理 模模歌时模模模模模 块 块 曲 间 块 块 块 块 块 3.1.1 前台模块详细功能描述 用户注册:用户注册自己的空间 用户登录:用户登录空间查看音乐收藏 动态显示歌曲:根据类别不同～显示华人歌曲～日韩歌曲～影视歌曲～伤感歌曲～非主流歌曲等等。 动态时间:网页中显示动态的时间 音乐搜索:搜索数据库中包含的歌曲 留言:用户提交自己的留言 4 3.1.2 后台模块详细功能描述 用户管理:显示和编辑所有用户信息～歌曲收藏和删除用户 歌曲管理:显示～编辑和插入歌曲信息～删除歌曲 留言管理:显示和删除留言信息 系统管理:修改管理员密码和网站信息 3.2 数据库的设计 : 3.2.1 用户信息表,users,～属性和内容如下表列名 数据类型 必填字段 默认值 说明 Userid 自动编号 是 无 用户Id Username 文本 是 无 用户名 Userpassword 文本 是 无 密码 Mobile 文本 是 无 手机 Userqq 文本 是 无 QQ Adddate 日期/时间 是 是 注册日期 Psw_quesions 文本 是 无 密码 提示 春节期间物业温馨提示小区春节期间温馨提示物业小区春节温馨提示春节物业温馨提示物业春节期间温馨提示 Psw_answer 文本 是 无 密码答案 City 文本 是 无 所在城市 Address 文本 是 无 地址 Sex 文本 是 无 性别 Realname 文本 是 无 真实姓名 Code 文本 否 无 邮编 Useremail 文本 是 无 电子邮箱 3.2.2 音乐信息表,music,～属性和内容如下表: 列名 数据类型 必填字段 默认值 说明 id 自动编号 是 无 音乐编号 Music_name 文本 是 无 音乐名称 Artist 文本 是 无 艺术家 url 文本 是 是 音乐文件地址 Zhuanji 文本 是 无 所属专辑 5 Adddate 日期/时间 是 是 添加日期 Liebie 文本 是 是 所属分类 3.2.3 管理员信息表,admin,～属性和内容如下表: 列名 数据类型 必填字段 默认值 说明 Id 自动编号 是 否 管理员编号 Admin 文本 是 否 用户名 Adminpassword 文本 是 否 密码 3.2.4 留言信息表,liuyan,～属性和内容如下表: 列名 数据类型 必填字段 默认值 说明 Ly_id 自动编号 是 否 留言编号 Content 文本 是 否 留言内容 Connection 文本 是 否 留言方式 Addtime 日期/时间 是 是 留言日期 3.2.5 网站信息表,webmess,～属性和内容如下表: 6 列名 数据类型 必填字段 默认值 说明 Shuoming 文本 是 否 网站说明 Web_name 文本 是 否 网站名称 Web_yuming 文本 是 否 网站域名 Web_key 文本 是 否 关键字 Describle 文本 是 否 描述 3.2.6 歌曲收藏表,shoucang,～属性如下表: 列名 数据类型 必填字段 默认值 说明 S_id 自动编号 是 否 收藏编号 Username 文本 是 否 用户id Music_name 文本 是 否 音乐id Adddate 日期/时间 是 否 收藏时间 3.2.7 用户-音乐关系表,sx,～属性如下表: 列名 数据类型 必填字段 默认值 说明 S_id 自动编号 是 否 编号 Username 文本 是 否 用户名 Music_name 文本 是 否 歌曲名 Artist 文本 是 否 艺术家 url 文本 是 是 音乐地址 Adddate 日期/时间 是 是 添加日期 7 3.3 功能模块介绍 3.3.1 登陆注册模块 该模块的工作流程图如下: 登陆界面 点击注册链接 输入用户名和密码 Y Y N 注册页面 账号或密码错误～ 填写注册信息 N 检查表单元素 注销用户 修改注册信息 Y 修改成功 态显示歌曲模块 3.3.2 动 歌曲显示 该模块流程图如下: 华人歌曲 日韩歌曲 欧美歌曲 影视歌曲 乐队歌曲 DJ歌曲 流行歌曲 伤感歌曲 经典歌曲 网络歌曲 非主流歌曲 根据数据库中音乐的类别分别绑定数据集 判断有无音乐 N Y 显示歌曲列表 没有相关记录～ 8 3.3.3 动态显示时间模块 该模块采用javascript脚本显示动态的系统时间～代码如下: 9 3.3.4 音乐搜索模块 该模块的工作流程图如下: 音乐搜索 输入搜索信息 判断数据库中表中是否存在改信息 N Y 没有相关记录 显示搜索信息 3.3.5 留言模块 该模块的工作流程图如下: 用户留言 输入留言信息 检查合法性 N Y 提交到数据库 输入内容有误～ 3.3.6 后台管理 该模块的工作流程图如下: 10 后台管理 输入管理员账号和密码 判断账号和密码正确性 N 账号或密码错误～ Y 查看用户信息 查看歌曲信息 查看留言信息 修改管理员密码 N N 输入旧密码 删除用户 删除留言 Y Y Y N 是否正确 删除成功～ 删除成功～ 输入新密码 N 添加歌曲 删除歌曲 N 检查表单 Y 输入歌曲信息 Y 删除成功～ N 修改成功～ 检查表单 Y 添加成功～ 第4节 网站工作流程 4.1 连接数据库 4.1.1 创建ODBC数据源 管理工具—数据源ODBC—系统DSN打开ODBC Microsoft Access安装～数据源名conn～选择数据库文件～确定。 4.1.2 连接数据库文件(如下图) 11 4.2 用户登录 包括3个页面:login.asp,loginfo.asp和loginerr.asp, 通过添加服务器行为的登陆用户行为即可。登陆成功如图: 4.3 歌曲显示，以最新歌曲为例 4.3.1 做出最新歌曲显示页面，如下: 4.3.2 绑定记录集 添加服务器行为中的添加记录集～打开下图记录集节目～正确填写各项～华人歌曲和日韩歌曲等页面只是筛选或排序 12 不同而已。此页面的记录集如下: 4.3.3 添加重复区域和显示区域 选中要重复的区域，添加服务器行为中的重复区域，选择相应条件即可，选择插入—应用程序—记录集分页—记录集导航条，添加上一页和下一页等。 4.3.4 显示的结果如下: 13 4.4 音乐搜索 4.4.1 添加搜索结果页面 4.4.2 绑定记录集 注:Request.Form(“searchtext”)是从搜索页面传递过来的参数～并将该参数与数据库中的歌曲名和艺术家字段比较～筛选出需要的记录。 4.4.3 搜索结果显示，如下: 4.5 音乐播放页面 4.5.1 Dreamweaver中制作出该页面 14 注:列表中为框架网页～包括15个网页～即15个分类～可以查看自己的收藏～并播放收听美妙的歌曲。 4.5.2 绑定记录集 注:musicid为点击试听后传递的参数 第5节 网站显示效果 5.1 网站主页 15 注:主页的右上角为动态时钟～上方为网站形象flash～并有设为首页和添加收藏功能～可通过上传作品和下载作品查看说明～中间网站分类导航条和音乐搜索～左下角为会员登录窗体～可通过链接进行注册～下方网站版权说明～关于我们和留言提交链接。 5.2 歌曲分类页面 16 注:歌曲分类页面均来自于 模板 个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载 ～结构相似～只是数据集的绑定不同而已～故此不做重复介绍。 5.3 音乐搜索页面 注:在音乐搜索文本框中输入搜索文本～点击音乐搜索按钮后～会显示出搜索结果～同样也可以在有主页模板生成的其他页面进行搜索。 5.4 用户留言页面 输入反馈内容和联系方式后～单击确定提交按钮～即可将用户要反馈的内容提交给后台数据库。 17 5.5 音乐播放器页面 注:点击音乐名称链接或者点击试听后～网站会自动打开该网页播放器页面～播放你选中的音乐～而播放器的左边分类歌曲列表～供你选择喜欢的各种类型歌曲。 18 5.6 后台管理主页面 注:在上述登陆后台页面中输入管理员账号和密码～输入正确后登陆到后台管理～如下: 注:后台显示登陆的管理员名称～进入后台后～可以进行一下操作:用户管理～歌曲管理～留言管理和系统管理。 5.7 用户管理页面 注:该页面可以查看用户的详细资料～查看用户的音乐收 19 藏和删除用户。 5.8 歌曲管理页面 注:该页面可以对音乐资料进行查看～编辑和删除～同样也可以插入音乐。 5.9 留言管理页面 注:留言页面～可以查看用户的留言和建议来提高网站的 20 稳定性～亦可以删除无用的留言。 5.10 系统管理页面 系统管理页面包括修改管理员密码和更改网站信息两个部分，功能实现密码修改和信息信息修改，截图如下: 第6节 总结和设计体会 通过本次课程设计～我对asp网站的构建有了更深一步的了解～弥补了课堂上学习不到的知识～同时也对网站制作中使用的软件有了一定的掌握～如:Dreamweaver～Flash和Firework～可以利用这些软件做出自己想要的网站效果～一个周的时间也做出了自己还算满意 21 的作品。 但同时还存在很多问题～如IIS服务器的配置会偶尔出错。在制作网页的过程中～有时候会对自己做出的效果并不满意～总是达不到自己想要的结果～大概是实践太少的缘故吧:对此应该加强练习～增加经验。最后要感谢老师和同学们的帮助～我相信此次课程设计会对今后的生活有一定的影响。