使用springboot+mybatis+vue实现的音乐社交平台——毕设/课设/竞赛/实训/大作业（资料下载可私信）

目录

一、项目简介

二、项目整体需求分析

三、项目需求分析

四、项目设计

4.1数据库设计

4.2后端设计

（1）实体类（domain 文件夹下）

（2）Mapper 接口（dao 文件夹下）

（3）Mapper.xml 文件（mapper 文件夹下）

（4）Service（service 文件夹下）

（5）Controller（controller 文件夹下）

五、项目实现

六、项目页面测试

6.1 登陆/注册

6.2 个人信息

6.3 更换头像上传头像

6.4 我的音乐

6.5 首页

6.6 搜索音乐框

6.7 按歌单查询

6.8 按歌手分类

6.9 播放歌曲

6.10 后台管理首页

6.11 用户管理

6.12 歌手管理

6.13 歌单管理

资料下载可私信

---

一、项目简介

音乐社交平台X-music采用前后端分离技术进行开发。前端页面采用套用于构建用户界面的渐进式vue技术进行开发，软件可以运行在web端上。软件界面操作流畅，页面美观，用户体验较好。后端服务器采用Java的开源框架SpringBoot、mybatis进行开发，后端服务器具有高并发、高性能和高可用等优点。在后端代码接口编写上，使用了mybatis的代码生成器，对简单的curd进行了代码生成，减少了很多后端代码编写，接口测试使用了postman进行测试，页面也会进行测试，确保项目的健壮性。

二、项目整体需求分析

X-music属于音乐类网站，以歌单、音乐、社交、为核心要素，主打发现和分享。专业的私房“歌单”和音乐推荐，格调顿现；听着歌看着大家对歌的评价， 听歌也可更有趣；可对自己喜爱的歌进行收藏。后台管理系统可对歌单、歌手、用户进行管理，可对权限进行控制，灵活改变。本音乐网站的开发主要利用前端框架VUE开发客户端和管理端，后端接口用Spring Boot来实现，数据持久化用的是 MyBatis，数据用MySQL来进行存储。

三、项目需求分析

3.1登陆注册

用户可根据用户名密码进行登陆，在没有账号的情况下，可以点击注册填写基本信息进行注册。

3.2个人信息

用户点击个人信息，可查看用户名、密码、性别、手机、邮箱、生日签名、地区等基本信息。

3.3搜索音乐

用户根据搜索框搜索出自己想要的音乐，并且显示出音乐列表，其中有音乐名称和歌手名称。

3.4按歌手归类

该音乐网站可按歌手分类查看，点击后会按歌手进行排序分类，其中有全部类型、男歌手、女歌手、组合歌手。点进去可以看歌手的简介和歌手对应的音乐。

3.5按歌单归类

该音乐网站可按歌单分类查看，点击后会按歌单进行排序分类，其中有全部歌单、华语、粤语、欧美、日韩、纯音乐、BGM、乐器。歌单点进去可以查看歌曲、歌单简介，可以对歌单进行评分。

3.6音乐列表

点击我的音乐可以查看自己收藏的所有音乐，如果多了会分页显示，我的音乐页面的音乐列表有歌曲名和艺人名和对应的专辑名。

3.7播放音乐

点击音乐列表中的音乐可以播放音乐，可以下一首、可拖拉进度条、可查看歌词。

3.8下载音乐

点击下载音乐按钮可以保存MP3到本地。

3.9收藏音乐

点击收藏音乐按钮可以将音乐收藏到自己的收藏夹中，可在我的音乐中查看。

3.10数据统计

后台管理系统根据数据库中的数据进行统计，如用户总数、歌曲总数、歌单总数等信息，并对用户的性别比例，歌单类型进行可视化的统计。

3.11用户管理

管理员可以对用户进行管理，例如基本的增删改查和对用户的头像管理。

3.12歌手管理

管理员可以对歌手进行管理，完成歌手的增删改查和对歌曲的增删改查。

3.13歌单管理

管理员可以对歌单进行管理，可以对歌单的评论和歌单的音乐进行管理查看。

四、项目设计

4.1数据库设计

数据库采用mysql开发，运行速度快,MySQL体积小,命令执行的速度快。

使用成本低。

根据需求设计了9张表，以下是ER图展示。

1、管理员（admin）实体：id，用户名，密码。

2、用户（consumer）实体：id，用户名，密码、性别、手机号、邮箱、生日、签名、地区等。

3、歌手（singer）实体：id，歌手名称、性别、图片、生日、地区、介绍。

4、音乐（song）实体：id，歌手id、音乐名称、介绍、图片、地址等。

5、歌单（song_list）实体：id，标题、图片、介绍等。

6、评分（rank）实体：id，用户id、歌单id、评分。

7、音乐和歌单的中间表（list_song）实体：id，音乐id、歌单id。

8、评论（comment）实体：id，用户id，歌曲id、歌单id、内容等。

9、用户音乐歌单中间表（collect）实体：id，用户id、音乐id、歌单id等。

4.2后端设计

使用了经典的mvc三层架构模型，它实现了显示模块与功能模块的分离。提高了程序的可维护性、可移植性、可扩展性与可重用性，降低了程序的开发难度。

后端技术栈：

技术	类型	版本
Springboot	容器	2.1.1.RELEASE
Jdk	环境	1.8
Mybatis	ORM框架	1.1.1
Fastjson	Json转换	1.2.47
junit	单元测试	4.12

项目层次我将主要根据 domain、 dao、server、controller 这几层主要实现的功能和它们之间的联系进行介绍。

（1）实体类（domain 文件夹下）

定义数据库表所对应的实体类。

（2）Mapper 接口（dao 文件夹下）

Service 层调用这里的方法去操作数据库。

（3）Mapper.xml 文件（mapper 文件夹下）

上面说到 Service 层调用 Mapper 接口里的方法去操作数据库，但是函数是不能直接去进行 CURD 的， 它是将自己映射成 Mapper.xml 文件，让它去操作数据表的，这样我们就不用去操心烦杂的 SQL 语句了。

（4）Service（service 文件夹下）

Service 层用来处理 Controller 层处理数据时具体要做的逻辑实现，它的实现是利用 Mapper 接口去映射的Mapper.xml 文件去操作数据库，将操作后的结果返回回来进行处理，处理完成后再将它处理的结果返回给Controller 层。

封装 Service 层的业务逻辑有利于通用的业务逻辑的独立性和重复利用性 。

（5）Controller（controller 文件夹下）

控制器用来设定路由，接收前端发来的请求并进行业务逻辑处理，当要处理数据库里的数据的时候调用 Service 层去处理，处理完成后给前端发一个响应。

4.3前端设计

使用vue+elementUI的解决方案，vue是轻量级框架、简单易学、具有双向数据绑定、组件化、视图,数据,结构分离等特点。ElementUI美观容易开发。

技术	类型	版本
Vue	渐进式框架	2.x
Vue-Router	路由管理器	3.0
Vuex	中心化状态管理方案	2.x
Axios	请求工具	1.x
ElementUI	UI框架	2.4.6

前端项目结构大致如下：

├── build // webpack相关配置文件
├── config // vue基本配置文件
├── node_modules // 包
├── index.html // 入口页面
├── package.json // 管理包的依赖
├── src // 项目源码目录
│   ├── assets  // 静态资源，图片、js、css 等
│   ├── api  // 封装请求的 api
│   ├── components
│   │   ├── AlbumContent.vue // 展示歌单歌手包含的歌曲
│   │   ├── Comment.vue // 评论
│   │   ├── ContentList.vue // 展示歌单歌手区
│   │   ├── LoginLogo.vue // 登录界面的logo
│   │   ├── PlayBar.vue // 页面底部的播放控制区
│   │   ├── ScrollTop.vue // 回到顶部
│   │   ├── SongAudio.vue // 接收音乐并播放的位置
│   │   ├── Swiper.vue // 轮播图
│   │   ├── TheFooter.vue // 页脚
│   │   ├── TheHeader.vue // 页头
│   │   ├── TheAside.vue // 播放列表
│   │   ├── search // 搜索区
│  │   │   ├── SearchSongLists.vue // 按歌单搜索
│  │   │   └── SearchSongs.vue // 按歌手搜索
│   │   ├── mixins
│  │   │   └── index.js // 公共方法
│   │   ├── router
│  │   │   └── index.js // 路由
│  │  └── store // 管理数据
│  │     ├── configure.js
│  │     ├── index.js
│  │     ├── song.js
│  │     └── user.js
│  ├── pages // 组件
│   │   ├── 404.vue // 404
│   │   ├── Home.vue // 首页
│   │   ├── Info.vue // 个人信息区
│   │   ├── Login.vue // 登录区
│   │   ├── LoginUp.vue // 注册区
│   │   ├── Lyric.vue // 歌词显示区
│   │   ├── MyMusic.vue // 我的收藏区
│   │   ├── Search.vue // 搜索区
│   │   ├── Singer.vue // 歌手区
│   │   ├── SingerAlbum.vue // 歌手详情
│   │   ├── SongList.vue // 歌单区
│   │   ├── SongListAlbum.vue // 歌单详情
│   │   └── Upload.vue // 修改头像
│  ├── main.js // 入口js文件
│  └── App.vue // 根组件
├── static // 存放静态资源 
├── test // 测试文件目录
├── .babelrc // bable 编译配置

五、项目实现

5.1登陆注册

登陆方法获得请求中的用户名密码，判断数据库中是否存在，存在就返回正确，否则返回错误。

@ResponseBody
@RequestMapping(value = "/user/login/status", method = RequestMethod.POST)
public Object loginStatus(HttpServletRequest req, HttpSession session){
  JSONObject jsonObject = new JSONObject();
  String username = req.getParameter("username");
  String password = req.getParameter("password");
  boolean res = consumerService.veritypasswd(username, password);
   if (res){
    jsonObject.put("code", 1);
    jsonObject.put("msg", "登录成功");
    jsonObject.put("userMsg", consumerService.loginStatus(username));
    session.setAttribute("username", username);
    return jsonObject;
   }else {
    jsonObject.put("code", 0);
    jsonObject.put("msg", "用户名或密码错误");
    return jsonObject;
    }
  }

添加用户，根据前端传进来的参数保存到数据库中。
@ResponseBody
@RequestMapping(value = "/user/add", method = RequestMethod.POST)
public Object addUser(HttpServletRequest req){
    JSONObject jsonObject = new JSONObject();
    String username = req.getParameter("username").trim();
    String password = req.getParameter("password").trim();
    String sex = req.getParameter("sex").trim();
    String phone_num = req.getParameter("phone_num").trim();
    String email = req.getParameter("email").trim();
    String birth = req.getParameter("birth").trim();
    String introduction = req.getParameter("introduction").trim();
    String location = req.getParameter("location").trim();
    String avator = req.getParameter("avator").trim();

    if (username.equals("") || username == null){
        jsonObject.put("code", 0);
        jsonObject.put("msg", "用户名或密码错误");
        return jsonObject;
    }
    Consumer consumer = new Consumer();
    DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
    Date myBirth = new Date();
    try {
        myBirth = dateFormat.parse(birth);
    } catch (Exception e){
        e.printStackTrace();
    }
    consumer.setUsername(username);
    consumer.setPassword(password);
    consumer.setSex(new Byte(sex));
    if (phone_num == "") {
        consumer.setPhoneNum(null);
    } else{
        consumer.setPhoneNum(phone_num);
    }

    if (email == "") {
        consumer.setEmail(null);
    } else{
        consumer.setEmail(email);
    }
    consumer.setBirth(myBirth);
    consumer.setIntroduction(introduction);
    consumer.setLocation(location);
    consumer.setAvator(avator);
    consumer.setCreateTime(new Date());
    consumer.setUpdateTime(new Date());

    boolean res = consumerService.addUser(consumer);
    if (res) {
        jsonObject.put("code", 1);
        jsonObject.put("msg", "注册成功");
        return jsonObject;
    } else {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "注册失败");
        return jsonObject;
    }
}

5.2个人信息

根据用户id查询用户信息。

@RequestMapping(value = "/user/detail", method = RequestMethod.GET)
public Object userOfId(HttpServletRequest req){
    String id = req.getParameter("id");
    return consumerService.userOfId(Integer.parseInt(id));
}

5.3搜索音乐

根据名称查询出指定歌曲，返回给前端。

@RequestMapping(value = "/song/name/detail", method = RequestMethod.GET)
public Object songOfName(HttpServletRequest req){
    String name = req.getParameter("name").trim();
    return songService.songOfName(name);
}

5.4按歌手归类

根据id查询分类歌手。

//返回所有歌手
@RequestMapping(value = "/singer", method = RequestMethod.GET)
public Object allSinger(){
      return singerService.allSinger();
}
//根据歌手名查找歌手
@RequestMapping(value = "/singer/name/detail", method = RequestMethod.GET)
public Object singerOfName(HttpServletRequest req){
   String name = req.getParameter("name").trim();
    return singerService.singerOfName(name);
}
//根据歌手性别查找歌手
@RequestMapping(value = "/singer/sex/detail", method = RequestMethod.GET)
public Object singerOfSex(HttpServletRequest req){
   String sex = req.getParameter("sex").trim();
   return singerService.singerOfSex(Integer.parseInt(sex));
}

5.5按歌单归类

根据歌单id等信息分类返回歌单信息。

//返回所有歌单
@RequestMapping(value = "/songList", method = RequestMethod.GET)
public Object allSongList(){
    return songListService.allSongList();
}

//返回指定标题对应的歌单
@RequestMapping(value = "/songList/title/detail", method = RequestMethod.GET)
public Object songListOfTitle(HttpServletRequest req){
    String title = req.getParameter("title").trim();
    return songListService.songListOfTitle(title);
}

//返回标题包含文字的歌单
@RequestMapping(value = "/songList/likeTitle/detail", method = RequestMethod.GET)
public Object songListOfLikeTitle(HttpServletRequest req){
    String title = req.getParameter("title").trim();
    return songListService.likeTitle('%'+ title + '%');
}

//返回指定类型的歌单
@RequestMapping(value = "/songList/style/detail", method = RequestMethod.GET)
public Object songListOfStyle(HttpServletRequest req){
    String style = req.getParameter("style").trim();
    return songListService.likeStyle('%'+ style + '%');
}

5.6播放音乐

使用<audio/>插件实现播放。

5.7下载音乐

前端实现。

5.8收藏音乐

//添加收藏的歌曲
@ResponseBody
@RequestMapping(value = "/collection/add", method = RequestMethod.POST)
public Object addCollection(HttpServletRequest req){
    JSONObject jsonObject = new JSONObject();
    String user_id = req.getParameter("userId");
    String type = req.getParameter("type");
    String song_id=req.getParameter("songId");
    String song_list_id=req.getParameter("songListId");
    if (song_id == ""){
        jsonObject.put("code", 0);
        jsonObject.put("msg", "收藏歌曲为空");
        return jsonObject;
    } else if (collectService.existSongId(Integer.parseInt(user_id), Integer.parseInt(song_id))){
        jsonObject.put("code", 2);
        jsonObject.put("msg", "已收藏");
        return jsonObject;
    }
    Collect collect = new Collect();
    collect.setUserId(Integer.parseInt(user_id));
    collect.setType(new Byte(type));
    if (new Byte(type) == 0) {
        collect.setSongId(Integer.parseInt(song_id));
    } else if (new Byte(type) == 1) {
        collect.setSongListId(Integer.parseInt(song_list_id));
    }
    collect.setCreateTime(new Date());
    boolean res = collectService.addCollection(collect);
    if (res){
        jsonObject.put("code", 1);
        jsonObject.put("msg", "收藏成功");
        return jsonObject;
    }else {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "收藏失败");
        return jsonObject;
    }
}

5.9数据统计

根据后端传过来的信息进行数据的可视化。

//返回所有用户
@RequestMapping(value = "/user", method = RequestMethod.GET)
public Object allUser(){
    return consumerService.allUser();
}
//返回所有歌曲
@RequestMapping(value = "/song", method = RequestMethod.GET)
public Object allSong(){
    return songService.allSong();
}
//返回所有歌手
@RequestMapping(value = "/singer", method = RequestMethod.GET)
public Object allSinger(){
    return singerService.allSinger();
}
//返回所有歌单
@RequestMapping(value = "/songList", method = RequestMethod.GET)
public Object allSongList(){
    return songListService.allSongList();
}

5.10用户管理

后端更新用户信息接口

//更新用户信息
@ResponseBody
@RequestMapping(value = "/user/update", method = RequestMethod.POST)
public Object updateUserMsg(HttpServletRequest req){
    JSONObject jsonObject = new JSONObject();
    String id = req.getParameter("id").trim();
    String username = req.getParameter("username").trim();
    String password = req.getParameter("password").trim();
    String sex = req.getParameter("sex").trim();
    String phone_num = req.getParameter("phone_num").trim();
    String email = req.getParameter("email").trim();
    String birth = req.getParameter("birth").trim();
    String introduction = req.getParameter("introduction").trim();
    String location = req.getParameter("location").trim();
    if (username.equals("") || username == null){
        jsonObject.put("code", 0);
        jsonObject.put("msg", "用户名或密码错误");
        return jsonObject;
    }
    Consumer consumer = new Consumer();
    DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
    Date myBirth = new Date();
    try {
        myBirth = dateFormat.parse(birth);
    }catch (Exception e){
        e.printStackTrace();
    }
    consumer.setId(Integer.parseInt(id));
    consumer.setUsername(username);
    consumer.setPassword(password);
    consumer.setSex(new Byte(sex));
    consumer.setPhoneNum(phone_num);
    consumer.setEmail(email);
    consumer.setBirth(myBirth);
    consumer.setIntroduction(introduction);
    consumer.setLocation(location);
    consumer.setUpdateTime(new Date());

    boolean res = consumerService.updateUserMsg(consumer);
    if (res){
        jsonObject.put("code", 1);
        jsonObject.put("msg", "修改成功");
        return jsonObject;
    }else {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "修改失败");
        return jsonObject;
    }
}

//更新用户头像
@ResponseBody
@RequestMapping(value = "/user/avatar/update", method = RequestMethod.POST)
public Object updateUserPic(@RequestParam("file") MultipartFile avatorFile, @RequestParam("id")int id){
    JSONObject jsonObject = new JSONObject();

    if (avatorFile.isEmpty()) {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "文件上传失败！");
        return jsonObject;
    }
    String fileName = System.currentTimeMillis()+avatorFile.getOriginalFilename();
    String filePath = System.getProperty("user.dir") + System.getProperty("file.separator") + "avatorImages" ;
    File file1 = new File(filePath);
    if (!file1.exists()){
        file1.mkdir();
    }

    File dest = new File(filePath + System.getProperty("file.separator") + fileName);
    String storeAvatorPath = "/avatorImages/"+fileName;
    try {
        avatorFile.transferTo(dest);
        Consumer consumer = new Consumer();
        consumer.setId(id);
        consumer.setAvator(storeAvatorPath);
        boolean res = consumerService.updateUserAvator(consumer);
        if (res){
            jsonObject.put("code", 1);
            jsonObject.put("avator", storeAvatorPath);
            jsonObject.put("msg", "上传成功");
            return jsonObject;
        }else {
            jsonObject.put("code", 0);
            jsonObject.put("msg", "上传失败");
            return jsonObject;
        }
    }catch (IOException e){
        jsonObject.put("code", 0);
        jsonObject.put("msg", "上传失败"+e.getMessage());
        return jsonObject;
    }finally {
        return jsonObject;
    }
}

5.11歌手管理

删除歌手接口和更新歌手接口。

//删除歌手
@RequestMapping(value = "/singer/delete", method = RequestMethod.GET)
public Object deleteSinger(HttpServletRequest req){
    String id = req.getParameter("id");
    return singerService.deleteSinger(Integer.parseInt(id));
}

//更新歌手信息
@ResponseBody
@RequestMapping(value = "/singer/update", method = RequestMethod.POST)
public Object updateSingerMsg(HttpServletRequest req){
    JSONObject jsonObject = new JSONObject();
    String id = req.getParameter("id").trim();
    String name = req.getParameter("name").trim();
    String sex = req.getParameter("sex").trim();
    String pic = req.getParameter("pic").trim();
    String birth = req.getParameter("birth").trim();
    String location = req.getParameter("location").trim();
    String introduction = req.getParameter("introduction").trim();

    Singer singer = new Singer();
    DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
    Date myBirth = new Date();
    try {
        myBirth = dateFormat.parse(birth);
    }catch (Exception e){
        e.printStackTrace();
    }
    singer.setId(Integer.parseInt(id));
    singer.setName(name);
    singer.setSex(new Byte(sex));
    singer.setPic(pic);
    singer.setBirth(myBirth);
    singer.setLocation(location);
    singer.setIntroduction(introduction);

    boolean res = singerService.updateSingerMsg(singer);
    if (res){
        jsonObject.put("code", 1);
        jsonObject.put("msg", "修改成功");
        return jsonObject;
    }else {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "修改失败");
        return jsonObject;
    }
}

5.12歌单管理

更新歌单接口。

//更新歌单信息
@ResponseBody
@RequestMapping(value = "/songList/update", method = RequestMethod.POST)
public Object updateSongListMsg(HttpServletRequest req){
    JSONObject jsonObject = new JSONObject();
    String id = req.getParameter("id").trim();
    String title = req.getParameter("title").trim();
    String pic = req.getParameter("pic").trim();
    String introduction = req.getParameter("introduction").trim();
    String style = req.getParameter("style").trim();

    SongList songList = new SongList();
    songList.setId(Integer.parseInt(id));
    songList.setTitle(title);
    songList.setPic(pic);
    songList.setIntroduction(introduction);
    songList.setStyle(style);

    boolean res = songListService.updateSongListMsg(songList);
    if (res){
        jsonObject.put("code", 1);
        jsonObject.put("msg", "修改成功");
        return jsonObject;
    }else {
        jsonObject.put("code", 0);
        jsonObject.put("msg", "修改失败");
        return jsonObject;
    }
}

六、项目页面测试

6.1 登陆/注册

用户通过X-music的页面进行登陆或者注册。

6.2 个人信息

用户点击头像上的个人信息即可跳转到个人资料页面，可以修改自己的个人信息。

6.3 更换头像上传头像

用户点击修改头像即可上传自己本地的照片到自己的头像上。

 

6.4 我的音乐

用户点击我的音乐即可查看自己收藏的音乐和部分自己的资料，

6.5 首页

首页可分为轮播图，歌单，歌手三大模块，用户可以查看歌单里的歌，也可以按歌手去查看对应歌手的歌。

6.6 搜索音乐框

当用户点击搜索音乐框，输入自己想要听的歌，可以通过查询数据库把相应的歌搜索出来。

6.7 按歌单查询

当用户点击导航栏中的“歌单”分类时，软件跳转到歌单分类界面。里面会按歌单进行分类。点进其中一个歌单可查看该歌单下的歌，还会有歌单的评分，同时我们可以查看评论并点赞该评论。

6.8 按歌手分类

当用户点击导航栏中的“歌手”分类时，软件跳转到歌手分类界面。界面上部显示所有歌手的头像，可以按男歌手、女歌手、组合歌手进行筛选，点进某一位歌手的信息里，可以查看该歌手的简介和他的歌。

6.9 播放歌曲

当用户点击歌列表中的某首歌时，会播放该歌。我们可以对该歌的时间进行拖拽，可以下一首播放，可以暂停，可以下载下来，也可以收藏，收藏后会进到我的音乐里面。

6.10 后台管理首页

当用户进入后台管理首页的时候会看到用户总数，歌曲总数，歌手数量，歌单数量，还有饼状图条形图可以看用户性别比例，歌单类型分布，歌手性别比例，歌手国籍分布。

6.11 用户管理

当用户点击导航栏中的“用户管理”分类时，软件跳转到用户管理界面。界面上部显示用户的头像，用户名密码等信息，我们可以对用户进行增删改查操作。

6.12 歌手管理

当用户点击导航栏中的“歌手管理”分类时，软件跳转到歌手管理界面。界面上部显示歌手的信息和歌手唱过的歌，我们可以对歌手进行增删改查也可以对歌手下面的歌进行增删改查。

6.13 歌单管理

当用户点击导航栏中的“歌单管理”分类时，软件跳转到歌单管理界面。界面上部显示歌单的信息，我们可以对歌单进行增删改查操作。

参考：

使用springboot+mybatis+vue实现的音乐社交平台

资料下载可私信

资料内容大于1G