转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
用Dreamweaver打造在线音乐网站         ★★★★

用Dreamweaver打造在线音乐网站

作者:闵涛 文章来源:闵涛的学习笔记 点击数:708 更新时间:2009/4/23 12:32:40

  本实例将详细介绍在线音乐网站的实现过程。

  效果说明

  图 94-1 所示是在线音乐网站的首页页面,用户勾选要播放的歌曲后单击【提交】按钮,将会弹出如图 94-2 所示的播放页面。

用Dreamweaver打造在线音乐网站

  创作构思

  通过数据网络提交复选框的选择值,以此建立一个查询数据集,并通过该数据集生成播放列表“ asx ”文件,以实现在线音乐网站。

  操作步骤

  步骤一 应用程序的环境设置

  ( 1 )复制光盘中实例 94 的内容。将“光盘 \ 源文件 \ 实例 94 ” 目录下的所有文件复制到“ C:\ Inetpub\wwwroot\ ”目录下。在 IIS 服务器中设置默认网站的主目录为“ C:\ Inetpub\wwwroot\music ”(请参考实例 1 中的相关方法)。在 Dreamweaver 中新建站点“ music ”,其站点目录为“ C:\ Inetpub\wwwroot\music ”(建立站点的方法请参照实例 2 )。

  ( 2 )“ music ”表的数据结构。运行 Access ,打开“ C:\ Inetpub \wwwroot\music\data\data.mdb ”,可以看到数据库“ \data.mdb ”中只有“ music ”一个数据表,该表的数据结构如图 94-3 所示。

用Dreamweaver打造在线音乐网站

  ( 3 )建立数据库链接“ musicconn ”,链接数据库“ C:\ Inetpub\wwwroot \music\data\data.mdb ”,方法请参考实例 75 。

  步骤二 音乐网站首页的实现

  ( 1 )打开“ music ”站点下的“ index.apsx ”,这时“ index.apsx ”页面及站点文件如图 94-4 所示。

用Dreamweaver打造在线音乐网站

  ( 2 )添加数据集“ musicData ”。在【服务器行为】面板中添加数据集“ musicData ”,具体设置如图 94-5 所示。

用Dreamweaver打造在线音乐网站

  ( 3 )添加“ musicGrid ”数据网络。在【服务器行为】面板中添加“数据网络”,在【数据网络】对话框中设置 ID 为“ musicGrid ”,数据集为“ musicData ”,导航为“编号链接到每一页”,其他设置如图 94-6 所示。

用Dreamweaver打造在线音乐网站

  ( 4 ) 添加“ playcheck ”复选框。切换到表单快捷菜单,在页面空白处添加表单复选框,设置其名称为“ playcheck ”。切换到代码视图,用数据集“ musicData ”下的字段“ id ”替换“ playcheck ”复选框源代码中的“ value ”值,如图 94-7 所示。

用Dreamweaver打造在线音乐网站

  ( 5 )选择“ playcheck ”复选框的源代码,将其剪切。在服务器行为面板中再次打开数据网络“ musicGrid ”,参照如图 83-5 所示的方法,编辑“ id ”标题为“编号”、“ name ”标题为“歌曲名称”、“ who ”为“歌唱者”、“ date ”为“发表时间”。选择“ url ”,单击【—】按钮,将“ url ”从列中删除,结果如图 94-8 所示。

用Dreamweaver打造在线音乐网站

  ( 6 )设置【自由格式列】。单击【 + 】按钮,在弹出的快捷菜单中选择【自由格式】菜单项。然后在弹出的【自由格式列】对话框中设置标题为“播放”,并将之前剪切的复选框源代码粘贴到【内容】文本区域中,具体操作可参考图 83-6 。

  ( 7 )添加【表单】按钮。在【数据网络】对话框中单击【确定】按钮,返回到页面。为页面添加一个【表单】按钮,保持其默认设置。

  ( 8 )定义“ Page_Load ”过程,该过程的代码如下所述。

Sub Page_Load(Sender As Object,e As EventArgs)
If Trim(Request.Form("playcheck"))<>nothing then
session("playch")=Trim(Request.Form("playcheck"))
Dim scriptString As String = " IPT language=JavaScript> function Page_Load() {"
scriptString += "window.open('play.aspx','','width=240,height=240')}"
scriptString += "<"
scriptString += "/"
scriptString += "script>"
If (Session("playch") <> Nothing) And (Trim(Request.Form("playcheck")) <> Nothing) Then
If (Not Me.IsStartupScriptRegistered(("Startup")) Then Me.RegisterStartup Script("Startup", scriptString)
End If
End If
End Sub

  (读者可打开【光盘】|【源文件】|【实例 94 】|【 94.1.txt 】文件,直接复制)

  程序说明:

  提交表单后当复选框“ playcheck ”的提交值非空时,则执行以下程序。

  ① 首先将复选框“ playcheck ”的提交值存储在“ session("playch") ”中。由于提交值可能不是单一的,所以该提交值的存储形式为选择歌曲 ID, 选择歌曲 ID ,选择歌曲 ID ……

  ② 通过变量“ scriptString ”定义客户端函数“ Page_Load ”,该函数与服务端过程“ Page_Load ”是同步的,就是当执行“ Page_Load ”过程时,同时也会执行客户端函数“ Page_Load ”。该客户端函数其实是一个弹出窗口函数。

  ③ 当复选框“ playcheck ”的提交值非空及“ session("playch") ”非空时,检测客户端函数是否注册成功( Not Me.IsStartupScriptRegistered ( ("Startup") ),如果注册成功,则装载客户端函数后执行该函数。

  ( 9 )保存“ index.aspx ”文件。


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台