畅聆在线音乐网站的设计与实现

摘  要：在如今这样一个信息化的网络时代，音乐变得无处不在，尤其是多媒体的出现让音乐更加大众化、普及化了。只要你鼠标轻轻一点，就可以找到各种各样的，甚至是不同国家的音乐信息供你聆听。在线音乐网站正是利用现在流行媒体技术设计开发的，它的出现将使得用户收听音乐更加方便快捷。

系统阐述的是一个在线音乐网站的设计与实现，网站开发采用了DIV+CSS开发技术，网站前台页面有歌曲列表，歌词显示，歌手信息查询，歌曲的搜索，在线听歌等。前台界面设计以白色为主，后台以黑色为主，黑色和白色的搭配，是永远都不会过时，一直都位于时尚的前沿。同时，黑白两色是极端对立的色，然而有时候又令我们感到它们之间有着令人难以言状的共性。极强的表现了网络化生活。布局清爽大方，符合交互要求。同时网站结合SQL server数据库的使用完成了后台数据的读取。

关键词：DIV+CSS 音乐网站 SQL数据库 

目 录

1 引言 1

1.1 畅聆在线音乐网站的开发背景 1

1.2 畅聆在线音乐网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 畅聆在线音乐网站的开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Microsoft SQL Server 2008 2

2.2.2 Adobe Photoshop cc 3

2.2.3 Power Designer 4

2.2.4 Microsoft Visual Studio 2010 4

2.2.5 动软代码生成器 4

2.2.6 IE Tester 5

2.3 本项目应用的主要开发技术 5

2.3.1 C# 语言 5

2.3.2 DIV+CSS 5

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务分析 9

4.2 业务工作角色分析 9

4.3 概要设计 10

4.3.1 网站结构图 10

4.3.2 网站概要设计说明 11

4.4 现行研究存在的问题及解决办法 14

5 数据库设计 15

5.1 数据库结构 15

5.2 数据库表 15

5.3 数据库表关系图 17

5.4 数据库设计命名规范 18

6 网站实现 19

6.1 网站后台界面设计与布局 19

6.1.1 后台登入界面 19

6.1.2 信息管理界面 19

6.2 网站前台界面设计与布局 20

6.2.1 首页 20

6.2.2 内容页 22

6.3 说明 25

6.3.1 项目文件命名规范 25

6.3.2 项目文件结构说明 25

6.4 动软生成解决方案 26

6.5 Web.Config 文件配置 26

7 测试 28

7.1 测试 28

7.2 测试例子及其结果 29

7.2.1 页面效果测试 29

7.2.2 后台添加测试 29

8 总结与展望 31

致谢 32

参考文献 33