小程序实战视频课：微信小程序开发全案精讲 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

刘刚 著

图书标签:

• 微信小程序
• 小程序开发
• 前端开发
• 移动开发
• 编程教学
• 视频课程
• 实战案例
• 开发技巧
• 微信生态
• 全栈开发

出版社： 人民邮电出版社

ISBN：9787115463012

版次：1

商品编码：12288376

包装：平装

开本：16开

出版时间：2018-01-01

用纸：胶版纸

页数：376

正文语种：中文

产品特色

编辑推荐

使用本书，两步学会微信小程序
Step1 图文代码快速理解小程序基本原理和应用方法。
Step2 8大类小程序案例，感受真实商业项目制作过程。
案例效果展示+需求描述+交互分析+设计思路+相关知识+案例详细实现步骤+实战演练，成为小程序设计达人
平台支撑，免费赠送资源
1.全部案例源代码、素材、文件
2.全书电子教案
3.人邮学院高清精讲视频课程
视频可扫书中二维码移动观看，也可以登录人邮学院（www.rymooc.com），注册登录后使用封底刮刮卡激活课程，在线观看。案例代码等资源可登陆人邮教育社区（www.ryjiaoyu.com.cn）或根据书中网盘地址下载使用。

内容简介

本书通过8个典型的实战案例，讲解了微信小程序的开发方法。内容除微信小程序基础外，还介绍了美食类的仿菜谱精灵微信小程序；资讯类的仿头条号微信小程序；生鲜类的仿爱鲜蜂微信小程序；电影类的仿淘票票微信小程序；音乐类的仿酷狗音乐微信小程序；电商类的仿京东购物微信小程序；求职类的仿拉勾网微信小程序；教育类的仿猿题库微信小程序等。每个案例包括需求描述、交互分析、设计思路、相关知识点以及案例详细开发步骤，内容全面、讲解细致。

作者简介

小刚老师本名刘刚，参与过多个软件项目的研发、设计和管理工作，拥有项目管理 师认证、项目监理师中级认证，出版过的图书有《原型设计大师：Axure RP网站与APP设计从入门到精通》《Axure RP原型设计图解微课视频教程 （Web+App）》；曾在中国擎天公司、神州软件子公司任职，在项目管理和项目实 践、软件设计等方面经验丰富；曾负责纪检监察廉政监督监管平台产品的设计与开 发、国家邮政局项目的设计与开发、政务大数据项目的设计与开发等。

目录

一章　微信小程序基础　1
1．1　微信小程序介绍　1
1．1．1　什么是微信小程序　1
1．1．2　微信小程序发展历程　1
1．1．3　微信小程序提供的功能　2
1．1．4　微信小程序不提供的功能　3
1．1．5　微信小程序带来的机会　3
1．2　微信小程序开发工具的使用　4
1．2．1　获取微信小程序AppID　4
1．2．2　创建一个微信小程序项目　5
1．2．3　微信开发工具的使用　7
1．3　微信小程序框架文件　14
1．3．1　框架全局配置文件　14
1．3．2　工具类文件　19
1．3．3　框架页面文件　19
1．4　微信小程序逻辑层　20
1．4．1　App()注册程序　20
1．4．2　Page()注册页面　21
1．5　微信小程序视图层　22
1．5．1　绑定数据　22
1．5．2　条件渲染　24
1．5．3　列表渲染　24
1．5．4　定义模板　25
1．5．5　引用功能　26
1．6　微信小程序组件介绍　27
1．6．1　视图容器组件　27
1．6．2　基础内容组件　28
1．6．3　表单组件　30
1．6．4　导航组件　33
1．6．5　媒体组件　33
1．6．6　地图组件　36
1．6．7　画布组件　38
1．6．8　客服会话按钮组件　39
1．7　微信小程序API说明　39
1．7．1　请求服务器数据API　39
1．7．2　文件上传与下载API　40
1．7．3　WebSocket会话API　41
1．7．4　图片处理API　43
1．7．5　文件操作API　44
1．7．6　数据缓存API　46
1．7．7　位置信息API　49
1．7．8　设备应用API　51
1．7．9　交互反馈API　53
1．7．10　登录API　55
1．7．11　微信支付API　56
1．7．12　分享API　57
1．8　小结　57
1．9　实战演练　58
二章　美食类：仿菜谱精灵微信小程序　59
2．1　需求描述及交互分析　59
2．1．1　需求描述　59
2．1．2　交互分析　60
2．2　设计思路及相关知识点　60
2．2．1　设计思路　60
2．2．2　相关知识点　61
2．3　底部标签导航设计　62
2．4　幻灯片轮播效果设计　65
2．5　菜谱专题列表式显示设计　67
2．6　菜谱专题详情设计　74
2．7　小结　78
2．8　实战演练　78
第3章　资讯类：仿头条号微信小程序　79
3．1　需求描述及交互分析　79
3．1．1　需求描述　79
3．1．2　　交互分析　80
3．2　设计思路及相关知识点　80
3．2．1　设计思路　80
3．2．2　相关知识点　80
3．3　首页新闻频道框架设计　83
3．3．1　底部标签导航设计　83
3．3．2　顶部检索框设计　86
3．3．3　新闻频道滑动效果设计　87
3．4　首页新闻内容设计　92
3．5　首页新闻详情页设计　99
3．6　“我的”界面列表式导航设计　104
3．7　小结　113
3．8　实战演练　113
第4章　生鲜类：仿爱鲜蜂微信小程序　114
4．1　需求描述及交互分析　115
4．1．1　需求描述　115
4．1．2　交互分析　116
4．2　设计思路及相关知识点　116
4．2．1　设计思路　116
4．2．2　相关知识点　117
4．3　首页界面布局设计　121
4．3．1　底部标签导航设计　121
4．3．2　幻灯片轮播效果设计　123
4．3．3　首页界面布局设计　125
4．4　闪送超市纵向导航设计　135
4．5　添加商品到购物车设计　144
4．6　购物车商品显示设计　155
4．7　收货地址列表式显示设计　165
4．8　小结　170
4．9　实战演练　170
第5章　电影类：仿淘票票微信小程序　171
5．1　需求描述及交互分析　172
5．1．1　需求描述　172
5．1．2　交互分析　173
5．2　设计思路及相关知识点　174
5．2．1　设计思路　174
5．2．2　相关知识点　174
5．3　电影界面框架设计　177
5．3．1　顶部页签切换效果设计　177
5．3．2　底部标签导航设计　179
5．4　正在热映界面布局设计　180
5．5　即将上映界面布局设计　186
5．6　电影详情页设计　194
5．7　“我的”界面列表式导航设计　200
5．8　登录设计　208
5．9　电影界面分享　214
5．10　小结　216
5．11　实战演练　217
第6章　音乐类：仿酷狗音乐微信小程序　218
6．1　需求描述及交互分析　219
6．1．1　需求描述　219
6．1．2　交互分析　220
6．2　设计思路及相关知识点　220
6．2．1　设计思路　220
6．2．2　相关知识点　220
6．3　音乐首页界面布局设计　222
6．4　音乐播放设计　234
6．5　本地音乐顶部页签切换效果
设计　240
6．6　单曲列表设计　243
6．7　单曲检索设计　251
6．8　小结　252
6．9　　实战演练　253
第7章　电商类：仿京东购物微信小程序　254
7．1　需求描述及交互分析　255
7．1．1　需求描述　255
7．1．2　交互分析　256
7．2　设计思路及相关知识点　257
7．2．1　设计思路　257
7．2．2　相关知识点　257
7．3　搜索商品首界面布局设计　258
7．4　搜索商品设计　264
7．5　购物车设计　272
7．6　我的订单设计　281
7．7　优惠券设计　284
7．8　小结　291
7．9　实战演练　291
第8章　求职类：仿拉勾网微信小程序　292
8．1　需求描述及交互分析　293
8．1．1　需求描述　293
8．1．2　交互分析　295
8．2　设计思路及相关知识点　295
8．2．1　设计思路　295
8．2．2　相关知识点　296
8．3　首页招聘信息列表设计　297
8．4　言职界面九宫格导航设计　307
8．5　“我”界面列表式导航设计　311
8．6　完善简历界面布局设计　314
8．7　编辑基本信息设计　319
8．8　小结　322
8．9　　实战演练　323
第9章　教育类：仿猿题库微信小程序　324
9．1　需求描述及交互分析　325
9．1．1　需求描述　325
9．1．2　交互分析　327
9．2　设计思路及相关知识点　328
9．2．1　设计思路　328
9．2．2　相关知识点　328
9．3　练习界面九宫格导航设计　329
9．4　科目设置界面设计　333
9．5　语文科目练习界面设计　341
9．6　练习题目界面设计　350
9．7　发现界面列表式导航设计　357
9．8　排行榜设计　360
9．9　“我”界面列表式导航设计　370
9．10　小结　375
9．11　实战演练　375

《微信小程序开发全案精讲》图书简介 前言 在数字时代浪潮汹涌而至的今天，微信小程序以其轻巧、便捷、即用即走的特性，迅速渗透到我们生活的方方面面，成为了连接用户与服务、品牌与消费者的重要桥梁。从电商购物、生活服务到企业管理、信息查询，小程序的应用场景日益广泛，其开发技术也日新月异。 本书《微信小程序开发全案精讲》，旨在为广大开发者、产品经理、甚至是具备一定编程基础的技术爱好者，提供一套系统、全面、深入的微信小程序开发指南。我们不仅仅局限于讲解基础语法和API调用，更着重于通过实战项目，带您领略小程序开发的完整流程，掌握从需求分析、架构设计、功能实现到上线发布、运营优化的全方位技能。 本书最大的特点在于其“全案”和“精讲”。“全案”意味着我们将覆盖小程序开发的各个环节，力求呈现一个完整的项目生命周期；“精讲”则意味着我们对每一个技术点、每一个实现细节都进行了深入的剖析，力求让读者知其然，更知其所以然。我们希望通过本书，能够帮助您构建出功能强大、体验优异、商业价值显著的微信小程序。 本书内容概述 本书围绕微信小程序开发的核心技术和实际应用，精心编排了15个章节，并配以多个大型实战项目，确保理论与实践紧密结合。 第一部分：小程序开发基础与核心原理 第一章：微信小程序概述与开发环境搭建 小程序的概念与优势： 深入剖析小程序为何能够风靡，其相对于传统App和H5的独特优势，以及在微信生态中的定位。 开发工具介绍与安装： 详细介绍微信开发者工具的各项功能，包括项目创建、代码编辑、调试、预览、真机测试等，并提供详细的安装配置步骤。 项目结构与文件详解： 讲解小程序项目的基本目录结构，包括`app.json`、`app.js`、`app.wxss`以及页面文件（`.json`、`.js`、`.wxml`、`.wxss`）的作用与关系，为后续开发打下坚实基础。 第二章：小程序基础语法与组件系统 WXML（WeiXin Markup Language）： 学习小程序视图层的标记语言，包括数据绑定、列表渲染、条件渲染、事件绑定等核心概念。 WXSS（WeiXin Style Sheets）： 掌握小程序样式语言，了解其与CSS的异同，学习选择器、样式属性、尺寸单位（rpx）的使用，以及如何构建响应式布局。 JavaScript基础与小程序API： 回顾JavaScript核心语法，重点讲解小程序提供的各类API，包括页面生命周期、组件生命周期、事件处理、数据请求、本地存储、页面跳转等。 第三章：页面导航与路由管理 页面跳转方式： 深入理解`navigateTo`、`redirectTo`、`switchTab`、`reLaunch`等不同页面跳转API的适用场景与区别。 参数传递与接收： 学习如何在页面间传递和接收数据，包括通过URL参数和全局数据管理。 导航栏与底部 tabBar 的配置与定制： 掌握`app.json`中关于导航和tabBar的配置方法，以及如何实现自定义的导航样式。 第二部分：小程序核心功能实现与进阶技巧 第四章：数据请求与网络通信 HTTP请求详解： 学习使用`wx.request` API发送GET、POST等请求，理解请求头、请求体、响应码等概念。 API接口设计与调用： 讲解如何与后端服务器进行数据交互，包括RESTful API的理解与实践。 数据加载与错误处理： 学习处理网络请求中的加载状态、超时、错误等情况，并给出友好的用户提示。 第五章：本地数据存储与状态管理 `wx.setStorageSync` 与 `wx.getStorageSync`： 掌握同步本地存储方法，适用于少量数据的存储。 `wx.setStorage` 与 `wx.getStorage`： 学习异步本地存储方法，避免阻塞主线程。 `wx.clearStorageSync` 与 `wx.clearStorage`： 学习如何清理本地存储数据。 全局数据管理（AppData）： 讲解如何使用`getApp()`和`globalData`实现跨页面数据共享，以及如何进行状态订阅和更新。 第六章：组件化开发与自定义组件 组件化思想： 理解组件化开发的核心理念，以及其在提升代码复用性和可维护性方面的优势。 创建与使用自定义组件： 详细演示如何定义自己的组件，包括`component`节点、`properties`、`data`、`methods`、`lifetimes`等属性的配置。 组件间通信： 学习父子组件通信（`properties`、`triggerEvent`）、兄弟组件通信（通过父组件或全局数据）等多种方式。 第七章：表单处理与用户交互 表单组件详解： 深入讲解`input`、`textarea`、`checkbox`、`radio`、`switch`、`slider`、`picker`等各类表单组件的使用。 表单数据绑定与校验： 学习如何实时获取表单输入值，并进行客户端校验，提升用户体验。 事件处理机制： 强化事件绑定、事件冒泡、事件捕获等概念，以及如何优雅地处理用户交互。 第八章：小程序动画与视觉效果 CSS动画： 学习使用CSS3的`transition`和`animation`属性实现丰富的视觉动画效果。 小程序动画API： 深入讲解`wx.createAnimation()` API，掌握如何创建、操作和销毁动画实例，实现元素位移、缩放、旋转、透明度变化等。 页面转场动画： 学习为页面跳转、组件显示/隐藏等场景添加平滑的动画过渡。 第三部分：实战项目与高级应用 第九章：实战项目一：简单的待办事项列表（Todo List） 需求分析与原型设计： 明确项目功能，绘制简单的原型图。 界面布局与组件使用： 使用`wxml`和`wxss`构建页面，调用小程序内置组件。 数据管理与交互逻辑： 实现添加、删除、编辑、标记完成等功能，学习数据存储。 第十章：实战项目二：商品展示与购物车（电商基础） 商品列表展示： 学习使用`scroll-view`、`swiper`等组件展示商品信息。 商品详情页： 实现商品详情的展示、规格选择等。 购物车功能： 学习如何管理购物车数据，包括添加、删除、修改数量、计算总价等。 与后端API集成： 模拟或对接商品和购物车相关的后端接口。 第十一章：实战项目三：用户登录与个人中心 微信登录授权： 学习使用`wx.login`、`wx.getUserProfile`等API获取用户授权信息。 用户注册与绑定： 演示如何将微信用户信息与后端账户进行绑定。 个人中心页面： 展示用户头像、昵称等信息，并实现账户相关的操作。 第十二章：地图与定位服务 地图组件`map`的使用： 学习在小程序中集成地图，展示标记点、绘制路线等。 获取当前位置： 使用`wx.getLocation` API获取用户当前地理位置。 地理位置信息处理： 学习如何解析经纬度、逆地址编码等。 第十三章：扫码与支付功能 扫码功能： 学习使用`wx.scanCode` API实现条形码、二维码的扫描。 微信支付集成： 讲解微信支付的流程，包括统一下单、支付回调、支付状态查询等（需与后端配合）。 第十四章：小程序性能优化与调试技巧 性能瓶颈分析： 识别小程序运行缓慢的常见原因，如组件过多、数据渲染过大、网络请求频繁等。 代码优化策略： 讲解如何通过合理的数据结构、组件复用、异步加载等方式提升性能。 使用开发者工具进行性能分析： 学习使用性能面板、CPU占用率、内存占用率等工具进行诊断。 高级调试技巧： 掌握条件断点、远程调试等进阶调试方法。 第十五章：小程序发布与运营 版本管理与提审流程： 讲解小程序版本的上传、提交审核、发布上线的过程。 用户反馈与问题修复： 如何收集用户反馈，分析和修复线上Bug。 数据统计与分析： 介绍微信官方提供的小程序数据分析工具，以及如何解读数据以指导运营。 推广与增长策略： 探讨小程序获客、留存、转化的基本策略。 本书特色与价值 1. 体系化学习： 从零基础入门到高级进阶，内容循序渐进，逻辑严谨，为读者构建完整的知识体系。 2. 强调实战： 贯穿多个大型、贴近实际业务的实战项目，让读者在动手实践中掌握知识，解决实际问题。 3. 细节深入： 对每一个API、每一个核心概念都进行了详细的解释和代码示例，力求让读者理解到位。 4. 技术前沿： 紧跟微信小程序平台的最新发展，覆盖最新的API和开发实践。 5. 问题导向： 结合开发过程中可能遇到的常见问题，提供解决方案和优化建议。 适用人群 希望系统学习微信小程序开发的初学者。 有一定编程基础，希望快速掌握小程序开发技能的开发者。 产品经理、UI/UX设计师，希望了解小程序技术实现细节，更好地与开发团队沟通。 希望将业务需求转化为小程序应用的创业者或企业技术人员。 结语 微信小程序开发是一个充满机遇和挑战的领域。《微信小程序开发全案精讲》希望能成为您在这个领域探索前行的坚实伙伴。我们相信，通过本书的学习，您将能够自信地驾驭微信小程序开发，构建出属于您的精彩应用。祝您在小程序的开发之旅中收获满满！

评分☆☆☆☆☆

作为一名已经工作了几年的前端开发者，《小程序实战视频课：微信小程序开发全案精讲》这本书对我来说，像是一次“充电”和“梳理”。很多小程序开发中的概念，比如事件委托、组件通信、状态管理，虽然平时也在用，但总感觉理解得不够深入。《小程序实战视频课：微信小程序开发全案精讲》就如同一面镜子，让我看到了自己知识体系中的盲点和不足。书中的讲解非常细致，对于一些容易混淆的概念，它会用不同的角度去解释，并且给出大量的类比和比喻，帮助开发者从根本上理解。例如，在讲解小程序的数据驱动思想时，书中不仅仅是展示了如何绑定数据，还深入剖析了数据变化的原理以及如何高效地更新视图。而且，这本书并没有局限于技术的讲解，它还触及到了小程序生态的方方面面，比如如何利用小程序进行营销推广、如何分析用户数据以优化产品等等。这些内容让我在学习技术的同时，也能从更宏观的角度去思考小程序的商业价值。

评分☆☆☆☆☆

我是一个对新技术充满热情但又有点“选择困难症”的学习者。在众多的编程学习资源中，《小程序实战视频课：微信小程序开发全案精讲》这本书，给我了一种“定心丸”的感觉。它的内容涵盖之广，让我觉得一旦掌握了这本书，就等于掌握了小程序开发的“武功秘籍”。从最基础的UI布局，到复杂的交互逻辑，再到与后端数据的实时同步，书中都有详尽的讲解。而且，它不仅仅是告诉你“怎么做”，更告诉你“为什么这么做”，并且会给出多种解决方案，让你能够根据实际情况选择最合适的。我最喜欢的是书中关于“组件化开发”和“状态管理”的章节，这些内容对于构建大型、可维护的小程序至关重要。书中提供的代码示例都非常简洁明了，而且都是可以直接运行的，这极大地降低了学习的门槛。读这本书的过程中，我感觉自己不仅仅是在学习一门技术，更是在学习一种解决问题的思维方式。

评分☆☆☆☆☆

这本《小程序实战视频课：微信小程序开发全案精讲》真的是让我眼前一亮。作为一个对小程序开发一直充满好奇但又摸不着门道的新手，我尝试过不少零散的教程，但总是感觉碎片化，抓不住核心。直到我遇到了这本书，才感觉自己终于找到了“大本营”。书里的内容组织得非常系统，从最基础的环境搭建、项目创建，到组件的深入讲解，再到页面布局和样式设计，一步步引导，就像有一个经验丰富的老师在手把手教你一样。我尤其喜欢它在讲解小程序生命周期、事件处理和数据绑定这些核心概念时，讲解得非常透彻，而且配合着大量的代码示例，让我能够清晰地理解理论知识如何转化为实际应用。更让我惊喜的是，书中还涵盖了一些进阶的内容，比如网络请求、本地存储、以及如何利用云开发简化后端开发。这些内容对于我来说，以前都是遥不可及的概念，现在通过书中的清晰剖析，感觉掌握起来并没有想象中那么困难。整体来说，这本书不仅仅是技术层面的讲解，更像是一个完整的学习路径图，让我知道如何从零开始，逐步构建出自己的小程序。

评分☆☆☆☆☆

这本书的价值绝对不仅仅在于“实战”二字，它更像是一本“全案”的宝典。我之前一直以为小程序开发就是些简单的页面搭建和接口调用，但《小程序实战视频课：微信小程序开发全案精讲》完全颠覆了我的认知。它从项目的立项、需求分析开始，就给出了详细的指导，如何规划小程序的功能、用户体验，以及如何进行原型设计。接着，在技术实现层面，它不仅仅讲解了基础的WXML、WXSS、JavaScript，还深入到了很多前端工程化的实践，比如模块化开发、组件复用、甚至是代码的规范和团队协作。书中对于项目架构的选择、不同解决方案的优劣势分析，都非常到位。我尤其赞赏的是，书中还讲解了如何进行小程序的性能测试和优化，如何处理各种异常情况，以及如何进行用户行为分析和数据统计。这些都是在实际项目开发中非常关键但又容易被忽视的环节。读完这本书，我感觉自己不仅仅学会了写小程序，更是学会了如何“做好”一个小程序。

评分☆☆☆☆☆

我是一名有几年原生APP开发经验的开发者，本来对小程序开发持观望态度，觉得技术栈和原生开发有很大差异，学习曲线会比较陡峭。但是，《小程序实战视频课：微信小程序开发全案精讲》的出现，彻底打消了我的顾虑。这本书的深度和广度都相当不错，它并没有停留在“教你写代码”的层面，而是深入剖析了小程序架构设计、性能优化以及与后端服务的交互模式。书中对于组件化开发、状态管理以及页面间通信的讲解，非常有条理，并且提供了很多高质量的实践建议，这对于提升小程序的可维护性和扩展性至关重要。我印象深刻的是，书中在讲解API使用时，不仅给出了示例，还分析了不同API的适用场景和注意事项，这对于避免踩坑非常有帮助。此外，书中还涉及了一些关于小程序生态和发布流程的内容，这对于想将小程序投入实际使用的开发者来说，是不可或缺的信息。总的来说，这本书对于有一定基础的开发者来说，能够帮助他们快速理解小程序的核心机制，并掌握更高级的开发技巧。

评分☆☆☆☆☆

包装不错，还没看。活动买的

评分☆☆☆☆☆

买书很便宜，好书上京东

评分☆☆☆☆☆

内容不错！

评分☆☆☆☆☆

书本挺好的，就是视频呢

评分☆☆☆☆☆

很实用的书籍！

评分☆☆☆☆☆

一直买这个牌子的性价比高品质好

评分☆☆☆☆☆

物流很快，书不错，有视频，讲得很详细！！！

评分☆☆☆☆☆

很好的书籍，学习

评分☆☆☆☆☆

很全面，从工具到语法都有。