云瓣影音网站微信端(已开源)
随着该项目的发布到线上(小打小闹),即将又要开启另一段崭新的旅程。强迫自己停下来写写所学所得,个人认为总结和分享是一种很棒的学习方式。那让我们先来瞧瞧项目长的什么样。如果着急要源码的朋友,可以下拉到最后~~
微信端部分展现
从微信端进入网页端的效果(这部分还需要优化(*^__^*))
但是这图是真的还是假的啊,特效蛮酷炫的,不会是被楼主P上去的吧?(第4副图中间那个女孩确实是云云的女同学)嘿嘿,用微信扫这个二维码(是骡子是马拿出来溜溜~~),不过测试号有100个关注名额的限制,而且云云用的是腾讯云送的主机,自然会卡的不要不要的~
PC端部分展现
由于园里只能上传10M的图片,那云云只能用外链展示PC端了;
戳我看电影 戳我看音乐
附上项目首页的帅气壁纸一张!!!喜欢海贼的别忘了右下角点个赞哟。
接着就是线上地址了,偷偷的,偷偷的放出来,为什么放这么后面呢?因为怕腾讯云送的主机爆掉!!还有呢,可能会卡。不介意的朋友等呀等,然后就可以听到云瓣音乐了~~
项目的技术栈
这个部分只是单单罗列出了所用到的一些技术栈,基本上每个知识点都足够我写篇博文的,那这艰巨的任务以后有机会的话慢慢填上吧。
1. pc后端搭建:
* 使用NodeJs的`koa`框架并使用了部分`ES6`特性完成云瓣网站后端的搭建;
* 使用`mongodb`完成数据存储,通过`mongoose`模块完成对`mongodb`数据的构建;
* 使用`jade`模板引擎完成页面创建渲染;
* 使用`Moment.js`格式化电影存储时间;
2. pc前端搭建:
* 使用`jQuery`和`Bootsrap`完成网站前端JS脚本和样式处理;
* 使用`Sass`完成云瓣项目的样式编写;
* 使用`validate.js`完成对账号登录注册的判断;
* 使用`fullpage.js`完成电影宣传页面制作;
* 前后端的数据请求交互通过`Ajax`完成;
* (音乐端部分模块、电影画廊部分)使用`React+ES6`进行组件化开发,并使用Webpack实现资源模块管理
* 使用`canvas`并调用`webAudio api`完成音乐播放界面的制作
3. 项目微信端搭建:
* 使用`weui`框架构造详情界面
* 多种api接口的实现(比如地理经纬度查询、拍照、扫码、上传素材等)
* 调用`jdk`,实现语音查询电影
4. 本地开发环境搭建:
* 使用`gulp`集成`jshint`对JS语法检查,`Sass`文件编译、压缩等功能,以及服务器的热更新等功能。
5. 一些功能模块:
* 电影首页(实现了按热度、时间、评价、分类查询以及加载更多等功能模块)
* 部分页面针对不同分辨率做了自适应;
* 具有用户注册登录及管理;
* 电影画廊页面的实现(数据从后台获得);
* 音乐播放界面实现(数据从后台获得);
* 电影(音乐)可进行叠楼评论并可删除自己的评论(管理员能删除任何人);
* 电影(音乐)及电影院信息录入和搜索;
* 电影(音乐)分类添加及删除;
* 电影(音乐)与所属分类都是一对多的关系;
* 电影(音乐)海报自定义上传;
* 电影(音乐)可以自行上传;
* 列表分页处理,访客统计;
* 微信上通过语音或文字搜电影;
* 微信上实现与网页的评论同步;
* 微信上能访问网页端;(并把电影画廊和音乐播放作为单独的菜单独立出来)
项目地址
这是你们最爱的?项目地址❤️哟,喜欢的话,star一下么么哒,有什么好的建议的话,欢迎提出。
转载于:https://www.cnblogs.com/MuYunyun/p/6064207.html
云瓣影音网站微信端(已开源)相关推荐
- [CVPR 2020] RandLA-Net:大场景三维点云语义分割新框架(已开源)
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达 本文由知乎作者Qingyong Hu授权转载,不得擅自二次转载.原文链接:https://zhuanl ...
- 基于SpringBoot和Vue实现的个人博客网站快速搭建(已开源)
Hello,你好呀,我是小炜,一个对生活追求诗意的程序猿. 上图是什么鬼?这个嘛,饿,总之Slcp v1.0 发布啦!!!
- 微信小程序开源项目精选 | 码云周刊第 79 期
本期为大家精选了码云上优秀的微信小程序开源项目,包括电商.博客.框架.建站系统.日常工具.图像识别等,希望能够给大家带来一点帮助:) 1.项目名称:微信电商小程序 作者:三三网络科技 项目简介:此项目 ...
- uni app 录音结束监听_全新重构,uni-app实现微信端性能翻倍
多次论证.数月研发,我们重写部分Vue底层.重构uni-app框架,实现了微信端性能翻倍及更多Vue语法支持. 背景 uni-app在初期借鉴了mpvue,实现了微信小程序端的快速兼容,感谢美团点评团 ...
- 微信小程序云开发 · 从0搭建商业级校园跑腿平台(已开源)
微信小程序云开发 · 从零搭建商业级校园跑腿平台 小秃僧 新生代农民工,一枚准毕业的大四学生,热爱前端开发,做个有态度.有思想.有价值的公众号. 好久不更新了,再更新已是打工人! 我将分享用云开发 ...
- 【云开发】上课 · 开会签到微信小程序(已开源),避免纸质化签到(毕业设计、上线使用、学习使用、二次开发都可以)
云开发技术开发的上课开会签到小程序的源码(已开源). 源码有超级详细的代码注释,很容易看懂 这个签到小程序可以用于毕业设计.学习使用.二次开发.上线使用等等,都可以! 源码下载地址(复制链接去浏览器下 ...
- 情侣一起看同步看电影H5网站 电影同步观看平台 (自己写的 已开源)
H5网站 电影同步观看平台 情侣看电影同步平台(自己写的 已开源) 测试地址:http://www.movietogether.xyz/ 复制到qq或者微信里面可以直接打开,还支持弹幕! 说明 此项目 ...
- 基于微信小程序的垃圾分类小程序(源码已开源)
灵感来源 之前因为工作原因接触到垃圾分类小程序, 觉得挺有意思的,就根据收集的资源搞了一个, 搞着搞着发现垃圾分类最重要的并不是代码 而是垃圾分类的数据集, 所以花了好一阵时间终于收集到了足够的垃圾分 ...
- 基于微信小程序的垃圾分类小程序(语音识别和历史记录查询)(源码已开源)
灵感来源 之前因为工作原因接触到垃圾分类小程序, 觉得挺有意思的,就根据收集的资源搞了一个, 搞着搞着发现垃圾分类最重要的并不是代码 而是垃圾分类的数据集, 所以花了好一阵时间终于收集到了足够的垃圾分 ...
- 网站域名在微信端被封禁了怎么办?这样几步就能解封!
当你发现自己的网站在微信里打不开了怎么办? 页面显示"已停止访问该网页",解封需要怎么做?会不会很麻烦?需要多长时间? 不用着急,通常碰上这种情况,我们可以通过"在线申请 ...
最新文章
- 如何查看已安装的CentOS版本信息
- 在Linux下正确安装VMWARE TOOLS
- 人工智能开发语言排行榜:不死Java,不朽C/C++,新贵Python
- 消除数组中重复元素的方法
- python word 表格 框线_python设置表格边框的具体方法
- 设置su为不需要密码切换为root
- 前端学习(2612):vuex实现计算
- 移动APP怎样保存用户password
- Mac终端设置,zsh和bash环境变量配置
- effective java 第2条:遇到多个构造器参数时要考虑用构造器
- 父类指针指向子类实例,用父类指针调用虚函数,调用的是子类的函数还是父类的函数...
- python自学教程-Python学习教程(一)自学资源分享
- scala案例_Scala案例类和案例对象深入(第2部分)
- windows CA的几点记录小结
- echarts 生成 迁徙图_Echarts地图的迁徙图
- 2. 文件如何进行md5校验和sha1校验
- 使用Excel找不到开发工具框
- 起码数学常识凸显中学数学的重大错误0
- UICollectionView 自定义组头组尾的XIB方法
- php外语文献有哪些,外语论文参考文献