[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”left” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”single solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]

第一步 初识WeX5

[/fusion_title][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]起步微信公众号体验
获得起步最新资讯[/fusion_text][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-film” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=”fa-film”]demo使用说明：(课程时长21′)
介绍WeX5的四个demo案例：综合演示、外卖、仿途牛、WeX5论坛的运行和APP体验方法，使您初步了解WeX5的能力。[/fusion_li_item][fusion_li_item icon=””]APP完整开发过程：(课程时长 60′)
完整介绍使用WeX5开发APP应用的过程，使您对WeX5的开发工具使用、开发原理有一个全面的认识。[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-film” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=”fa-film”]我的第一个应用：(课程时长8′)
通过一个简单的hello案例介绍，使您了解如何使用WeX5开发一个手机应用的过程，进一步了解WeX5的具体开发过程。[/fusion_li_item][fusion_li_item icon=””]WeX5开发工具入门：(课程时长 44′)
详细介绍WeX5开发工具，了解开发工具的具体使用和操作技巧，使您轻松开启WeX5开发之旅。[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”http://bbs.wex5.com/thread-66963-1-1.html” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”3_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”single solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]

第二步 初识WeX5组件

[/fusion_title][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_button link=”http://docs.wex5.com/wex5-comps/” color=”default” size=”” stretch=”” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]其他常用组件[/fusion_button][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”http://doc.wex5.com/” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-file-o” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]组件使用基础：WeX5的界面是由组件构成的，组件是一个可以以图形化方式显示在屏幕上，并能与用户进行交互的对象。组件是对数据和方法的封装，有自己的属性、事件和方法等。
组件使用基础将从组件的创建、属性、方法、操作、事件、样式、API、调试等方面详细介绍组件的使用。[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”http://www.wex5.com/appstore/” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=”fa-database”]

data数据组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

input数据输入的基础组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”http://bbs.wex5.com/forum-113-1.html” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”#ffffff” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=”fa-align-justify”]

list动态数据显示组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=”fa-tasks”]

panel上中下结构的页面组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=”fa-exchange”]

contents滑动切换页面的组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-check” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=”fa-list”]

row行组件

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_3″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”single solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]

第三步 跟我学开发外卖案例

[/fusion_title][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

1. 外卖案例

这里将学习使用WeX5开发一个外卖订餐的App应用。这个外卖案例具有：菜单选择加入购物车；购物车下单；历史订单查看；用户信息管理等功能。

该教程将手把手教您WeX5开发外卖案例的全过程，包括开发APP前端页面、后端服务调用、手机定位和手机支付（微信支付、支付宝支付）、打包部署以及微信公众号开发等。通过逐行代码的讲解方式，您将通过这个案例的学习，进一步掌握WeX5开发的方法和技巧。(课程时长3小时)[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_button link=”http://pan.baidu.com/s/1jHgVOdK” color=”default” size=”” stretch=”default” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]资料打包下载[/fusion_button][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]外卖案例讲义[/fusion_li_item][fusion_li_item icon=””]前言-外卖概述[/fusion_li_item][fusion_li_item icon=””]外卖数据交互[/fusion_li_item][fusion_li_item icon=””]第一讲 搭建页面框架[/fusion_li_item][fusion_li_item icon=””]第二讲 开发菜品列表页[/fusion_li_item][fusion_li_item icon=””]第三讲 开发购物车页[/fusion_li_item][fusion_li_item icon=””]第四讲 开发我的信息页[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第五讲 开发订单页[/fusion_li_item][fusion_li_item icon=””]第六讲 细节处理[/fusion_li_item][fusion_li_item icon=””]第七讲 开发后端服务[/fusion_li_item][fusion_li_item icon=””]第八讲 在App中支付[/fusion_li_item][fusion_li_item icon=””]第九讲 在App中获得地理信息[/fusion_li_item][fusion_li_item icon=””]第十讲 打包及部署[/fusion_li_item][fusion_li_item icon=””]第十一讲 开发微信公众号[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”1_4″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”right top” hover_type=”none” link=”” border_position=”all” border_size=”” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”1_4″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”1_4″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

2. 仿淘宝案例

这里将学习使用WeX5开发一个仿淘宝的App应用。这个案例具有：模仿淘宝的首页展现；查看购物车；宝贝搜索页；宝贝列表和宝贝详情的展现。

该教程将手把手教您WeX5开发外卖案例的全过程，包括开发APP前端页面、微信分享等。通过逐行代码的讲解方式，您将通过这个案例的学习，进一步掌握WeX5开发的方法和技巧。[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_button link=”http://pan.baidu.com/s/1sjRi35z” color=”default” size=”” stretch=”default” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]资料打包下载[/fusion_button][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第一讲 仿淘宝概述[/fusion_li_item][fusion_li_item icon=””]第二讲 创建应用和首页开发[/fusion_li_item][fusion_li_item icon=””]第三讲 分类页和列表页[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第四讲 商品详细页和微信分享[/fusion_li_item][fusion_li_item icon=””]第五讲 购物车页和搜索页[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

3. 记账本案例

这里将学习使用WeX5开发一个记账本的App应用。这个案例具有：显示账目列表；设置账目分类；记一笔；左侧滑动菜单栏等功能。

该教程将手把手教您WeX5开发记账本案例的全过程，包括开发APP前端页面、后端服务调用、打包部署等。通过逐行代码的讲解方式，您将通过这个案例的学习，进一步掌握WeX5开发的方法和技巧。[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_button link=”http://pan.baidu.com/s/1dEjhS57″ color=”default” size=”” stretch=”default” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]资料打包下载[/fusion_button][fusion_separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””/][fusion_button link=”http://pan.baidu.com/s/1dEjhS57″ color=”default” size=”” stretch=”default” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]下载 SQLite[/fusion_button][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]记账本概述[/fusion_li_item][fusion_li_item icon=””]第一讲 开发后端服务[/fusion_li_item][fusion_li_item icon=””]第二讲 开发账目列表页[/fusion_li_item][fusion_li_item icon=””]第三讲 开发账目详细页[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第四讲 开发框架页[/fusion_li_item][fusion_li_item icon=””]第五讲 开发分类设置页[/fusion_li_item][fusion_li_item icon=””]第六讲 打包及部署[/fusion_li_item][fusion_li_item icon=””]第七讲 框架的扩展能力[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

4. WeX5后端服务教程

该教程将手把手教您WeX5后端服务的全过程，通过逐行代码的讲解方式，您将进一步掌握WeX5开发的方法和技巧。[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_button link=”http://pan.baidu.com/s/1dEbGuGD” color=”default” size=”” stretch=”default” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ animation_offset=”” alignment=”” class=”” id=””]资料打包下载[/fusion_button][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第一讲 WeX5后端服务介绍[/fusion_li_item][fusion_li_item icon=””]第二讲 访问数据表[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]第三讲 调用后端服务[/fusion_li_item][fusion_li_item icon=””]第四讲 部署后端服务[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_text]

5. WeX5核心原理

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”solid” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]多页和单页应用模式[/fusion_li_item][fusion_li_item icon=””]单页应用的三个问题[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-download” iconcolor=”” circle=”” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]页面结构及生命周期[/fusion_li_item][fusion_li_item icon=””]页面间交互[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”single solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]

第四步 进阶WeX5代码基础和调试

[/fusion_title][fusion_text]这里将介绍WeX5初级开发的代码基础，包括JS引用、引用CSS和text等，以及如何进行代码调试，为您进一步玩转WeX5打下坚实的基础！[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_imageframe lightbox=”no” gallery_id=”” lightbox_image=”” style_type=”none” hover_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”” animation_speed=”0.1″ animation_offset=”” hide_on_mobile=”no” class=”” id=””] [/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-file-o” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

WeX5如何引用JS

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-file-o” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

WeX5如何显示声明依赖

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-file-o” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

WeX5如何引用css和text

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”2_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-file-o” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

WeX5代码调试

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”4_5″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_title size=”1″ content_align=”left” style_type=”single solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]

结尾语

[/fusion_title][fusion_text]恭喜您已顺利完成WeX5的入门学习，并且已经基本了解了WeX5开发框架的能力、特点和开发方法。学习过程中有什么意见和建议，欢迎您向我们吐槽！接下来继续步入WeX5的高手学习行列吧！[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_5″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/fusion_builder_column][fusion_builder_column type=”1_2″ last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-btc” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

开发论坛

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_2″ last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][fusion_checklist icon=”fa-folder-open-o” iconcolor=”” circle=”” circlecolor=”#1a9fd8″ size=”medium” class=”” id=””][fusion_li_item icon=””]

文档中心

[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]