{"id":16384396,"url":"https://github.com/muyunyun/yunban","last_synced_at":"2025-03-16T16:31:00.199Z","repository":{"id":79159005,"uuid":"67560637","full_name":"MuYunyun/yunban","owner":"MuYunyun","description":"fullstack movie \u0026 music proj(rebuilding)","archived":false,"fork":false,"pushed_at":"2018-07-10T16:26:12.000Z","size":121662,"stargazers_count":113,"open_issues_count":0,"forks_count":42,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-02-27T11:33:10.608Z","etag":null,"topics":["canvas","mongodb","nodejs","react","sass"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MuYunyun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-07T01:30:19.000Z","updated_at":"2024-06-27T22:01:23.000Z","dependencies_parsed_at":"2023-05-19T04:00:34.371Z","dependency_job_id":null,"html_url":"https://github.com/MuYunyun/yunban","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuYunyun%2Fyunban","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuYunyun%2Fyunban/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuYunyun%2Fyunban/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuYunyun%2Fyunban/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuYunyun","download_url":"https://codeload.github.com/MuYunyun/yunban/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822283,"owners_count":20353499,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","mongodb","nodejs","react","sass"],"created_at":"2024-10-11T04:11:20.619Z","updated_at":"2025-03-16T16:30:55.191Z","avatar_url":"https://github.com/MuYunyun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 云瓣影音网站 \u0026\u0026 微信端\n\n### PC 端效果:\n\n在线地址暂时访问不了(服务器到期)，截了两张 gif 图，如下：\n\n* [电影界面演示](http://oegv7uazl.bkt.clouddn.com/yunban/movie.gif)\n* [音乐界面演示](http://oegv7uazl.bkt.clouddn.com/yunban/music.gif)\n\n### 微信端效果:\n\n\u003cdiv\u003e\n  \u003cimg src=\"http://oegv7uazl.bkt.clouddn.com/WechatIMG8.jpeg\" width=\"30%\" height=\"32%\" float\"left\" height=\"700\" alt=\"效果展示\"/\u003e\n  \u003cimg src=\"http://oegv7uazl.bkt.clouddn.com/WechatIMG4.jpeg\" width=\"30%\" height=\"32%\" float\"left\" height=\"700\" alt=\"效果展示\"/\u003e\n  \u003cimg src=\"http://oegv7uazl.bkt.clouddn.com/WechatIMG3.jpeg\" width=\"30%\" height=\"32%\" float\"left\" height=\"700\" alt=\"效果展示\"/\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n  \u003cimg src=\"http://oegv7uazl.bkt.clouddn.com/WechatIMG6.jpeg\" width=\"30%\" height=\"32%\" float\"left\" height=\"700\" alt=\"效果展示\"/\u003e\n  \u003cimg src=\"http://oegv7uazl.bkt.clouddn.com/WechatIMG2.jpeg\" width=\"30%\" height=\"32%\" float\"left\" height=\"700\" alt=\"效果展示\"/\u003e\n\u003c/div\u003e\n\n### Usage(食用手册)\n\n项目重构 ing，如果需要可以先使用之前的[版本](https://github.com/MuYunyun/yunban/tree/v1.0)\n\n```\nmongod         // 启动数据库\n\nnpm run serve  // 浏览器输入 localhost:1234 老项目\n\nnpm run client // 浏览器输入 localhost:5678 重构项目\n```\n\n补充：关于如何导入数据\n\n* 项目目录下的 show/yunbanDB 为数据库文件，使用 `mongorestore -d yunbanDB --dir=数据库目录` 导入进数据库内，关于 mongodb 的使用，请参考[这篇文章](https://www.cnblogs.com/MuYunyun/p/5837840.html#_label3)\n\n* 设置管理员账号，更改数据库，输入 `db.myTable.update({name:'账号名'},{$set:{role:100}})`\n\n### Introduction:\n\n这是一个全栈的项目，包含了 PC 端、微信端、服务端、数据库，各端技术栈如下。部分技术栈已经老旧，所以进行以下重构：\n\n重构计划第一步：\n\n- [ ] 升级 koa1 到 koa2\n- [ ] 增加 restful 接口\n- [ ] 将电影模块重构为 react\n- [ ] 填充数据\n- [ ] 引人 mobx\n\n重构计划第二步：\n\n- [ ] 音乐模块重构\n- [ ] ...\n\n**1. pc端后端搭建:**\n  * 使用 `koa` 框架搭建云瓣网站服务端;\n  * 使用 `mongodb` 完成数据存储，通过 `mongoose` 模块完成对 `mongodb` 数据的构建;\n  * 使用 `jade` 模板引擎完成页面创建渲染;\n\n**2. 项目前端搭建:**\n  * 使用 `jQuery` 和 `Bootsrap` 完成网站前端 JS 脚本和样式处理;\n  * 使用 `Sass` 完成云瓣项目的样式编写;\n  * (音乐端部分模块、电影画廊部分)使用 `React` 进行组件化开发，并使用 `Webpack` 实现资源模块管理\n  * 使用 `canvas` 并调用 `webAudio api` 完成音乐播放界面的制作\n\n**3. 项目微信端搭建:**\n  * 使用 `weui` 框架构造详情界面\n  * 多种 api 接口的实现（比如地理经纬度查询、拍照、扫码、上传素材等）\n  * 调用 `jdk`，实现语音查询电影\n\n**4. 本地开发环境搭建:**\n  * 使用 `gulp` 集成 `jshint` 对 JS 语法检查，`Sass`文件编译、压缩等功能，使用 `mocha` 完成用户注册存储等步骤的简单单元测试，以及服务器的自动重启等功能。\n\n**5. 一些功能模块:**\n  * 电影首页(实现了按热度、时间、评价、分类查询以及加载更多等功能模块)\n  * 部分页面针对不同分辨率做了自适应；\n  * 具有用户注册登录及管理;\n  * 电影画廊页面的实现(数据从后台获得)；\n  * 音乐播放界面实现(数据从后台获得)；\n  * 电影（音乐）可进行叠楼评论并可删除自己的评论(管理员能删除任何人);\n  * 电影（音乐）及电影院信息录入和搜索;\n  * 电影（音乐）分类添加及删除;\n  * 电影（音乐）与所属分类都是一对多的关系；\n  * 电影（音乐）海报自定义上传;\n  * 电影（音乐）可以自行上传;\n  * 列表分页处理，访客统计;\n  * 微信上通过语音或文字搜电影;\n  * 微信上实现与网页的评论同步;\n  * 微信上能访问网页端；(并把电影画廊和音乐播放作为单独的菜单独立出来)\n\n### Page:\n\n**电影界面:**\n- 电影宣传页:localhost:1234\n- 电影首页:localhost:1234/movieIndex\n- 电影画廊:localhost:1234/gallery\n- 电影详情页:localhost:1234/movie/:id\n- 电影搜索页:localhost:1234/movie/results?q=xx\n\n**音乐界面:**\n- 音乐首页:localhost:1234/musicIndex\n- 音乐详情页:localhost:1234/music/:id\n- 音乐播放界面:localhost:1234/musicPlay\n- 音乐搜索页:localhost:1234/music/results?q=xx\n\n**用户后台页:**\n- 用户注册页面: localhost:1234/signup\n- 用户登陆页面: localhost:1234/signin\n- 用户详情列表页: localhost:1234/admin/user/list\n\n**电影后台页:**\n- 后台录入页:localhost:1234/admin/movie/new\n- 列表页:localhost:1234/admin/movie/list\n- 分类录入页:localhost:1234/admin//movie/category/new\n- 分类页:localhost:1234/admin/movie/category/list\n- 电影院录入页:localhost:1234/admin/city/new\n- 电影院列表页:localhost:1234/admin/city/list\n\n**音乐后台页:**\n- 后台录入页:localhost:1234/admin/music/new\n- 列表页:localhost:1234/admin/music/list\n- 分类录入页:localhost:1234/admin/music/category/new\n- 分类列表页:loclahost:1234/admin/music/category/list\n- 热门榜单列表页:localhost:1234/admin/music/programme/list\n\n**微信界面**\n- 猜猜电影页：/wechat/movie\n- 微信电影界面: /wechat/movie/:id\n- 微信音乐界面：/wechat/music/:id\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuyunyun%2Fyunban","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuyunyun%2Fyunban","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuyunyun%2Fyunban/lists"}