音乐分享网站（JavaSSH）

桃扇骨 2024-04-01 11:15 63阅读 0赞

目 录  
摘要 1  
Abstract 2  
引言 3  
1.编写目的 3  
2. 项目简介 3  
3.选题背景 3  
4.运行环境 4  
5.选题意义 4  
一、需求分析 5  
1.1项目功能描述 5  
1.2项目可行性分析 5  
1.3性能描述 5  
二、系统设计 6  
2.1项目介绍 6  
2.2业务流程 8  
三、数据库模型设计 9  
3.1数据字典的设计 9  
3.2数据库类的设计 13  
3.3E-R图的设计 14  
四、详细设计 15  
4.1系统功能模块设计 15  
4.2用户注册模块 17  
4.3用户登录模块 22  
4.4歌曲管理模块 27  
4.5歌曲音乐广场模块 40  
4.6收藏夹模块 49  
五、系统的测试与维护 55  
5.1单元测试 55  
5.2集成测试 56  
总 结 57  
参考文献 58  
一、需求分析  
1.1项目功能描述

音乐主页，音乐分类，用户中心，音乐留言。  
音乐主页：是本网站的登录页面。用户需要登录成功后,才能上传和下载音乐,并对音乐进行管理。  
音乐分类：按音乐的类型分类，显示不同类型的歌曲。  
用户中心：用户可以进行音乐的上传、下载和音乐管理等功能。  
音乐留言：给自己收藏的音乐留言。可以是对音乐的评价，意见等以及听后的感受。  
1.2项目可行性分析  
技术可行性：使用jsp、Ibatis、spring，mysql、json, 合理设计技术方案,并与其他音乐网站进行比选和参照。  
经济可行性：本网站可进行网上销售，卖家可以购买唱片与音乐有关的商品。有效配置经济资源、增加供应、创造就业、改善环境、提高人民生活等方面的效益。  
社会可行性：本网站对社会完全没有不良影响。  
1.3性能描述  
本系统采用的技术方案为JSP+Tomcat+MySql，即使用JSP作为Web服务器端开发语言，采用Tomcat作为Web服务器和JSP引擎，采用MySql作为后台网络数据库管理系统。本系统的开发环境如下所述：  
操作系统：WINDOWS XP  
运行工具：IE 7.0  
开发工具：MyEclipse 2013  
数据库：　MySql  
服务器： Tomcat 6.0  
设计模式：MVC设计模式  
二、系统设计  
2.1项目介绍  
用户访问网站时，如未登陆成功的用户，则可以查看网站中的有关音乐信息不能下载和收藏，可以查看留言但是不能添加留言。本文转载自http://www.biyezuopin.vip/onews.asp?id=12447注册为会员,我们经您的注册信息保存到数据库中，在您登陆后，可以进行添加留言，也可以上传音乐和下载音乐，对自己喜欢的音乐也能进行收藏。  
![在这里插入图片描述][fc8f6c6b822a4604b3362d5f58928be2.png]  
图2-1 结构图

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title></title>
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	<link rel="stylesheet" type="text/css" href="img/style.css"/>
    
    <script type="text/javascript" src="img/tab.js"></script>
    <SCRIPT src="img/jquery.min.js" type=text/javascript></SCRIPT>
    <SCRIPT type=text/javascript> 
    var _c = _h = 0;
    $(document).ready(function () {
        
        $('#play  li').click(function(){
        
            var i = $(this).attr('alt') - 1;
            clearInterval(_h);
            _c = i;
            //play();
            change(i);       
        })
        $("#pic img").hover(function(){
        clearInterval(_h)}, function(){
        play()});
        play();
    })
    function play()
    {
        
        _h = setInterval("auto()", 8000);
     
    }
    function change(i)
    {
        
        $('#play li').css('background-color','#000000').eq(i).css('background-color','#FF3000').blur();
        $("#pic img").fadeOut('slow').eq(i).fadeIn('slow');
    }
    function auto()
    {
           
        _c = _c > 6 ? 0 : _c + 1;
     
        change(_c);
    }
    </SCRIPT>
    <style type="text/css">
    .img_switch {
        
    	WIDTH:1000px;
    	HEIGHT: 261px;
    	overflow:hidden;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    }
    .img_switch_content {
        
         HEIGHT: 261px;
    	 position:relative;
    }
    .img_switch_text {
        width: 261px;position: absolute;z-index:10; bottom:5px;left:10px;HEIGHT: 15px; z-index:10000 !important}
    .number_nav {
        DISPLAY: inline;FLOAT: left;}
    .number_nav UL {
        font:12px Arial, Helvetica, sans-serif;padding: 0px;MARGIN: 0px;LIST-STYLE-TYPE: none;color:#fff;}
    .number_nav UL LI {
        float: left;font-weight: bold;background: #000;float: left;margin-right: 8px;width: 23px;cursor: pointer;line-height: 17px;height: 17px;text-align: center;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
    #pic {
          OVERFLOW: hidden}
    </style>
      </head>
      
     <body>
    <div class="top">
      <div class="top_bar">
        <div class="logo"></div>
        <div class="at1">快来体验吧！</div>
        <div class="clear"></div>
      </div>
      <div class="nav">
        <ul>
    	  <li><a href="index.jsp">主页</a></li>
          <li><a href="AllType.action">分类音乐</a></li>
          <li><a href="AllCommentByMusic.action?attachmentid=6">留言板</a></li>
    	  <li><a href="main.jsp">用户中心</a></li>
        </ul>
      </div>
    </div>
    <div class="content">
      <div class="main">
        <div class="container">
          <div class="denglu">
            <div class="tabbox">
              <div class="menu5">
                <ul>
                  <li id="one1" onMouseOver="setTab('one',1,2)" class="hover">登录</li>
                </ul>
              </div>
              <div class="con_t1" id="con_one_1">
    		     <form action="loginaction.action" method="post">
                <table width="100%" border="0">
                  <tr>
                    <td width="60" height="40" align="right">用户名 </td>
                    <td><input name="username"  type="text" value="" class="text2" /></td>
                  </tr>
                  <tr>
                    <td width="60" height="40" align="right">密  码 </td>
                    <td><input  name="password" type="password" value="" class="text2"/></td>
                  </tr>
                  <tr>
                    <td width="60" height="40" align="right"> </td>
                    <td><div class="c4"><input type="submit" value="" class="btn2" />   </div></td>
                  </tr>
                </table></form>
              </div>
              <div class="con_t1" id="con_one_2" style="display:none">          </div>
            </div>
          </div>
          <DIV class="img_switch">
          <DIV class="img_switch_content" id="pic"> <a href="#"><IMG  src="img/banner3.gif"></a> <a href="#"><IMG  src="img/banner4.gif"></a> <a href="#"><IMG  src="img/banner3.gif"></a> <a href="#"><IMG  src="img/banner4.gif"></a> <a href="#"><IMG  src="img/banner3.gif"></a> <a href="#"><IMG  src="img/banner4.gif"></a> <a href="#"><IMG  src="img/banner3.gif"></a> <a href="#"><IMG  src="img/banner4.gif"></a>
            <DIV class="img_switch_text">
              <DIV class="number_nav">
                <UL id="play">
                  <LI alt="1" style="background:#f00;">1</LI>
                  <LI alt="2">2</LI>
                </UL>
              </DIV>
            </DIV>
          </DIV>
        </DIV>
        </div>
        <div class="box1">
          <div class="txt1">	
    	<a  target="zhuce"  href="resgist.jsp" style="font-weight:normal; font-size:18px; color:#610007">轻松注册，拥有自己的音乐</a>
    	<br />
    <iframe src="AllTypeindex.action" name="zhuce" scrolling="no" frameborder="0" class="txt" id="zhuce" style="height:550px; width:600px;background-color:#f0f0f0"></iframe>
    
          </div>
          </div>
            <div class="txt"> <div style="margin-left:50px; margin-top:60px;">
    		<a  target="zhuce"  href="resgist.jsp"><img src="img/icon4.jpg"  width="122" height="152"/></a></div>
          <div class="clear"></div>
    	  
    	   <div class="txt"> <div style="margin-left:50px; margin-top:60px;">
    		<a href="AllCommentByMusic.action?attachmentid=6"><img src="img/icon5.gif"  width="122" height="152"/></a></div>
        </div>
        <div class="clear"></div>
        <div style="background:url(img/bg6.jpg) repeat-x; height:2px; width:100%; margin-top:220px; overflow:hidden"></div>
        <div class="clear"></div>
      </div>
    </div>
    
    </div>
    <div class="foot">
      <div class="foot_nav"></div>
      <div class="foot_bar">2014</div>
      <div class="clear"></div>
    </div>
    </body>
    </html>

![在这里插入图片描述][2db75dafd23a4b778af73434a3a87b31.png_pic_center]  
![在这里插入图片描述][80c8c0b761134a13b0786073d563b3ff.png_pic_center]  
![在这里插入图片描述][153cd64499804cacb4523fd3a5097190.png_pic_center]  
![在这里插入图片描述][5f51caf75c4b410e81aa47a1ec203a71.png_pic_center]  
![在这里插入图片描述][f061b7a02091417faa98d20f8b4bd90d.png_pic_center]  
![在这里插入图片描述][69d08223f3ff419a968148363907e375.png_pic_center]  
![在这里插入图片描述][24ecc78416b3407995b941f6eb107cec.png_pic_center]  
![在这里插入图片描述][b093dda3628747d0b84f07dd5727a142.png_pic_center]  
![在这里插入图片描述][95da4fd8eae5405eb9a5906bc05c74bc.png_pic_center]  
![在这里插入图片描述][8066baf0fd94495bb23bdfc19697b9e3.png_pic_center]  
![在这里插入图片描述][26e646965a55415ea42799577f67d9f3.png_pic_center]  
![在这里插入图片描述][67c5c31940544544bee5a7cd4062fa5d.png_pic_center]  
![在这里插入图片描述][90e3071122d24ab69d480988121cf16d.png_pic_center]  
![在这里插入图片描述][b46f3d591ce748b29f1bf14982263f47.png_pic_center]  
![在这里插入图片描述][d47a5eb1a94842fe9c3f03c55fb1af47.png_pic_center]  
![在这里插入图片描述][5f6b9e34440d43529798f33df478cc03.png_pic_center]  
![在这里插入图片描述][3651d1c465254e1fa602580b597ae9c4.png_pic_center]  
![在这里插入图片描述][8e166a8be39d49e0927ec84e5789feb0.png_pic_center]  
![在这里插入图片描述][cb375238f92747a499e4a6a51be8df63.png_pic_center]

[fc8f6c6b822a4604b3362d5f58928be2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7c817ebd0d9540d2b0b03565d5de610f.png
[2db75dafd23a4b778af73434a3a87b31.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e2d5e35c5ead440895bda50a7cbb3359.png
[80c8c0b761134a13b0786073d563b3ff.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/490d0cbe81bb4a4799e9f827439392fb.png
[153cd64499804cacb4523fd3a5097190.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/eece79e1c60c48b096f914d533931dc9.png
[5f51caf75c4b410e81aa47a1ec203a71.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ca21e12e487f4067b72f3444d6c45c0a.png
[f061b7a02091417faa98d20f8b4bd90d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/133c29ba80184183a62c48fdefbc929d.png
[69d08223f3ff419a968148363907e375.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b69bc46d7b31449a8a0f2edddeae76f5.png
[24ecc78416b3407995b941f6eb107cec.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6030894b0d2248ecbd26a86ef620213a.png
[b093dda3628747d0b84f07dd5727a142.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4987dda2b99b436394f329f9fbd17f65.png
[95da4fd8eae5405eb9a5906bc05c74bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cd57533ff5f547f3918b115e007e4db7.png
[8066baf0fd94495bb23bdfc19697b9e3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/13b6d44258364761bd419124bd8c6114.png
[26e646965a55415ea42799577f67d9f3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0ca062742d9c48d6b3a44bdf23235ae2.png
[67c5c31940544544bee5a7cd4062fa5d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d1a33beea0024d50b99e187a40c34821.png
[90e3071122d24ab69d480988121cf16d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d9954f3f15c24d92a209b87851941f56.png
[b46f3d591ce748b29f1bf14982263f47.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7fbfd9b597764c869fcc2869ac5dfe0d.png
[d47a5eb1a94842fe9c3f03c55fb1af47.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9c4a05c2dc2b43389bd4f09a6d068bf9.png
[5f6b9e34440d43529798f33df478cc03.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c634ed62b0484408ac41c5822ee81ddc.png
[3651d1c465254e1fa602580b597ae9c4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2c141f82110844549324b766423a122f.png
[8e166a8be39d49e0927ec84e5789feb0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f163100f88cb4b268a162efac8470290.png
[cb375238f92747a499e4a6a51be8df63.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/449bafa7fc1a473f867ddff113199925.png