wex5萌新使用之 UI2 基础框架一

本文介绍了wex5中的UI2框架,包括其在Baas、UI2和Native目录下的作用。UI2核心是Web应用和页面,其中页面由.w、.js和.css文件组成。通过新建文件夹、创建.W文件并编写代码,演示了如何创建和运行一个简单的'hello'应用。最后,讲解了如何使用Tomcat进行应用的调试和部署。
摘要由CSDN通过智能技术生成

UI2的应用和页面

部分简介
在wex5 Studio中可以看到模型资源目录下有 Baas、UI2 和 Native
Baas:后端即服务Backend as a Service,为前端展现提供后端服务,如访问数据库等
UI2:包含了所有WebUI资源,(.w、html、js、css、图片等),因为是WeX5的第二代Web UI 所有叫UI2
Native:用作移动app开发
在这里插入图片描述
注:

  • 上图中的UI2目录,所有的Wed资源按目录组织,可以任意多级目录。
  • system目录包含UI2框架的核心JS库、CSS和组件等资源。
  • UI2下除了system目录外的第一季目录,通常称为一个Web应用,如Demo、takeout就是WeX5自带的综合演示和外卖两个应用。
  • 每个应用由多个页面和相关的资源组成,如外卖有一个页面(index.w),demo应用就可以看到很多个页面。
  • 开发WeX5的应用就是利用系统JS库、CSS库和组件编写应用页面(.w)。
  • 页面是UI2的核心,页面是一个相对独立可以复用的界面展现和交互单元,即可以作为Web页面独立运行,又能作为一个页面片段嵌入到别的页面运行。
  • 每个页面包括**.w、.js、.css三个同名文件,.w是页面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值