本科生实验报告书(2017届)课程名:移动商务APP开发实验题目:wex5环境配置、hello项目测试打包Fish游戏打包学生姓名:付奕博学号:201718110422专业班级:地信172实验指导教师:姓名王志强学科学生姓名付奕博专业班级地信172学号201718110422实验名称wex5环境配置、hello项目测试打包、Fish游戏打包实验目的掌握wex5开发环境,简单了解项目开发、打包过程实验内容1、wex5下载,解压、服务启动、环境配置2、hello项目开发、测试、打包3、Fish游戏素材打包实验心得(不够加页)要求:截图和文字描述记录实验过程,写出实验心得。1、将在线资源中的捕鱼游戏下的fish目录复制到UI2目录下(复制,粘贴)2、选择UI2→fish→default.html文件,右击,在弹出的快捷菜单中选择“用浏览器运行”命令,即可在浏览器里面看到游戏画面3、选择“模型资源”里面的Native目录,右击,在弹出的快捷菜单中选择“新建”→“创建本地App”命令,打开“创建本地App”对话框二、hello项目测试打包选择“模型资源”视图中的UI2目录,右击,在弹出的快捷菜单中选择“新建”→“应用”命令,“新建应用”对话框中输入hello。选择hello目录,右击,在弹出的快捷菜单中选择“新建”→“W文件”命令,打开“新建W向导”对话框,在“新建W向导”中选择模板“移动→标准→空白”,文件名输入index,生成index.w文件。添加数据组件在model组件中放data组件,data组件中的数据是一个行列结构的二维表。定义列:选择data组件,右击,在弹出的快捷菜单中选择“编辑列”命令,打开“data列编辑”对话框。新增name列,并设置为ID列。增加行:选择data组件,右击,在弹出的快捷菜单中选择“编辑数据”命令,打开“data数据编辑”对话框。新增一行。注意:在新增的行上单击一下,再单击“完成”按钮添加展现组件在window组件下放“表单”分类下面的input组件和output组件设置数据绑定设置input组件的bind-ref属性为$model.data1.ref("name")设置output组件的bind-text属性为'Hello'+$model.data1.val("name")。启动Tomcat选择“模型资源”视图中的UI2\hello\index.w文件,右击,在弹出的快捷菜单中选择“用浏览器运行”命令,打开Chrome浏览器,并运行index.w在input中输入“小伙伴”,焦点移出,下面的ouput就会显示“Hello小伙伴”