《同音星空》项目设计报告-WebApp(2017.8.28).docx

PAGE 8  项目设计报告 同音星空 StarrySky Web客户端部分 A-TOHO_Records.tinyAdapter 2017.8 目录 TOC \o 1-3 \h \z \u 1 引言 3 1.1 编制目的 3 1.2 词汇表 3 2 系统开发环境 3 3 系统设计思路 4 4 商店系统 4 4.1 前台 4 4.1.1 主页（商店） 5 4.1.2 专辑库（库） 5 4.1.3 有哪些信誉好的足球投注网站 5 4.1.4 个人中心 6 4.1.5 详细信息 6 4.2 后台 7 4.2.1 支付相关 7 5 在线播放器 7 6 数据库设计 8 7 商店系统（设计） 8  1 引言 1.1 编制目的 本报告完成对《同音星空》同人音乐分发平台Web客户端部分的整体设计，达到指导开发的目的，同时实现和最终用户的沟通。 本报告面向详细设计人员、开发人员及最终用户而编写，是了解《同音星空》Web客户端部分的导航。 1.2 词汇表 表1.1 词汇表 词汇 释义 说明 StarrySky 《同音星空》项目名称 sty 项目缩写 用于数据表前缀 2 系统开发环境 操作系统： Windows 10 Web框架： ASP.NET Core 2.0 WebApi + Vue.js 集成开发环境： Visual Studio 2017 Update 15.3 / Visual Studio Code 3 系统设计思路 系统整体的层次结构图如图3.1所示。 图3.1 层次结构图 Web客户端分为商店和在线播放器两个独立的系统。 商店：用户查看、购买、下载专辑的主要部分，提供专辑详细信息（BK，歌词等），专辑购买与下载接口，社团用于管理专辑分发的模块，以及用户专辑库的更新。 在线播放器：用户播放已购买专辑的简易方式。登录后可播放专辑库中的曲目。 4 商店系统 4.1 前台 前台包括最终用户页面的展示及与用户各项操作的交互。 4.1.1 主页（商店） 主页是用户使用商店系统的门户，包括： 导航栏（顶部，全局） 左侧：商店、库、有哪些信誉好的足球投注网站 右侧 登录前：登录按钮 登录后：用户头像、用户名【链接至个人中心页面】 新作发布区（导航栏下方左侧70%）：【链接至专辑详细信息页面】 社团信息区（导航栏下方右侧30%）：【链接至社团详细信息页面】 底栏（全局）：帮助信息、社团入驻、联系方式 4.1.2 专辑库（库） 专辑库用于展示用户已购买的专辑数、专辑信息，包括： 已购专辑数（上方左侧） 显示方式（上方右侧）：列表/网格 已购专辑信息（专辑数下方100%）：专辑封面、名称、社团 【链接至社团详细信息页面】 4.1.3 有哪些信誉好的足球投注网站 有哪些信誉好的足球投注网站页面用于有哪些信誉好的足球投注网站专辑/单曲，包括： 有哪些信誉好的足球投注网站栏（上方100%） 过滤器（有哪些信誉好的足球投注网站栏下方左侧）：单曲/专辑/社团 有哪些信誉好的足球投注网站结果（过滤器下方100%）： 【点击单曲/专辑-专辑详细信息，点击社团-社团详细信息】 4.1.4 个人中心 个人中心页面是用户进行各项设置的主页面，包括： 头像 昵称 个人简介 密码更改 4.1.5 详细信息 详细信息页面提供各项详细信息，具体信息根据类别加以区分。 社团详细信息 社团详细信息页面对社团进行介绍，以帮助用户了解，包括： 社团LOGO（上方左侧）| 社团名称（LOGO右侧）|--左侧50% 发布专辑数（社团名称下方）| 社团简介（社团名称右侧50%） 已发布的专辑（LOGO下方100%） 专辑详细信息 专辑详细信息页面对专辑进行介绍，并提供购买链接，包括： 专辑封面（上方左侧）| 专辑名称（封面右侧）|--左侧50% 所属社团（专辑名称下方）| 专辑简介（专辑名称右侧50%） 购买按钮（封面下方左侧） 试听按钮（购买按钮右侧） 专辑曲目（购买按钮下方100%） 4.2 后台 后台系统与前台系统相区隔，用于社团管理其专辑信息，发布新专辑。 后台系统仅支持管理员与社团账号登录，与前台用户账号隔离。 4.2.1 支付相关 支付宝、微信支付目前均不支持个人申请支付回调。 支付接口使用金沙江API，社团需自行注册API，提交API-ID，API-KEY，用户付款后归入API账户，需手动提现。 详细介绍： /plugin.php?id=addact=pay 手续费： /forum.php?mod=viewthreadtid=3 5 在线播放器 待定。 6 数据库设计 7 商店系统（设计）