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

文档 文档 PAGE / NUMPAGES 文档 　　本篇文章以最简单的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的