(如何快速理解WeX5中UI2的应用和页面.docxVIP

　本篇文章以最简单的hello应用为例，介绍WeX5中UI2前端框架的应用、页面的概念，以及页面的两种编译方式和应用的三种部署方式。　目录　 1 UI2的应用和页面　 2 制作一个简单的hello应用　3 运行hello应用4 编译和部署hello应用 4.1 页面编译方式一　 4.2 页面编译方式二　 4.3 UI三种部署运行方式　　1 UI2的应用和页面　启动WeX5 Studio，可以看到模型资源目录下有UI2、Native和Bass三个目录：　UI2：包含了所有WebUI的资源(.w、html、js、csss、图片等)，为啥叫UI2，因为这是WeX5的第二代Web UI;　Native：用作移动app开发;　Baas：后端即服务Backend as a Service，为前端展现提供后端服务，例如访问数据库等等。　　看上图UI2下的目录，所有的Web资源按目录组织，可以任意多级目录。system目录包含UI2框架的核心js库、css和组件等资源。UI2下除system目录之外的第一级目录我们通常称为一个Web应用，比如Demo、takeout就是WeX5自带的综合演示和外卖两个应用。每个应用由多个页面和相关的资源组成，比如外卖有一个页面(index.w)，demo应用就可以看到很多个页面。开发WeX5的应用，就是利用系统js库、css库和组件编写应用页面(.w)。　页面是