0
代码
代码
Issues
Pull Requests
讨论
Wiki
分析
0
kopstar_maokopstar_mao优化readme
5e4b45e4创建于 2月28日历史提交

uni-app x 爱影家影视APP项目介绍

项目概述和创新点

爱影家是一款基于uni-app x框架开发的跨平台影视和音乐客户端，支持HarmonyOS、Android、iOS等多个平台。项目整合了影视资讯和音乐播放功能，为用户提供一站式的娱乐体验。

本开源项目仅用于学习研究，禁止用于其他用途！

实现文章介绍参见猫哥的个人博客：blog.csdn.net/yyz_1987

首页

应用功能说明

影视模块

  • 首页最新影视轮播图：通过POST请求获取最新影视轮播图，点击跳转到详情页。
  • 最近热映电影：展示当前热映的电影列表，支持点击查看详情。
  • 即将上映电影：展示即将上映的电影预告，提前了解新片动态。
  • 热门电视剧集：展示热门电视剧，点击跳转到详情页。
  • 电影搜索：支持电影名称搜索功能。
  • 电影详情：展示电影详细信息，包括剧情简介、演员阵容等。

音乐模块

  • 每日推荐音乐：获取每日推荐的热门歌曲。
  • 歌单列表：展示精选歌单，点击进入歌单详情。
  • 歌曲列表：展示歌单中的歌曲，支持播放和加入播放列表。
  • 音乐播放器：
    • 支持播放/暂停、快进/快退控制
    • 实时进度条显示和控制
    • 歌词同步显示
    • 唱片旋转动画效果
    • 播放列表管理（添加、删除、切换歌曲）
    • 自动播放下一首

知乎日报模块

  • 日报列表：获取知乎日报文章列表，点击跳转到详情页。
  • 日报详情：展示日报文章详细内容。

个人中心模块

  • 个人中心页：常见的个人中心页面样式，包含隐私政策，用户协议，用户反馈和联系方式等。

项目特色

  • 跨平台支持：基于uni-app x框架，支持多平台运行。
  • 优雅的网络请求封装：使用统一的请求工具类，简化API调用。
  • 完整的音乐播放功能：实现了专业的音乐播放器，支持歌词同步和播放列表管理。
  • 现代化UI设计：采用深色主题，视觉效果美观。
  • 良好的用户体验：流畅的动画效果和交互体验。

技术架构

核心技术栈

  • uni-app x：跨平台应用开发框架
  • UTS：TypeScript的超集，用于编写跨平台代码
  • Vue 3：前端框架，使用组合式API
  • UCSS：跨平台样式语言
  • uni-app x内置组件：如scroll-view、slider等
  • uni-app x API：如createInnerAudioContext等

项目结构

├── api/              # API接口封装
│   ├── hotmovie.uts  # 热门电影API
│   ├── movie.uts     # 电影相关API
│   ├── music.uts     # 音乐相关API
│   └── swiper.uts    # 轮播图API
├── components/       # 自定义组件
│   ├── box-office/   # 票房组件
│   └── movie-section/# 电影板块组件
├── pages/            # 页面目录
│   ├── movie/        # 电影相关页面
│   ├── music/        # 音乐相关页面
│   └── tabBar/       # 底部导航栏页面
├── store/            # 状态管理
│   ├── musicStore.uts    # 音乐数据存储
│   └── playlistStore.uts # 播放列表存储
├── utils/            # 工具类
│   └── request.uts   # 网络请求封装
├── static/           # 静态资源
├── App.uvue          # 应用入口
├── main.uts          # 主文件
├── pages.json        # 页面配置
└── manifest.json     # 应用配置

环境配置

系统要求

  • Windows环境：
    • 操作系统：Windows10 64位、Windows11 64位
    • 内存：16GB及以上
    • 硬盘：100GB及以上
    • 分辨率：1280*800像素及以上
  • macOS环境：
    • 操作系统：macOS(X86) 11/12/13/14 macOS(ARM) 12/13/14
    • 内存：8GB及以上
    • 硬盘：100GB及以上
    • 分辨率：1280*800像素及以上

开发工具

  • HBuilderX：最新版本，支持uni-app x开发

依赖管理

  • 项目使用uni-app x内置的依赖管理系统，无需额外安装依赖。

编译构建

构建流程

  1. 在HBuilderX中打开项目
  2. 选择目标平台（如HarmonyOS、Android、iOS等）
  3. 点击"运行"或"发行"按钮
  4. 按照提示完成构建过程

运行方式

  • 真机运行：连接设备后，选择"运行到设备"
  • 模拟器运行：选择"运行到模拟器"
  • 预览：选择"预览"

效果展示

影视模块

首页

电影详情

音乐模块

音乐

音乐播放

个人中心

个人中心

开源协议

  • 协议选择：本项目采用MIT协议，允许用户自由使用、复制、修改和分发本软件，但需包含版权声明和许可声明。
  • 版权声明：版权所有者为csdn猫哥，使用者在使用过程中需遵守MIT协议规定，未经允许不得移除或修改版权声明。

开发文档

联系方式