Simone
wex5是现在比较流行的手机开发工具，他可以发开ios和android不用在用人去学习两个工具了，下面我们来完成一个简单的例子，了解wex5是如何使用的。我们今天要做的例子是在输入框中输入内容，在输出框中进行显示。
首先新建一个应用，这个应用的作用在开发角度上类似于文件夹，但是在运行时就是应用的名称。在UI上右键选择“新建”然后选择“应用”。在弹出的对话框中填写应用的名称。
新建W文件，在新建W文件的时候系统会自动创建三个文件一个是index.w,index.js,index.css名称是在新建是我默认叫index这个名称是随便写的。在右侧选择“标准”下的“标准页面”其他选择哪个都可以，是不是感觉有点手机的样子了。点击完成窗体就创建成功了。这样一个手机窗体就创建成功了。
放置页面组建，找到右侧的组建列表，输入“input”就是我们输入组件。然后点击左右的“content1”窗体边框变成红色被选中状态。双击"input"组建，输入组件就放置在窗体中了
放置输出页面组件，跟上一个步骤有类似的操作，输入“output”就是我们输出组件。然后点击左右的“content1”（此步骤一定要操作）窗体边框变成红色被选中状态。双击"output"组建，输出组件就放置在窗体中了
放置数据组件，在右侧组建窗体中，输入“data”就是数据组件了，双击后默认进入“model”组建中，在data1上点击右键编辑列，弹出新窗体，点击添加后在新窗体中，在名称中输入name和显示名称name,并设置“是否ID列”为选中状态，点击提交。
编辑数据和绑定控件，在“data1”上点击右键编辑数据，选择新增，在新增空行点击让其变成白色后，在点击确定，就可以了，如果不点击灰色的页面会出现输出框为null的提示。绑定输入控件，选择输入控件后选择“bind-ref”点击后弹出窗体，在窗体中选择"name"后，回到主窗体中，查看“bind-ref”是否有内容，如图所示。
输出控件跟输入控件操作一样。
运行查看效果，首先运行tomcat，如果不知道可以查找我的名字，在我其他文章中有具体介绍，运行起来后。点击页面index.w文件，在上面选择右键，以浏览器方式打开。会打开一个新页面。输入你想要输入的内容就能看到效果了
