首页>课程更新>玩转微信小程序,教你刷爆朋友圈,《Web前端》第29阶段更新

玩转微信小程序,教你刷爆朋友圈,《Web前端》第29阶段更新

Web前端全系列

 

本次更新内容为Web前端第二十九阶段:安心食疗-微信小程序

 

安心食疗是一个专门打造商城系统的小程序项目,从基础到深入。功能包含小程序的注册以及发布流程、产品列表、产品详情、城市的选择、当前位置的定位、产品的查询、加购,购物车的增删改查操作以及小程序的登录授权等。让你更快更容易上手项目。 

 

章节1:微信小程序介绍

1.小程序简单介绍

2.小程序注册流程

3. 小程序开发工具介绍和发布流程

4. 小程序的目录结构

5. 创建小程序页面page

6. 全局的窗口样式配置

 

章节2:微信小程序-逻辑层和界面层

7. app.json-tabBar配置

8. wxss样式扩展

9. 组件-视图容器

10. 组件-文本-进度条

11. 组件-表单

12. 组件-image图片

13. 组件-导航

14. 小程序项目-删除默认的首页日志

15. 逻辑层和渲染层

16. 小程序逻辑-生命周期-全局变量使用

17. js的模块使用

18. 数据简单绑定

19.列表渲染

 

章节3:安心食疗-页面跳转

20. 回顾小程序项目目录结构

21. 组件回顾

22. js文件介绍-数据绑定

23. 条件渲染

24. 事件以及传参

25. 获取和修改data

26. 点击切换显示

27. 安心食疗-项目基本配置

28. 轮播区域

29. 小程序网络请求合法域名配置

30. 轮播动态渲染

31. 每日一测

32. 首页信息列表-布局

33. 首页信息列表-动态获取

 

章节4:安心食疗-项目基础配置

34. 回顾

35. 页面跳转-传值

36. 点击事件-跳转页面-api

37. 食疗坊顶部搜索布局

38. 食疗坊分类商品展示

39. 食疗坊列表信息展示布局

40. 列表信息-模板

41. 动态加载列表数据-模板传递数据

42. 点击按钮加载更多

43. 下拉加载更多

44. 网络请求封装函数

45. 点击产品分类-进入不同的产品列表

 

章节5:安心食疗-定位-搜索

46. 食疗坊热门城市

47. 定位获取当前的位置

48. 切换城市-返回食疗坊全局变量传递参数

49. 定位切换城市

50. 本地存储

51. 切换热门城市

52. 食疗坊搜索

53. 产品详情购买页面

54. 产品详情购物车底部

55. 列表信息-点击-进入详情

56. 购物车布局

 

章节6:安心食疗-购物车

57. 回顾购物车布局

58. 购物车滑动显示删除效果

59. 购物车数据动态获取

60. 加入购物车

61. 删除购物车产品

62. 计算总价格

63. 购物车选中产品

64. 购物车全选

65. 购物车数量修改

 

章节7:安心食疗-授权登录

66. 回顾

67. 购物车全选后删除某个元素

68. 直接获取头像和昵称

69. 点击按钮获取头像昵称

70. 再次进入获取头像和昵称

71. 再次进入直接获取头像和昵称

72. 小程序登录流程

73. 登录流程实现

74模拟登录

75. 小程序文档介绍

76. 总结知识点

 

 

 

另附各章节课程资料

 

 

百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637