AJAX在线音乐网站(3)Part one 功能实现

今天打算把网站功能的具体实现给总结回顾一下,如果你想了解整个小项目,建议你先看看前面2篇博客。

1.AJAX在线音乐网站(1)需求和功能结构

2.AJAX在线音乐网站(2)数据库和开发环境

7.网站主要模块实现

a.在线音乐前台

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

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

 
图5.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 [email protected]";
            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.歌曲的试听和下载 

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

图5.2 歌曲试听界面

图5.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. 歌曲模糊搜索功能

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

图5.4 搜索

实现过程:

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

if (type.Equals("music"))
            {
cmd.CommandText = "SELECT * FROM [music] WHERE(musicName like ‘%‘[email protected]+‘%‘) 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 ‘%‘[email protected]+‘%‘) ORDER BY count DESC";
cmd.Parameters.Add("@singer", SqlDbType.NChar).Value = name;
            }
            else
            {
cmd.CommandText = "SELECT * FROM [music] WHERE(album like ‘%‘[email protected]+‘%‘) 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 ="没有找到相关文件!";
            }
        }
时间: 2024-10-09 15:21:21

AJAX在线音乐网站(3)Part one 功能实现的相关文章

AJAX在线音乐网站(4)Part two 功能实现

   上一篇博客里面已近总结了三个功能的具体实现,今天把剩余功能的具体实现补充总结,如果你想对整个小项目有清楚的了解,建议去看下前几篇博客. 1.AJAX在线音乐网站(1)需求和功能结构 2.AJAX在线音乐网站(2)数据库和开发环境 3.AJAX在线音乐网站(3)Part one 功能实现 d.歌曲添加功能的实现 管理员或是被管理员授权的用户可以将自己喜欢的歌曲添加到在线音乐网站的首页排行榜中.如图7.5所示. 图7.5 歌曲添加 实现过程: 通过在ASP.NET页面定义标签中的错误属性,如下

AJAX在线音乐网站(5)测试

需求.功能结构.数据库设计.功能实现都总结完,哈哈,就等于是盖一座房子,风水看了.地基打了.房子取向也决定了.墙也砌起来了.油漆也刷上了,嗯,好的.现在是不是该住进房子享受一下了,如果想看看我的房子是什么样子的,可以看看我前面几篇博文: 1.AJAX在线音乐网站(1)需求和功能结构 2.AJAX在线音乐网站(2)数据库和开发环境 3.AJAX在线音乐网站(3)Part one 功能实现 4.AJAX在线音乐网站(4)Part two 功能实现 那现在是时候测试下我的在线音乐网站了,今天打算总结下

AJAX在线音乐网站(2)数据库和开发环境

  昨天主要描述了网站需求和功能结构,今天花了点时间,总结了下网站具体的数据库设计还有所用到的开发环境和工具.  如果对前面的总结有兴趣的朋友可以查看我上篇博客AJAX在线音乐网站(1)需求和功能结构 5.网站数据库设计(E-R图) 采用E-R图分析在线音乐网站数据关系.下面具体叙述在线音乐网站中主要的实体图及E-R图. 歌曲信息表实体图如图5.1所示:主要有歌曲ID.歌曲名.演唱者.专辑名.歌曲类型.下载次数.访问量.总访问量等基本属性. 图5.1 歌曲信息实体图 专辑信息表实体图如图5.2所

AJAX在线音乐网站(1)需求和功能结构

前段时间根据课程安排,实现了一个ASP.NET在线音乐网站,最近时间不紧,打算对前段时间的小项目进行记录和总结,一是回顾项目进行的整个流程,二是加深对所用技术和工具的理解,三是反思项目过程中出现的问题和解决方法. 1.网站需求: 1.歌曲展示:用户登录网站首页后,展示歌曲排行榜.专辑排行榜.歌手排行榜: 2.用户登录和注册:当游客希望成为我们网站的一个用户来获得更多的权限的时候,网站提供注册和登录: 3.网站歌曲搜索:可以通过歌名.专辑名.歌手三种不同类型,并支持模糊查询来搜索你想试听的歌曲:

基于JSP的在线音乐管理系统-java音乐管理系统在线音乐网站下载音乐mysql数据源

基于JSP的在线音乐管理系统-java音乐管理系统在线音乐网站下载音乐mysql数据源 1.包含源程序,数据库脚本.2.课题设计仅供参考学习使用,可以在此基础上进行扩展完善.开发环境:Eclipse ,MySQL 5.1,JDK1.8,Tomcat 7涉及技术点:MVC模式.JavaWeb.JDBC.HTML.CSS.JQUERY.Maven.C3P0.分页.文件上传.购物车等.实现功能:充值.购买歌曲.poi数据导入导出.歌曲上传下载.歌曲播放.用户注册登录注销,管理员.系统没用任何框架,前台

音乐网站开发,在线音乐网站建设,DJ音乐网站制作

本公司专业承接音乐网站开发,在线音乐网站建设,DJ音乐网站制作,手机音乐网站制作开发等服务,需要的朋友可以私聊,谢谢. 支持定制,电脑版,手机版,微信版,小程序版,APP版提供一站式服务:联系QQ:2 3 6 0 2 4 8666(私聊),微信:luenmicro 电话:181-2795-0266 原文地址:http://blog.51cto.com/14052561/2313778

基于JSP的音乐网站的设计与实现

获取项目源文件,技术交流与指导联系Q:1225467431 摘   要 随着互联网和宽带上网的普及,网络传输以其特有的快速.高效.便捷的传输方式越来越被人们接受.在当今社会的影响下,人们因为快节奏的工作和生活产生了极大的压力,这时就需要一个放松的环境去释放这些压力,因此音乐网站也就应运而生了.与此同时,音乐网站也为广大音乐爱好者提供了一个音乐交流的平台,借此增加对音乐的了解. 音乐网站系统以Struts2为框架进行开发,以JSP作为页面载体,后台数据库使用Mysql,在Windows环境下使用M

在线收听付费音乐网站,音乐网站制作、音乐类网站电台定制开发

本公司承接:建站,仿站,网站定制,小程序开发,公众号,微信商城,购物商城,拥有10年经验的网站开发团队,从需求分析.网站开发等一系列为客户提供全方位的网站建设工作,网站开发为定制项目根据需求报价 音乐网站支持电脑版,手机版在线收听音乐,付费制版权功能,采用PHP+MySQL实现,支持个性化定制开发. 有需要的朋友可以联系我们Tel: 13229989046(微信同号)QQ:2154259079 原文地址:http://blog.51cto.com/13944860/2338420

专业定制DJ音乐网站,在线音乐播放网站源码开发建设

模仿qq音乐网站,虾米音乐网站,网易云音乐网站,酷我音乐网站,酷狗音乐网站开发定制等.承接dj音乐站搭建一条龙服务. 联系我时,请说是在64楼看到的,谢谢! 需要可以联系我的QQ:2360248-666  ,微信:luenmicro    电话:13112215717 原文地址:https://www.cnblogs.com/luchakeji/p/8413301.html