介绍
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接口文件,所有接口均在此处定义
- index.js
- common
- config.js
服务器BaseUrl配置
- request.js
发起网络请求工具类
- uni.css
- uni-nvue.css
- util.js
工具类
- config.js
- components
组件相关
- advert
- advert-page.vue
广告页组件
- advert-page.vue
- chunlei-video
- chunlei-video.vue
自定义视频播放器组件
- chunlei-video.vue
- footer
- footer_nav.vue
底部Tab组件
- footer_nav.vue
- refresh
- refresh.vue
自定义下拉刷新组件
- refresh.vue
- video
- video-page.vue
自定义视频瀑布流列表页组件
- video-page.vue
- advert
- 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
- im-chat.vue
- advert
- advert.vue
启动广告页
- advert.vue
- firend-invitiaon
- firend-invitiaon.vue
邀请页面
- firend-invitiaon.vue
- index
- channel
- subTypeList
频道子页
- index.vue
子频道页面
- videoList.vue
频道视频列表页面
- index.vue
- index.vue
频道页面
- subTypeList
- download
- download.vue
已下载视频管理
- download.vue
- home
- index.vue
首页
- index.vue
- iliao
- iliao.vue
爱聊文字发布页面
- sub_comment.vue
爱聊评论发布
- iliao.vue
- publish
- subnvue
页面子组件
- typeList.nvue
分类列表弹出窗口
- typeList.nvue
- publish.vue
发布视频页面
- subnvue
- seacher
- seacher.vue
搜索页面
- seacher.vue
- user
- collection
- collection.vue
收藏页面
- collection.vue
- invite
- invite.vue
邀请页面
- invite.vue
- like-video
- player.vue
我喜欢的视频播放页面
- like-video.vue
我喜欢的视频列表
- player.vue
- subitem
- create.vue
我发布的视频
- textimage.vue
我发布的图文
- create.vue
- subject
- record.nvue
视频答题页面
- 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
其他人的用户中心页面
- collection
- index.vue
程序主页面
- channel
- login
- login.vue
登录页面-可直接短信注册登录
- login-user-pass.vue
用户名密码登录页面
- register.vue
用户名邮箱密码注册页面
- login.vue
- setting
- account.vue
用户设置
- index.vue
设置页面
- account.vue
- video
- subnvue
页面子组件
- drawer.nvue
热门评论弹窗
- forward.nvue
分享弹窗
- subDrawer.nvue
二级评论页面
- drawer.nvue
- full.vue
全屏播放页面
- index.nvue
上下滑动视频播放页面
- index.vue
播放页辅助页面
- videoplay.nvue
新的播放页面
- subnvue
- webview
- webview.vue
web网页预览页面
- webview.vue
- im-chat
安装教程
- 第一种:点击运行—运行到设备–运行到手机或者模拟器, 此方式可以直接查看效果。
- 第二种:点击发行-云打包发行--------前提请双击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日更新 此前地址写错了