第一步 初识WeX5
起步微信公众号体验
获得起步最新资讯
demo使用说明:(课程时长21′)
介绍WeX5的四个demo案例:综合演示、外卖、仿途牛、WeX5论坛的运行和APP体验方法,使您初步了解WeX5的能力。APP完整开发过程:(课程时长 60′)
完整介绍使用WeX5开发APP应用的过程,使您对WeX5的开发工具使用、开发原理有一个全面的认识。
我的第一个应用:(课程时长8′)
通过一个简单的hello案例介绍,使您了解如何使用WeX5开发一个手机应用的过程,进一步了解WeX5的具体开发过程。WeX5开发工具入门:(课程时长 44′)
详细介绍WeX5开发工具,了解开发工具的具体使用和操作技巧,使您轻松开启WeX5开发之旅。
第二步 初识WeX5组件
其他常用组件
组件使用基础:WeX5的界面是由组件构成的,组件是一个可以以图形化方式显示在屏幕上,并能与用户进行交互的对象。组件是对数据和方法的封装,有自己的属性、事件和方法等。
组件使用基础将从组件的创建、属性、方法、操作、事件、样式、API、调试等方面详细介绍组件的使用。
data数据组件
input数据输入的基础组件
list动态数据显示组件
panel上中下结构的页面组件
技术QQ群537579119
contents滑动切换页面的组件
row行组件
第三步 跟我学开发外卖案例
1. 外卖案例
这里将学习使用WeX5开发一个外卖订餐的App应用。这个外卖案例具有:菜单选择加入购物车;购物车下单;历史订单查看;用户信息管理等功能。
该教程将手把手教您WeX5开发外卖案例的全过程,包括开发APP前端页面、后端服务调用、手机定位和手机支付(微信支付、支付宝支付)、打包部署以及微信公众号开发等。通过逐行代码的讲解方式,您将通过这个案例的学习,进一步掌握WeX5开发的方法和技巧。(课程时长3小时)
资料打包下载
外卖案例讲义前言-外卖概述外卖数据交互第一讲 搭建页面框架第二讲 开发菜品列表页第三讲 开发购物车页第四讲 开发我的信息页
第五讲 开发订单页第六讲 细节处理第七讲 开发后端服务第八讲 在App中支付第九讲 在App中获得地理信息第十讲 打包及部署第十一讲 开发微信公众号
2. 仿淘宝案例
这里将学习使用WeX5开发一个仿淘宝的App应用。这个案例具有:模仿淘宝的首页展现;查看购物车;宝贝搜索页;宝贝列表和宝贝详情的展现。
该教程将手把手教您WeX5开发外卖案例的全过程,包括开发APP前端页面、微信分享等。通过逐行代码的讲解方式,您将通过这个案例的学习,进一步掌握WeX5开发的方法和技巧。
资料打包下载
第一讲 仿淘宝概述第二讲 创建应用和首页开发第三讲 分类页和列表页
第四讲 商品详细页和微信分享第五讲 购物车页和搜索页
3. 记账本案例
这里将学习使用WeX5开发一个记账本的App应用。这个案例具有:显示账目列表;设置账目分类;记一笔;左侧滑动菜单栏等功能。
该教程将手把手教您WeX5开发记账本案例的全过程,包括开发APP前端页面、后端服务调用、打包部署等。通过逐行代码的讲解方式,您将通过这个案例的学习,进一步掌握WeX5开发的方法和技巧。
资料打包下载下载 SQLite
记账本概述第一讲 开发后端服务第二讲 开发账目列表页第三讲 开发账目详细页
第四讲 开发框架页第五讲 开发分类设置页第六讲 打包及部署第七讲 框架的扩展能力
4. WeX5后端服务教程
该教程将手把手教您WeX5后端服务的全过程,通过逐行代码的讲解方式,您将进一步掌握WeX5开发的方法和技巧。
资料打包下载
第一讲 WeX5后端服务介绍第二讲 访问数据表
第三讲 调用后端服务第四讲 部署后端服务
5. WeX5核心原理
多页和单页应用模式单页应用的三个问题
页面结构及生命周期页面间交互
第四步 进阶WeX5代码基础和调试这里将介绍WeX5初级开发的代码基础,包括JS引用、引用CSS和text等,以及如何进行代码调试,为您进一步玩转WeX5打下坚实的基础!
WeX5如何引用JS
WeX5如何显示声明依赖
WeX5如何引用css和text
WeX5代码调试
结尾语恭喜您已顺利完成WeX5的入门学习,并且已经基本了解了WeX5开发框架的能力、特点和开发方法。学习过程中有什么意见和建议,欢迎您向我们吐槽!接下来继续步入WeX5的高手学习行列吧!
开发论坛
文档中心