在线音乐网站【03】Part one 功能实现

简介:

7.网站主要模块实现

a.在线音乐前台

  由于在线音乐网站要提供用户在线音乐的相关服务,当用户打开网站时,引入眼帘的是首页,所以首页的对于整个网站来说是非常重要的一个页面,首页排版和设计的美观与否将直接影响到游客的浏览和用户的注册。首页不仅要实现各种功能的展示,而且还要着眼于系统整体风格,能让首页做到功能完善,页面简洁美观。

  网站前台有歌曲排行榜展示、专辑排行榜展示、歌手排行榜展示、用户登录和注册、系统歌曲搜索、试听排行榜歌曲和下载排行榜歌曲、我的收藏等功能。程序运行结果如图7.1所示。

   
图7.1 前台主界面图

实现过程:

  1)在进入音乐排行榜、专辑排行榜、歌手排行榜、我的收藏等功能时,实现AJAX技术效果,不刷新整个页面,只是异步刷新相应的排行表格数据,这样在增强用户体验的同时,也最大化的保证了已经登录的用户信息的安全,关键代码如下:

复制代码
$(function () {
            l(1);
        })
        function l(m) {
            $.ajax({
                type: "post",
                url: "ajaxmlist.aspx",
                data: "id=" + m,
                success: function (msg) {
                    if (m == "1") {
                        $("#ltitle").html("音乐排行榜")
                    }
                    if (m == "2") {
                        $("#ltitle").html("专辑排行榜")
                    }
                    if (m == "3") {
                        $("#ltitle").html("歌手排行榜")
                    }
                    if (m == "4") {
                        $("#ltitle").html("我的收藏")
                    }
                    //将数据放入LIST中
                    $("#mlist").html(msg);
                }
            })
        }
复制代码

  2)首页的登录区,可以在用户提交登录信息后,将信息与用户数据表中对比,并判断是用户还是管理员,并做出不同的页面跳转动作,关键代码如下:

复制代码
 Session["type"] = "";
            Session["userId"] = "";
            string sql = "select password,[type] from [user] where userId=@userId";
            SqlCommand cmd = new SqlCommand(sql, conn);
            cmd.Parameters.Add("@userId",SqlDbType.NChar).Value = userId.Text.Trim();
            cmd.Connection.Open();
            SqlDataReader dr = cmd.ExecuteReader();
            string passwd = "";
            if (dr.Read())
            {
                passwd = dr.GetString(0);
                if(passwd.Trim().ToString() == Password.Text.Trim().ToString())
                {
           Session["userId"] = userId.Text.ToString();
           if (dr.GetString(1).Trim().ToString() == "admin")
           Response.Redirect("~/musicChange.aspx?userId=" + userId.Text.ToString() + "");
                    else
                        Response.Redirect("Default.aspx");
                }
            }
            else {
                Session["userId"] = null;
                Session.Clear();
                FailureText.Text = "账号或密码错误,登录失败!";
            }
复制代码

 

b.歌曲的试听和下载 

  当用户进入在线音乐网站时,可以试听歌曲排行榜的任何一首歌曲,如下图7.2,同时也可以把它下载到本地电脑上面如图7.3。  

       

图7.2 歌曲试听界面       

              

图7.3 歌曲下载界面

1)试听功能的实现过程

在音乐排行榜数据表格中,定义如下代码:

<a href='playlist.aspx?id="+ dt.Rows[i]["id"].ToString() + "' target='_blank' >"

用户点击歌曲名称是进入歌曲试听界面,程序将通过歌曲ID,获取歌曲文件路径,并传递给播放器,关键代码如下:

复制代码
string path = new DirectoryInfo(Server.MapPath("")).FullName.ToString() + @"\file\" + updateMusic();
            string str = path.Replace('\\', '/');
            fileUrl = str;
            update_album();
            update_singer();
            SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["LocalSqlServer"].ToString());
            string sql = "select * from [music]";
            SqlCommand cmd = new SqlCommand(sql, conn);
            cmd.Connection.Open();
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                    ListItem listItem = new ListItem { Value = dr.GetString(0), Text = dr.GetString(1) };
                    Select1.Items.Add(listItem);        
            }
            Select1.Items[0].Selected = true;
            dr.Close();
            cmd.Connection.Close();
复制代码

2)下载功能的实现过程

在音乐排行榜数据表格中,定义如下代码:

<a href='downLoadList.aspx?id=" + dt.Rows[i]["id"].ToString() + "'>下载</a>

当用户点击下载按钮后,程序将通过歌曲ID,获取到歌曲的文件路径,并通过Response对象将文件写出,关键代码如下:

复制代码
string m_name = downMusic();
            string path = new DirectoryInfo(Server.MapPath("")).FullName.ToString() + @"\file\" + m_name;
            string str = path.Replace('\\', '/');
            update_album();
            update_singer();
            System.IO.FileInfo file = new System.IO.FileInfo(str);

            if (file.Exists)
            {
                Response.Clear();
                Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(Encoding.UTF8.GetBytes(m_name)));
                Response.AddHeader("Content-Length", file.Length.ToString());
                Response.ContentType = "application/octet-stream";
                Response.Filter.Close();
                Response.WriteFile(file.FullName);
                Response.End();
            }

            else
            {
                Response.Write("This file does not exist.");
            }
            Response.Redirect("Default.aspx");
复制代码

 

c. 歌曲模糊搜索功能

  当用户只记得歌曲名、专辑、歌手的一部分的时候,在线音乐网站采用了模糊搜索,同样可以搜到你想听的歌曲,如图7.4所示。

 

图7.4 搜索

实现过程:

  用户在搜索框中输出文本时,当点击搜索按钮时,会触发search_btn_Click事件,同时会将文本和搜索类型传入搜索页面的dataBind方法中,通过使用查询数据库含有like '%'的语句,可以实现对歌曲的模糊搜索,关键代码如下:  

复制代码
if (type.Equals("music"))
            {
cmd.CommandText = "SELECT * FROM [music] WHERE(musicName like '%'+@musicName+'%') ORDER BY count DESC";
cmd.Parameters.Add("@musicName", SqlDbType.NChar).Value = name;
            }
 else if(type.Equals("singer"))
            {
cmd.CommandText = "SELECT * FROM [music] WHERE(singer like '%'+@singer+'%') ORDER BY count DESC";
cmd.Parameters.Add("@singer", SqlDbType.NChar).Value = name;
            }
            else
            {
cmd.CommandText = "SELECT * FROM [music] WHERE(album like '%'+@album+'%') ORDER BY count DESC";
cmd.Parameters.Add("@album", SqlDbType.NChar).Value = name;
            }
            SqlDataAdapter da = new SqlDataAdapter();
            da.SelectCommand = cmd;
            SqlCommandBuilder sqlcb = new SqlCommandBuilder(da);
            DataSet ds = new DataSet();
            da.Fill(ds, "music");
            if (ds.Tables["music"].Rows.Count > 0)
            {
                dg.DataSource = ds;
                dg.DataBind();
            }
            else
            {
                dg.Visible = false;
                msg.Text ="没有找到相关文件!";
            }
        }
复制代码

 本文转自Orson博客园博客,原文链接:http://www.cnblogs.com/java-class/p/4075484.html,如需转载请自行联系原作者

相关文章
thinkphp6.0 集成Alipay 手机和电脑端支付的方法
第一步   下载 Alipay 的PHP SDK :https://docs.open.alipay.com/54/103419/ 第二步   解压下载都到的压缩包:   解压后得到的文件内容如图    第三步、上传得到的目录中的 aop 文件夹到 thinkphp 6.
6043 0
|
28天前
ripro子主题wori-child集成后台美化包(适用于设计素材站+资源下载站等)
新内容如下 1、子主题独立运行,彻底摆脱覆盖原主题文件 2、下载信息插件升级优化 3、细节优化
15 0
ripro子主题wori-child集成后台美化包(适用于设计素材站+资源下载站等)
|
28天前
|
PHP
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
安装教程 第一步:首先对应单个上传替换包里面的文件到ripro原主题里面(单个文件覆盖不是替换整个文件包) 第二步:将下载的sheji-child压缩包上传到/wp-content/themes/直接解压,完成后到后台-外观-启用子主题 后台新建页面 1:页面-新建页面-选择VIP介绍模板,链接填vip 2:页面-新建页面-选择自助申请友链模板,链接填links
11 0
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
|
1月前
|
Go
区域代理分红商城系统开发指南教程/步骤功能/方案逻辑/源码项目
The development of regional proxy dividend distribution mall system involves multiple aspects such as proxy dividend function and electronic mall system development. The following is an overview of the steps for developing a regional agent dividend distribution mall system
|
2月前
|
小程序 开发者
移动端修改小程序基础信息
移动端修改小程序基础信息
25 0
|
3月前
|
小程序
基于微信小程序的超市售货管理平台设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的超市售货管理平台设计与实现(源码+lw+部署文档+讲解等)
53 0
基于微信小程序的超市售货管理平台设计与实现(源码+lw+部署文档+讲解等)
|
4月前
|
存储 固态存储 安全
PACS系统源码,医学图像处理和分析系统
PACS部分主要提供医学影像获取、影像信息网络传递、大容量数据存储、影像显示和处理、影像打印等功能。RIS主要提供分诊登记、叫号、检查报告生成和打印等功能。影像存储与传输系统将二者进行无缝对接,提供了一个完整的集患者登记、图像采集、图像存储、报告产生的影像检查诊疗业务流程。
|
7月前
|
存储 前端开发 测试技术
同城交友开发稳定版丨同城交友app系统开发详细程序/案例设计/方案逻辑/规则详情/源码设计
需求分析:明确系统的功能、特点和目标受众,并根据市场需求进行需求调研,从中提取核心功能和关键需求。
|
10月前
|
存储 区块链
即时聊天/即时通讯app系统开发详情方案/玩法规则/案例设计/源码说明
区块链的核心——分布式和存储不依赖于中心化的硬件或管理机构,在区块链中的所有节点的权限和义务都是对等的,Therefore,each result can also participate in the recording and maintenance of data.It differs from traditional data structures that rely on the"center"and can achieve point-to-point data transmission and real-time data recording,with higher effici
|
JavaScript Unix Linux
PHP开发的网站,如何实现批量打印快递单的功能?
虽然市场中不断有新的编程语言诞生,但不得不承认PHP在web开发领域仍一直占有很大份额,高效开发是他一直以来最大的一个优点,而且他的学习成本也较低,入门门槛较低,和Python一样是解释性语言,很多人都说他是世界上最好的语言。其实语言并没有好坏之分,只有是否适用,每门语言都有自己的优缺点,毕竟想要获得一样东西,总要放弃点什么,有舍有得,看自己怎么权衡,只要能解决问题就是好的,不管黑猫白猫抓到老鼠就是好猫。自从swoole的加持以及和GO语言的结合,也弥补语言本身的很多不足,慢慢缩小和其他语言之间的差距,不过还是有很长的路要走。--题外话
303 0

热门文章

最新文章