家具173朱郑伊201702170629.docx

本科生实验报告书 （2017届） 课程名 ： 移动商务APP开发 实验题目： wex5环境配置、hello项目测试打包 Fish游戏打包 学生姓名： 朱郑伊 学 号： 201702170629 专业班级： 家具173班 实验指导教师： 姓名 王志强 学科 移动商务软件开发 学生姓名 朱郑伊 专业班级 家具173班 学号 201702170629 实验名称 wex5环境配置、hello项目测试打包 、Fish游戏打包 实验目的 掌握wex5开发环境，简单了解项目开发、打包过程 实验内容 1、wex5下载，解压、服务启动、环境配置 2、hello项目开发、测试、打包 3、Fish游戏素材打包 实验心得（不够加页） 一、 wex5下载，解压、服务启动、环境配置 1、 启动MySQL数据库 2、 启动WeX5运行平台（调试模式） 3、 启动WeX5开发工具 二、 hello项目开发、测试、打包 1、 选择UI2目录，右建，选择“新建”→“应用”，打开“新建应用”对话框，输入“hello”，单击“完成”。 2、 选择hello目录，右键，选择“新建”→“W文件”，打开“新建W向导”，选择模板“移动→标准→空白”，文件名输入index 3、 在model组件中放data组件，选择data，右键，选择“编辑列”，打开“data列编辑”。新增name列，并设置为ID列。 4、选择data，右键，选择“编辑数据”，打开“data数据编辑”，新增一行，在新增的行上单击一下，再单击“完成” 5、在window组件下放“表单”分类下面的input组件和output组件 6、设置input组件的bind-ref属性为$model.data1.ref("name") 设置output组件的bind-text属性为'Hello '+$model.data1.val("name") 7、选择UI2\hello\index.w文件，右键，选择“用浏览器运行”，打开Chrome浏览器，并运行index.w 8、在input中输入“小伙伴”，焦点移出，下面的ouput就会显示“Hello小伙伴” 9、选择Native，右键，选择“新建” →“创建本地App” 10、 填入应用名HELLO 首页填入：/hello/index.w 下方hello选中 11、 版本号：1.0.1 应用包名：com.zafu.hello 12、只勾选Android证书，填入自己想的密码 12、 一直点击“下一步”，出现“完成”就点击“完成”，直到完成打包。 三、fish素材打包 1、 将fish目录复制到UI2目录下 2、 Native右键选择“新建”→“创建本地APP” 3、 填入应用名fish 首页填入：/fish/default.html 下方fish选中 4、版本号：1.0.1 应用包名：com.zafu.fish 5、只勾选Android证书，填入自己想的密码 6、 一直点击“下一步”，出现“完成”就点击“完成”，直到完成打包。 实验心得：通过这次实验，了解了wex5的一些用法以及基本的一些操作，对于我来说，本次实验可以算是打开了新世界的大门，让我知道软件的开发并没有我们想象中的恐怖，希望我可以在以后的学习中学到更多。