uniapp猫眼电影小程序（附带猫眼电影api接口）

已于 2024-03-09 13:10:45 修改
阅读量1w 收藏 50
点赞数 1
文章标签： 小程序 vue uni-app 接口
于 2021-04-13 10:26:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwy0724/article/details/115656009
版权

此项目为自学uniapp后编写的一个简单项目，仅供学习使用，项目中使用了部分猫眼官网api，请知悉

相关源码及地址均已上传GitHub - ZhangWY0724/uni-Movie: 基于uniapp制作的仿猫眼电影小程序，数据来源为猫眼官网API，包含今日热映，正在上映，短期最受期待，模糊查询，电影详情。基于uniapp制作的仿猫眼电影小程序，数据来源为猫眼官网API，包含今日热映，正在上映，短期最受期待，模糊查询，电影详情。 - ZhangWY0724/uni-Movieicon-default.png?t=N7T8https://github.com/ZhangWY0724/uni-Movie

摇光m
关注
美团猫眼android模块化实战-可能是最详细的模块化实战
陈文超的博客
09-12 1万+
写这篇博客的初衷首先一句话概括：我想把这几个月做的事情记录下来，并且希望尽量详细，希望读者读了这篇文章能够知道模块化具体每个步骤都做什么，而不是大致的了解。 现在很多人都在谈模块化，网上有一大堆的博客实践都在讲这个。很多谈的只是模块与模块之间的解耦，并且大部分讲的是通过router路由进行解耦，其他谈的不多，而且不乏泛泛而谈。但将一个app真正做到解耦，运行。需要解决的事情远远不止解耦。
猫眼电影-微信小程序
ciconghu4844的博客
07-05 8823
基于京东凹凸实验室(aotu.io)Taro框架的微信小程序--猫眼电影 链接: https://pan.baidu.com/s/10hPknv7hj6hH-9No6fTHDw 提取码: 5qjj 一、开发环境 操作系统：Window 10 Taro版本：v0...
微信小程序-猫眼电影-小程序
08-06
猫眼电影-小程序 截图 源码简介 app ├── common ├── img ├── pages ├── utils ├── vendor ├── app.js ├── app.json ├── app.wxss └── config.js server ├── db ├── node_modules ├── public ├── schemas ├── views ├── package.json └── server.js 关于微信小程序 自从16年9月微信传出要发布一种与公众号一样形态的开放能力——小程序，便密切关注。小程序是除传统web端和APP外一种崭新的服务载体，一时间‘别开发APP了’的声音此起彼伏。本着热爱新奇的技术，对小程序的快捷统一，不需要额外适配各移动端，对开发人员的友好使我格外期盼微信这一新产品的上线。 9月22号 小程序内测 第一时间下载了官方开发工具，熟悉开发文档，并和众多互联网从业人员一样好奇小程序的入口在微信的哪里。熟悉和试着开发小程序的各种能力，编写各种小demo。 11月3号 小程序公测 拿到了小程序开发资格，这样就能在移动端上预览自己的项目
小剧场短剧影视小程序源码uniapp开发
最新发布
yaoyao881121的博客
08-10 556
3. **创建uniapp项目**：在HBuilderX中，选择新建uniapp项目，填写项目名称和路径，选择模板，即可创建一个新的uniapp项目。2. **安装HBuilderX**：HBuilderX是DCloud推出的一款IDE，专为uniapp设计，提供了丰富的插件和便捷的开发体验。界面设计是用户体验的关键。1. **首页**：展示热门短剧、最新更新等内容，用户可以快速浏览和选择感兴趣的短剧。4. **详情页**：展示短剧的详细信息，包括简介、演员表、评分等，并提供播放按钮。
基于uniapp制作的仿猫眼电影小程序源码.zip
06-06
基于uniapp制作的仿猫眼电影小程序，数据来源为猫眼官网API，包含今日热映，正在上映，短期最受期待，模糊查询，电影详情。
猫眼电影API接口（从猫眼电影网爬取）
热门推荐
Anana13的博客
07-24 4万+
这些url都是猫眼电影的url，我在控制台的network爬取的，具体参数的含义也有很多不清楚 正在热映：https://m.maoyan.com/ajax/movieOnInfoList 影院：https://m.maoyan.com/ajax/filterCinemas?ci=57 参数：ci ⇒ 城市id 影院详情：https://m.maoyan.com/ajax/cinemaDetail?cinemaId=890 参数：cinemaId ⇒ 影院id 即将上映：https://m.maoyan.
微信小程序猫眼电影
05-19
微信小程序猫眼电影
猫眼正在热映影片接口
软件开发
02-29 360
1.2 通过指定movieId 查询。1.1用movieIds获取更多。movieIds 数组。1.正在热映影片查询。
电影院Api
02-17
电影院Api
小程序源码 猫眼电影含node后端 (代码源)
06-22
小程序源码 猫眼电影含node后端 (代码源)小程序源码 猫眼电影含node后端 (代码源)小程序源码 猫眼电影含node后端 (代码源)小程序源码 猫眼电影含node后端 (代码源)小程序源码 猫眼电影含node后端 (代码源)小程序源码...
【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip
03-19
【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-...
仿猫眼小程序（新版）
05-21
猫眼小程序
小程序《猫眼电影》含node后端源码
04-30
小程序《猫眼电影》含node后端源码.
21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)
07-30
本教程分为五个阶段，每个阶段都是递进关系，从第一阶段的快速入门，到第二阶段基础组件的使用，到第三阶段的API的应用，到第四阶段完整案例实战以及最后的设计阶段，各个阶段环环相扣、由浅入深、逐层递进，前一阶段为后一阶段服务，后一阶段夯实前一阶段的内容。具体内容包含以下模块：微信小程序的快速入门，包括开发的准备工作、开发工具的基本使用、快速入门小例子以及数据如何绑定；微信小程序有丰富UI组件，有视图容器、基础内容、表单、操作反馈、导航、媒体、地图、画布UI组件；详细的API，包含网络、媒体、数据、位置、设备、界面、开发接口等等 API内容。微信小程序提供了丰富UI组件、详细的API，来帮助开发者快速接入小程序。
微信小程序-猫眼电影小程序源码及项目截图
06-09
微信小程序-猫眼电影小程序源码及项目截图
仿猫眼小程序
05-09
仿猫眼微信小程序
猫眼微信小程序源码.zip
07-13
通过对猫眼微信小程序源码的深入学习，开发者可以了解到微信小程序的完整开发流程，包括如何定义页面结构、编写样式、处理业务逻辑以及与微信API的交互。同时，也能从中汲取优化用户体验、提高程序性能的技巧，对于...
基于微信小程序的仿猫眼小程序项目
05-22
实现了电影模块： 广告位轮播，定位城市，切换城市，最近热播，即将上映，电影详情可查看电影宣传片，支持搜索电影 影院模块： 显示当前城市所有电影院，可进行切换城市，进入影院详情可以查看当前影院可以购买的...
微信小程序学习用demo：仿猫眼电影；使用猫眼api，下拉加载
大灰狼的小绵羊哥哥的博客
01-13 1万+
介绍 学习下微信小程序，一个练手项目。 api是使用的http://www.jianshu.com/p/9855610eb1d4 使用 首先需要注册个微信小程序的账号啦，这个就不说了。 进入微信小程序，在设置 =》 开发设置 =》 服务器域名 =》 request合法域名中 添加 https://m.maoyan.com 这个地址，保存。 下载个微信web开发者
猫眼电影小程序制作代码
05-26
猫眼电影小程序的制作需要掌握以下技术： 1. 微信开发者工具：用于开发和调试小程序。 2. 小程序框架：小程序基于原生框架开发，包含了 WXML、WXSS 和 JS 三个部分，分别对应着 HTML、CSS 和 JavaScript。 3. 猫眼电影 API：猫眼电影提供了开放的 API 接口，可以获取电影列表、影院信息、电影详情等数据。 下面是一个简单的猫眼电影小程序代码示例： 1. 在微信开发者工具中创建小程序项目。 2. 在 app.json 文件中配置页面路由： ``` { "pages": [ "pages/index/index", "pages/movie/movie", "pages/cinema/cinema", "pages/detail/detail" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "猫眼电影", "navigationBarTextStyle": "black" } } ``` 3. 在 pages/index/index.wxml 文件中添加电影列表： ``` <view class="movie-list"> <view wx:for="{{movies}}" wx:key="{{index}}" class="movie-item" bindtap="onMovieTap"> <image src="{{item.img}}" class="movie-img"></image> <view class="movie-info"> <view class="movie-title">{{item.nm}}</view> <view class="movie-score">{{item.sc}}</view> </view> </view> </view> ``` 4. 在 pages/index/index.js 文件中请求猫眼电影 API 并渲染电影列表： ``` Page({ data: { movies: [] }, onLoad: function () { wx.request({ url: 'https://m.maoyan.com/ajax/movieOnInfoList', success: res => { this.setData({ movies: res.data.movieList }) } }) }, onMovieTap: function (e) { wx.navigateTo({ url: '/pages/detail/detail?id=' + e.currentTarget.dataset.id }) } }) ``` 5. 在 pages/detail/detail.wxml 文件中添加电影详情： ``` <view class="detail"> <image src="{{movie.img}}" class="detail-img"></image> <view class="detail-info"> <view class="detail-title">{{movie.nm}}</view> <view class="detail-score">评分：{{movie.sc}}</view> <view class="detail-desc">{{movie.desc}}</view> </view> </view> ``` 6. 在 pages/detail/detail.js 文件中根据电影 ID 请求电影详情： ``` Page({ data: { movie: {} }, onLoad: function (options) { wx.request({ url: 'https://m.maoyan.com/ajax/detailmovie', data: { movieId: options.id }, success: res => { this.setData({ movie: res.data.detailMovie }) } }) } }) ``` 这是一个简单的猫眼电影小程序示例，你可以根据自己的需求进行扩展和优化。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值