songshu-video-uniapp-YYC松鼠短视频前端源码-开源–优雅草科技官方发布

介绍

songshu-video-uniapp-YYC松鼠短视频前端源码-开源–优雅草科技官方发布----开源代码仅供学习研究参考禁止用于商业用途，前端部分将持续更新，此做法是为了杜绝网络上部分不怀好意的网友和部分同行拿着我们的开源版各种胡乱改并且发布宣称官方最新版本等恶意诋毁的行为，成都市一颗优雅草科技有限公司是一家专注于网站，APP开发的软件公司，时刻与时俱进，欢迎有开发需求的公司和个人联系我们，官网 www.youyacao.com 松鼠系统官网songshu.youyacao.com

本仓库将会持续更新，目前版本v3.7，欢迎关注。

声明：由于是建立在版本1.0的基础上不断更新而来，而1.0版本有很多写法上的问题，当初是为了赶进度出的，相对于蜻蜓系统的前端肯定是没法比的，技术总是在不断升级的过程中后回头看会认为曾经写的都是一坨什么鬼，不过已经解决了大部分编译报错并将持续解决，其次里面含有IM极光sdk部分，也对接了极光im不过已经在v2.3版本的时候注释掉了。

前端目录（最早期松鼠版本是没有写的，此处我们将会持续更新完善）

源码内容仅前端，并且此代码仅APP，仅考虑了APP的兼容和适配，没有考虑小程序和H5，额外单独做了有h5版本，后续再考虑是否开源，页面结构目录，其他内容参考uniapp官方说明文档。

此处指讲解自定义的一些目录结构及组件，详细目录结构及其作用请参考UNIAPP官方文档

api
- index.js 请求后端的API接口文件，所有接口均在此处定义
common
- config.js 服务器BaseUrl配置
- request.js 发起网络请求工具类
- uni.css
- uni-nvue.css
- util.js 工具类
components 组件相关
- advert
  - advert-page.vue 广告页组件
- chunlei-video
  - chunlei-video.vue 自定义视频播放器组件
- footer
  - footer_nav.vue 底部Tab组件
- refresh
  - refresh.vue 自定义下拉刷新组件
- video
  - video-page.vue 自定义视频瀑布流列表页组件
page
- im-chat
  - im-chat.vue im聊天页面
  - im-chat-group.vue im群页面
  - im-chat-group-info.vue im群详细信息
  - im-chat-choose-user.vue im选择用户
  - im-list.vue im用户列表
  - im-user.vue im用户详细
  - single.vue im
- advert
  - advert.vue 启动广告页
- firend-invitiaon
  - firend-invitiaon.vue 邀请页面
- index
  - channel
    - subTypeList 频道子页
      - index.vue 子频道页面
      - videoList.vue 频道视频列表页面
    - index.vue 频道页面
  - download
    - download.vue 已下载视频管理
  - home
    - index.vue 首页
  - iliao
    - iliao.vue 爱聊文字发布页面
    - sub_comment.vue 爱聊评论发布
  - publish
    - subnvue 页面子组件
      - typeList.nvue 分类列表弹出窗口
    - publish.vue 发布视频页面
  - seacher
    - seacher.vue 搜索页面
  - user
    - collection
      - collection.vue 收藏页面
    - invite
      - invite.vue 邀请页面
    - like-video
      - player.vue 我喜欢的视频播放页面
      - like-video.vue 我喜欢的视频列表
    - subitem
      - create.vue 我发布的视频
      - textimage.vue 我发布的图文
    - subject
      - record.nvue 视频答题页面
    - add_withdraw.vue 新增提现页面
    - cardedit.vue 编辑收款信息
    - cardlist.vue 收款信息列表
    - change.vue 积分变动记录
    - follow.vue 我的关注
    - index.vue 用户中心首页
    - integral.vue 积分充值页面
    - inviterecord.vue 邀请记录页面
    - withdraw.vue 提现列表页面
    - vip.vue vip充值页面
    - selectcard.vue 选择提现银行卡
    - pay.vue 支付页面
    - follow.vue 关注列表页面
    - index.vue 用户中心页面
    - other.vue 其他人的用户中心页面
  - index.vue 程序主页面
- login
  - login.vue 登录页面-可直接短信注册登录
  - login-user-pass.vue 用户名密码登录页面
  - register.vue 用户名邮箱密码注册页面
- setting
  - account.vue 用户设置
  - index.vue 设置页面
- video
  - subnvue 页面子组件
    - drawer.nvue 热门评论弹窗
    - forward.nvue 分享弹窗
    - subDrawer.nvue 二级评论页面
  - full.vue 全屏播放页面
  - index.nvue 上下滑动视频播放页面
  - index.vue 播放页辅助页面
  - videoplay.nvue 新的播放页面
- webview
  - webview.vue web网页预览页面

安装教程

第一种：点击运行—运行到设备–运行到手机或者模拟器，此方式可以直接查看效果。
第二种：点击发行-云打包发行--------前提请双击manifest.json—点击源码视图—
“name” : “松鼠短视频”,
“appid” : “”,
“description” : “松鼠短视频官方演示版本”,
修改此部分，为自身创建的id和名字方可打包为APP预览效果。

使用说明

本项目代码仅仅前端代码，无后端代码也没有后台管理代码，通信接口为https://videofree.youyacao.com,需要完整匹配后端。
其次后端我们开放了游客账户可以登录查看部分数据
https://videofreeadmin.youyacao.com
账户 adminkan 密码 123456
演示数据也均来自我们的后端，可正常发布视频，发布图文，发布点评等操作。
开源代码仅供学习研究参考禁止用于商业用途，前端部分将持续更新。

接口文档说明(最早期松鼠版本是没有写的，此处我们将会持续更新完善):

https://doc.youyacao.com/web/#/17?page_id=199
对比下我们新版写的：
https://doc.youyacao.com/web/#/16?page_id=93

差距还是很大很大了

此地址可以详细查看后端接口文档供参考！

另外写在最后，如果觉得对您能够带来帮助，劳您大驾给个小星星表示支持一下，可能我们考虑后期我们将不断分享开发的很多项目。

前端模板开源地址：

https://gitee.com/youyacao/songshu-video-uniapp-public

12月27日更新此前地址写错了