vue
临近毕业,选了《微视频社交网站的开发》这个题作为毕业设计,然后就照着抖音打算用自己自学的知识(前端方向)来实现一遍。该项目基本使用JavaScript(ES6/7)开发,混入了Python写的爬虫来爬取梨视频的短视频来丰满自己的数据库。
注:本项目仅供学习交流使用,切勿用于商业用途,如有侵犯第三方版权问题及时联系我
- Axios
- Vue2
- Vuex
- Vue Router
- Vue CLI 3
- Vue-socket.io
- Stylus
- koa2
- sequelize
- ioredis
- socket.io
注意:由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本
git clone https://github.com/asdwsx1234/vue-douyin.git
cd vue-douyin
npm install
启动redis数据库和mysql数据库
redis数据库配置文件为https://gitee.com/shiwenkuan/vue-douyin/server/redis.js
mysql数据库配置文件为https://gitee.com/shiwenkuan/vue-douyin/server/config.js
node https://gitee.com/shiwenkuan/vue-douyin/server/init-db.js (初始化数据库生成表结构) -- 空表
或者将https://gitee.com/shiwenkuan/vue-douyin/server/utils/backup.sql还原到你自己的数据库下
node https://gitee.com/shiwenkuan/vue-douyin/server/app.js (启动服务器)
npm run serve (前端项目)
前后端都在一个项目里(感觉不是很合理),所以必须先启动后端相关的服务器。
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!
服务器2020.03.03到期,到时候就预览不了啦,不续了。
查看demo请戳这里(请用chrome手机模式预览)
移动端扫描下方二维码
- 登录、注册
- 密码找回
- 修改个人资料
- 个人信息浏览(已发布、点赞的视频)
- 上传头像
- 发送邮件验证
- 视频浏览
- 关注与粉丝
- 视频点赞、评论点赞
- 视频评论、回复评论
- 评论@用户
- 关注动态浏览
- 好友(互相关注)间私信
- 发布动态
- 搜索视频,用户(根据视频描述,根据昵称或id)
- 私信、被关注、被评论、被@、被点赞、关注人发布动态的消息提醒
- 删除评论
- 删除视频
- 分享
- 后台管理
不定时补充,就当写毕业论文了
1、项目断断续续大概写了3个月,重要的功能基本已经完成,而且对vue的MVVM框架有了进一步的理解(数据和视图的分离,解耦,以数据驱动视图,只关心数据变化,DOM操作被封装),也更熟悉了vue的使用。
2、会话管理是用的koa-session2插件,通过session和cookie结合来管理会话。用户登录成功之后可以用户信息存入session中。koa-session2会将sessionId写入cookie,再把session对象写入redis,键值为sessionId,这样只要cookie没有过期,客户端的每次请求就会携带这个sessionId,在服务端就可以从redis中获取登录信息,当然也可以用作会话拦截。注销的时候只需要将ctx.session置为空对象,这样cookie就会被清掉了。
.
├── public
├── server (服务器在这里)
│ ├── controllers (各个类别的controller)
│ ├── models (sequelize模型)
│ ├── static
│ │ ├── assets
│ │ │ ├── avatar (静态资源头像)
│ │ │ ├── css
│ │ │ ├── fonts
│ │ │ ├── img
│ │ │ ├── js
│ │ │ ├── videoCover (静态资源视频封面)
│ │ │ └── videoPath (静态资源视频)
│ └── utils (服务器util)
├── src (前端项目在这里)
│ ├── base (基础组件)
│ ├── common
│ │ ├── fonts (iconfont)
│ │ ├── js (util/config)
│ │ └── stylus
│ ├── components (逻辑组件)
│ ├── store (vuex)
│ └── views (页面)
热门文章排行
- 共享,正从风口到风险
- 走进涂料市场的秘密
- 在人工智能炒热机器人时,也被人把风带进了
- 生物涂料有什么好处?
- 智能音箱,正走在智能手表的老路上
- “去乐视化”之后,新易到的机会在哪儿?
- 日本十大波涛汹涌巨乳美少女第5名,凶悍!
- 涂料行业未来走势 品质与个性化不可少
- 打造时尚靓丽居室 油漆选购注意三点
- AI在内容分发上的绊脚石
最新资讯文章
- 艺术治疗专业院校推荐及申请条件!
- 意大利威尼斯美术学院申请条件
- 园艺专业出国留学哪个学校好?
- 2024年世界大学学科排名:心理学
- 留学推荐信(通用14篇)
- 互助交流|想看看大家在大学毕业后通过自己
- 2023留学推荐信你必须知道的六件事
- 苏州大学
- 英语专业就业方向与前景调查问卷
- 英国英语学专业研究生专业有哪些
- 指南者留学案例库
- 小学生推荐信15篇
- 海外学院(外国语学院)一站式学生社区召开
- 留学生就业现状!应届海外留学生就业前景如
- 26广外考研 | 跨专业考研
- 2023英国PPE本科专业热门院校有哪些
- 导师的出国英文推荐信啊值得借鉴
- 出国留学英语条件好大学 英语专业去哪个国
- 苹果优化电池充电开启后,没有出现所谓充到
- 优化产业结构,延长产业链是什么意思?(完