WeX5的简单介绍及UI的简单讲解

(2016-01-13 14:49:05)

标签:

it

分类: WeX5的初步自学
一.WeX5的简单讲解
1.WeX5是前端快速开发框架,可开发跨端运行应用。是移动App/微信/WebApp开发利器,一次开发多平台运行。
二.WeX5平台了解

1.菜单和工具栏 :查看API;启动Tomcat;搜索;首选项;复位透视图

2.透视图 :导入java项目;使用svn

3.模型资源 :文件对比 ;新建、复制、删除;重命名文刷件新及文件夹;模型编译

切换到资源管理器 ;创建本地App;生成App包;模拟运行

4.编辑器:格式化;查找、替换;编辑文件(使用快捷键)

5、控制台 :显示Tomcat信息;搜索结果

三.组件的编辑

1.摆放组件的两种方法:(1)双击;(2)拖拽;

2.编辑组件的几种方法:

(1)设置属性;

(2)右键菜单;

(3)添加事件;

(4)剪切、复制、粘贴;

(5)删除组件;

(6)删除组件事件 ;

三.WeX5中的快捷键
  • Ctrl+Shift+/ 整段注释

  • Ctrl+Shift+\ 取消整段注释

  • Ctrl+Shift+C (取消)逐行注释

  • Ctrl+Shift+F 格式化文档

  • Ctrl+Shift+L 查看快捷键

  • Ctrl+D 删除行

  • Ctrl+F 查找、替换

  • Ctrl+K 查找

  • Ctrl+L 定位行

  • Ctrl+M 编辑器窗又最大化

  • Ctrl+S 保存文件

  • Ctrl+Z 插销前一个操作

  • Alt+↑(↓) 当前行向上(下)移一行

四.UI部分的讲解
1.页面是UI2的核心,页面是一个相对独立可复用的界面展现和交互单元,它即可作为Web页面独立运行,也可作为一个页面片段嵌入到别的页面运行。每个页面包括.w、.js和.css三个同名文件,.w是页面的主文件,.js和.css可以没有。如果页面有.js和.css文 件,.w在编译运行时会自动引入, 不需要手工在.w里链接引用。比如外卖页面包含index.w、index.js、index.csss三个文件,在浏览器请求index.w时,index.w会自动请求index.js和index.css。
五. 简单demo
1.创建应用:

2.创建W文件


3.在设计模式中放入input和output组件
(1)拖入控件的第一种方法:首先点击一下控件,然后在点击一下设计界面;
(2)拖入控件的第二种方法:选取好父视图后,双击控件就可以;
4.输入代码:

5.设置属性

KO可以把bind-value 的值动态写入input的value属性
6.output控件要显示值得话需要设置bind-text属性

7.利用浏览器运行
(1)首先启动Tomcat(如果没有启动过的话)
(2)启动浏览器运行

8.注意:WeX5运行的时候不会自动保存,如果是新添加的内容,所以每次运行前要保存
运行效果如下图:

WeX5的简单介绍及UI的简单讲解的更多相关文章

  1. Node.js简单介绍并实现一个简单的Web MVC框架

    编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...

  2. iOS开发UI篇—Kvc简单介绍

    ios开发UI篇—Kvc简单介绍 一.KVC简单介绍 KVC key valued coding 键值编码 KVC通过键值间接编码 补充: 与KVC相对的时KVO,即key valued observ ...

  3. SQLite数据库和JPA简单介绍

    SQLite数据库和JPA简单介绍 一.SQLite简单使用 SQLite是遵循ACID的关系数据库管理系统,它的处理速度很快,它的设计目标是嵌入式的,只需要几百K的内存就可以了. 1.下载SQLit ...

  4. Tcl 简单介绍及特性

    [简单介绍|特性] l  简单介绍 Tcl是一门产生于80年代末的语言,和Python一样,她是用c开发出来的.假设说C/Java/C++/C#为编译型语言的话,那么Python.Perl和Tcl就是 ...

  5. MySQL sys Schema 简单介绍-2

    之前在<MySQL sys Schema 简单介绍-1>中简单的介绍了,sys Schema库中的表.那么这些表都可以查询些什么信息呢?接下来本文将做下介绍. 1. 表的情况 1.1 统计 ...

  6. 【涂鸦物联网足迹】涂鸦云平台消息服务—顺带Pulsar简单介绍

    前序系列文章>>> [涂鸦物联网足迹]涂鸦云平台标准指令集 开放消息平台主要通过 Pulsar 主动推送各种事件数据给外部合作伙伴,以满足合作伙伴对消息实时性和消息持久化的要求. 一 ...

  7. iOS开发UI篇—UITabBarController简单介绍

    iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...

  8. iOS开发——UI精选OC篇&UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍

    UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍 一:UIApplication:单例(关于单例后面的文章中会详细介绍,你现在只要知道 ...

  9. iOS开发UI篇—Modal简单介绍

    iOS开发UI篇—Modal简单介绍 一.简单介绍 除了push之外,还有另外一种控制器的切换方式,那就是Modal 任何控制器都能通过Modal的形式展⽰出来 Modal的默认效果:新控制器从屏幕的 ...

随机推荐

  1. android自定义拍照

    调用系统相机,然后在自己的surfaceview上预览,拍照,不废话,直接上源码 package com.example.customecamera; import java.io.File; imp ...

  2. Java被忽略的基本知识(三)

    35.e.printStackTrace();输出异常信息,也可以使用System.out.println(e); 36.范围小的异常,要放在范围大的异常前面. 37.断言:判断某个结果的正确性,正确 ...

  3. C++之动态数组

    C99支持一种名为变长数组的结构来方便程序员.C++也提供了一种长度可在程序运行时确定的数组类型:动态数组.声明格式为:(声明 int 类型的数组) ; //此处可修改 ArraySize 的值 in ...

  4. Canvas: Out of system resources

    一个手写板的项目 在线程中操作Canvas画用户的笔记, 画不了几笔就卡住不画了, 然后保存到另外的image时 提示“Out of system Resource”错误, 百思不得姐 中间考虑是不是 ...

  5. 【笔记】css hover 伪类控制其他元素

    最近在模仿一个网站的项目 当中有一个效果需要利用到hover效果因为不太想写jq脚本所以百度了一下css hover的运用发现原来hover也可以控制其他元素的变化的 但是这有一个要求 就是添加hov ...

  6. Google-glog 日志库使用手记

    作者:高张远瞩(HiLoveS) 博客:http://www.cnblogs.com/hiloves/ 转载请保留该信息 Google Glog 是一个C++语言的应用级日志记录框架,提供了 C++ ...

  7. 关于获取web应用的文件路径的注意事项

    今天在把数据写入文件时遇到了一个问题,指定的文件获取不到.一开始是这样的 URL url = XXX.class.getClassLoader().getResource(fileName);File ...

  8. zigbee学习之路(十三):基于协议栈的Usart 实验

    一.前言 这次实验我们来学习基于zigbee的串口通信实验,揭开zigbee神秘的面纱,让大家可以用zigbee协议编制属于自己的程序,这次实验只是串口发送数据,并没有进行无线的数据传输,为的是使大家 ...

  9. window 下 xampp 上 安装memcached

    1.下载memcache 的window 稳定版,解压到xampp 目下;比如D:\xampp\memcached 2. 打开cmd 命令界面 输入 D:\xampp\memcached\ memca ...

  10. webDriver 执行杀死浏览器进程方法

    /**     * 执行dos命令     * @param command     */    public static void command(String command) {       ...