前言

自蘋果iOS和安卓Android這兩個(gè)手機(jī)操作系統(tǒng)發(fā)布以來，在互聯(lián)網(wǎng)界就多了一個(gè)新的名詞：App(意為運(yùn)行在智能的移動(dòng)終端設(shè)備第三方應(yīng)用程序)。

早起的App有兩種形式：一種是基于本地（操作系統(tǒng)）運(yùn)行的App；一種是基于瀏覽器運(yùn)行的Web App。本地App因?yàn)槲挥谄脚_(tái)層上方，向下訪問和兼容的能力會(huì)比較好一些，可以支持在線或離線，消息推送或本地資源訪問，攝像、撥號(hào)功能的調(diào)取。但是由于設(shè)備碎片化，本地App的開發(fā)成本很高，維持多個(gè)版本的更新升級(jí)也很麻煩。

隨著HTML5的出現(xiàn)，基于HTML5低成本跨平臺(tái)開發(fā)優(yōu)勢(shì)又兼具本地 App特質(zhì)的混合模式移動(dòng)應(yīng)用（HybridApp）迅速興起。它大幅降低了App的開發(fā)成本，可以通過現(xiàn)有應(yīng)用商店模式發(fā)行，在用戶桌面形成獨(dú)立入口等等。HybridApp已成為開發(fā)App不錯(cuò)的選擇。

起步科技推出App快速開發(fā)框架WeX5，只要會(huì)HTML、JS、CSS、Java或PHP或.NET就可以使用WeX5開發(fā)App。WeX5遵循Apache開源協(xié)議，完全開源免費(fèi)，上百個(gè)組件框架，全部開放，WeX5一直堅(jiān)持采用H5+CSS3+JS標(biāo)準(zhǔn)技術(shù)，一次開發(fā)，多端任意部署，確保開發(fā)者成果始終通用、不受限制。同時(shí)開發(fā)出的應(yīng)用具有良好的用戶體驗(yàn)。WeX5的可視化開發(fā)，堅(jiān)持為開發(fā)者提供良好開發(fā)體驗(yàn)，拖拽式頁面設(shè)計(jì)，易學(xué)易用。提供CloudX5一鍵自動(dòng)化云部署，簡化復(fù)雜部署過程，輕松部署到互聯(lián)網(wǎng)。

本教程概述

本教程為WeX5初級(jí)教程，旨在通過講解幾個(gè)App的開發(fā)，使讀者了解WeX5的開發(fā)過程，使用WeX5開發(fā)出高質(zhì)量的App。本教程共分六章，

第一章講解使用WeX5開發(fā)H5 App的原理和過程、介紹WeX5開發(fā)工具的使用、列舉了五個(gè)App的開發(fā)步驟，旨在使讀者了解WeX5的能力：快速生成本地App、快速開發(fā)App、開發(fā)復(fù)雜App、調(diào)用硬件設(shè)備、以及流行界面的開發(fā)能力。

從第二章到第五章，用一個(gè)仿微店App串講WeX5的知識(shí)體系。第二章講解WeX5之所以能夠?qū)崿F(xiàn)快速開發(fā)的關(guān)鍵——組件，通過拖拽組件完成界面布局，這種可視化的界面開發(fā)是WeX5的獨(dú)到之處。

第三章講解使用JS代碼實(shí)現(xiàn)頁面功能。介紹常用表達(dá)式、常用JS方法、以及JS代碼的調(diào)試方法。

第四章講解美觀界面、個(gè)性界面的實(shí)現(xiàn)方法——設(shè)置樣式。介紹常用樣式、以及樣式的調(diào)試方法。

第五章講解調(diào)用設(shè)備硬件的方法、生成本地App以及一鍵云部署的方法。到此完成了仿微店App大部分頁面的開發(fā)，生成本地App、部署到CloudX5云服務(wù)器上，最后安裝到手機(jī)上運(yùn)行！

從第二章到第五章，在同步訓(xùn)練中完成仿微店App，在擴(kuò)展訓(xùn)練中完成仿美團(tuán)App。到第六章發(fā)揮前面所學(xué)，完成兩個(gè)項(xiàng)目實(shí)戰(zhàn)：理財(cái)App和掛號(hào)App。

本教程配套資源