《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. 总结知识点 |
另附各章节课程资料