////开发自己的音乐网页(2)续1
在开发各个页面的效果,前台核心代码如下放在了母版里面了,这个超连接传一个id参数,主要是为后面打开的页面做前提的。
<td>
<a href="index.aspx" >
<img src="images/daohang_02.gif" border="0" width="82" height="39" alt=""></a></td>
<td>
<a href="musicInfo.aspx?id=1">
<img src="images/daohang_03.gif" border="0" width="82" height="39" alt=""></a></td>
<td>
<a href="musicInfo.aspx?id=2">
<img src="images/daohang_04.gif" border="0" width="92" height="39" alt=""></a></td>
<td>
<a href="musicInfo.aspx?id=3">
<img src="images/daohang_05.gif" border="0" width="92" height="39" alt=""></a></td>
<td>
<a href="musicInfo.aspx?id=4">
<img src="images/daohang_06.gif" border="0" width="92" height="39" alt=""></a></td>
<td>
////当我们点击首页的流行的歌曲时就打开了上面的效果这就是上面的超连接的效果。
在上面的页面里就是我们应该要的内容页了。
同样也放入的是一个gridview,同时我们就像首页一样,先自定义好显示绑定的列项再对gridview进行绑定才可以得到上面的效果
代码
//前台: <asp:GridView ID="gvMusic" runat="server" AutoGenerateColumns="False"
Width="645px" OnRowCommand="gvMusic_RowCommand" >
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="musicName" HeaderText="歌曲名称" />
<asp:BoundField DataField="singerName" HeaderText="歌手" />
<asp:BoundField DataField="specialName" HeaderText="专辑名称" />
<asp:BoundField DataField="auditionSum" HeaderText="试听次数" />
<asp:BoundField DataField="downSum" HeaderText="下载次数" />
<asp:BoundField DataField="fileSize" HeaderText="文件大小" />
<asp:TemplateField HeaderText="试听">
<ItemTemplate>
<a onclick="window.open('playMusic.aspx?id=<%#Eval("id")%>','','width=380,height=260');" href="#" ><img border="0" src="images/shit.GIF" width="16" height="16" /></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="下载">
<ItemTemplate>
<asp:LinkButton ID="likbtnDown" runat="server" CommandName="down" Font-Underline="False" CommandArgument='<%# Eval("id") %>'><img border="0" src="images/xz.gif" width="16" height="16" /></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<RowStyle CssClass="huise1" />
<HeaderStyle CssClass="huise1" />
</asp:GridView>
//////后台protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//调用自定义bindGV方法,显示歌曲的详细信息
bindGV();
bindAudition();
}
protected void bindGV()
{
//创建SQL语句,该语句用来查询歌曲的详细信息
string sqlSel = "select * from tb_musicInfo where musicType=" + Request["id"].ToString();
//设置GridView控件的数据源
gvMusic.DataSource = dataOperate.getRows(sqlSel);
//设置GridView控件的主键
gvMusic.DataKeyNames = new string[] { "id" };
//绑定GridView控件
gvMusic.DataBind();
}
////看到了吧,我们能过request来首页超连接传来的id进行捕获得到相应的数据库的信息。
当我们在后台的时候绑定的时候注意要把从数库查询出的歌曲数据的id进行关建字的绑定,因为我们下载或者试听的时候要在数据库再进行相应的查找到
我们要试听的或者下载的歌曲,就像传参一样,这步很重要。
以此类推,经典歌曲页,民族歌曲页等等和这个页面几乎一样,我们可以通过这样,添加想要的页面。
下节介绍下每个页面的复选框及试听和下载的功能。好了就些到这了,深夜了,明天还要上班88
/////后续
分享到:
相关推荐
web前端开发音乐播放器网页代码
基于web的云音乐网页
基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于...
网页设计 班级网站 插入音乐 有javascript脚本,图片都是自己处理过得
[影音娱乐]完全自主开发的网页音乐播放器 v1.0_imusic.zip源码ASP.NET网站源码打包下载[影音娱乐]完全自主开发的网页音乐播放器 v1.0_imusic.zip源码ASP.NET网站源码打包下载[影音娱乐]完全自主开发的网页音乐播放器...
我在大学毕业时做的毕业设计——在线音乐网站实现,搜集了很多网页音乐播放器的资料,加上现在的整理,自己做了一个网页音乐播放器。 相关的说明在压缩包的【readme】文件中,希望给予正在开发网页音乐播放器的人员...
一款可以通过网页搜索的的音乐播放器,具有播放器的所有功能,比如皮肤,前进。 最主要的是不需要把MP3音乐文件下载到本地硬盘,即可直接播放,有效的节省您的硬盘空间。 该源代码的技术特色基于网络的一些...
基于JSP开发的网页音乐播放器.docx
该播放器设置了一个窗口,先由刚打开网页时候的初始化欢迎界面,作为一个向导界面。 当用户进入播放器主界面时,可以查看歌词,播放上一首或者下一首歌曲,暂停歌曲等。在为你推荐歌曲栏目中,可以查看推荐歌曲的...
基于html5的网页音乐播放器
这款播放器采用thinkphp6框架开发,以XPlayerHTML5为基础,为您呈现一个功能强大的网页播放器前台控制面板。它不仅支持多音乐平台音乐解析,更在二开过程中针对播放器接口问题进行了深入修复。 在二开过程中,我们...
(2)整体控制列表内容(ul),需要对其设置宽度、高度、圆角、阴影等样式。 (3)设置5个列表项(li)的宽高、背景样式属性。其中第一个li需要添加多重背景图像,最后一个li底部要圆角化,需要对它们单独进行控制。...
前端开发:HTML、CSS、JavaScript等用于构建网页和Web应用程序的技术。 后端开发:涉及服务器端编程、API开发、数据库集成等技术。 移动应用开发:包括iOS开发(使用Swift或Objective-C)和Android开发(使用Java或...
《迪士尼影视电影网页带背景音乐(6页,可用作Web开发课程设计)》是一个富有创意和趣味性的学习资源,旨在帮助学生深入了解Web开发技术,提升他们的实践能力和创新思维。 这个项目以迪士尼影视电影为主题,包含了六...
实验设计: 1、 用H5设计显示界面。显示内容有当前播放的歌曲名,歌曲进度,上一首、播放/暂停、下一首按钮,声音大小控制,默认播放的音乐等:
紫色流行音乐时尚网页模板 紫色流行音乐时尚网页模板 紫色流行音乐时尚网页模板
asp.net 在线音乐点播系统是一套完善的web设计管理系统,系统具有完整的源代码和数据库,系统主要采用B/S模式开发,开发环境为vs2010,数据库为sqlserver2008,或者更高版 二、功能介绍 实现以会员方式的音乐管理及...
QQ音乐界面模仿 web课程设计作业,主要是html+css,含有部分js 主要利用HBuilder X编写,主要用于学习 主要有四个界面,分别是首页、排行榜、登录、听歌报告 界面实现有2D动态轮播图,3D动态轮播图,时间倒计时,...
否则会安装错误,再在music-demo文件夹中,使用控制台输入npm install安装软件包, 输入npm run serve,如果报错则再次输入npm install,再输入npm run dev,直到出现localhost提示 运行网易云音乐网页版demo
musicAPI 这是一个用.net做的获取网易云音乐后台API的项目,采用VS2013开发