ASP.NET+Dreamweaver8案例精粹 教学课件 ppt 作者 武新华 8-14第14章.ppt

《ASP.NET+Dreamweaver8案例精粹 教学课件 ppt 作者 武新华 8-14第14章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第14章音乐点播与下载系统的制作14.1总体设计14.2音乐列表页面的制作14.3音乐播放器页面的制作14.4音乐下载页面的制作14.5音乐点播与下载系统成品预览14.6上机实战14.7可能出现的问题与解决方法14.8总结与经验积累14.1总体设计图14-1音乐点播下载系统的总体设计流程图14.1.1程序原始文件的复制及网站程序基本数据表的制作在制作音乐点播与下载系统之前，首先得把程序原始文件复制到特定的主文件夹中，这里将系统盘D盘中的一个文件夹“cfweb”作为本地服务器的主文件夹。　　将源文件中的文件夹“musicSys

2、tem”复制粘贴到D:cfweb目录下，即可完成程序原始文件的复制。　　为了后面制作动态网页时不至于把很多数据和信息弄混，在动手做网站之前，最好先把使用到的网站程序基本数据表给整理出来，具体如表14-1所示。14.1.2程序数据库分析实现保存音乐记录的数据库有以下三种方法：　　第一种方法是将音乐文件像网页文件一样保存在服务器上，如此只需在数据表的字段中，填入音乐文件在服务器上的相对路径即可。　　第二种方法是只记录在Internet上的音乐文件的URL信息，即收集在Internet上其他网站提供的音乐文件，这样只需向数据

3、表的字段中填入音乐文件的URL即可。这种方法与前一种方法的不同之处在于：在服务器上不需要提供音乐文件，只需要提供其他网站上的音乐文件的URL，从而节约了服务器的硬盘空间。第三种方法是将音乐文件写入数据库中，在数据库中添加一个类型OLE对象的字段，此字段以二进制的方式来保存文件。如果需要在网页上输出，则可以通过ResponseBinaryWrite()的方法，来从数据库的字段中输出该文件。　　本章中用第一种方法来设计数据库表，这里将数据库文件放在“Database”子文件夹中，以区分其他类型的文件夹。本章中使用的数据库是D:

4、cfwebmusicSystemDatabaseMusic.mdb，其中包含了一个数据表“Music”，用Access将其打开之后，数据结构如图14-2所示，数据表的设计如表14-2所示。图14-2【Music：表】对话框14.2音乐列表页面的制作14.2.1新建站点新建网站时需要参考14.1.1节中的网站程序基本数据表，具体的操作步骤如下：(1)进入Dreamweaver8之后，执行【站点】→【新建站点】命令项，即可打开如图14-3所示的【编辑文件】对话框。(2)输入站点名称“音乐点播与下载系统”之后，单击【下一步】按

5、钮，即可打开如图14-4所示的【编辑文件，第2部分】对话框。图14-3【编辑文件】对话框图14-4【编辑文件，第2部分】对话框(3)点选“是，我想使用服务器技术”单选框，选择使用的服务器技术种类之后，单击【下一步】按钮，即可打开如图14-5所示的【编辑文件，第3部分】对话框。(4)点选“在本地进行编辑和测试(我的测试服务器是这台计算机)”单选框之后，再在其下的文本框中输入程序文件夹位置，最后单击【下一步】按钮，即可打开如图14-6所示的【测试文件】对话框。图14-5【编辑文件，第3部分】对话框图14-6【测试文件】对话框(5)

6、输入测试的网址之后，即可通过单击【测试】按钮，测试所输入的URL是否正确。如果正确，则会弹出提示框，单击【确定】按钮，返回到原来的对话框，最后单击【下一步】按钮，即可出现如图14-7所示的【共享文件】对话框。图14-7【共享文件】对话框(6)由于目前网站程序并不打算上传到远程服务器，因此点选“否”单选框之后，单击【下一步】按钮，即可打开如图14-8所示的【总结】对话框。图14-8【总结】对话框(7)在【总结】对话框中即可看到之前对该网站进行的详细设置信息，如果确认设置无误，则单击【完成】按钮，即可完成站点的创建。反之，如果仍然

7、有需要更改的地方，则可单击【上一步】按钮，重新进入【编辑文件】对话框，进行站点设置的修改。14.2.2设置数据库连接站点建立之后，还需要将站点下的文件和所要使用的数据库连接起来，以便后面的音乐点播与下载系统的制作。　　具体的操作步骤如下：(1)在【文件】面板的【站点】选项下，双击要编辑的音乐列表页面“Music.asp”，即可将其在编辑区域中打开。(2)选择【应用程序】面板下的【数据库】选项，并在其中单击【+】按钮，在打开的下拉菜单中选择【自定义连接字符串】项，如图14-9所示。图14-9设置数据库连接(3)在如图14-10

8、所示的【自定义连接字符串】对话框的“连接名称”文本框中输入连接的名称“connMusic”，在“连接字符串”文本框中输入使用的连接字符串“"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("/Datab