Hello Word示例

维护人:戴荔春 (6016)

说明

介绍如何使用框架搭建一个新的移动项目

目录

步骤1:新建项目

在Hbuilder左上角点击文件->新建->移动app->自定义名字->默认创建空模版项目

步骤2:获取框架源码

获取框架源码

步骤3:替换框架代码

用拉取的框架源文件,覆盖原有项目,其中框架里面默认会包含依赖的第三方库(如最新的mui.js,最新的sea.js等),框架中默认会创建一个bizlogic文件夹,用来放业务逻辑处理的js文件,创建html文件夹用来放置html文件

步骤4:设置入口页面

manifest里面可以设置入口页面,框架代码默认有一个index页面,可以将它设置为入口页面

步骤5:编写hello word

在index页面中按照sea.js模块化开发规范编写代码,在index.js中按照模块化规范编写代码,alert一个“Hello Word!”,并在index.html中以index.js为入口脚本

步骤6:剔除冗余文件

打包发布前,根据实际需要,剔除一些没有引入的框架工具类,减少体积

步骤7:打包发布

调试与打包发布,现在浏览器调试,没问题后在用真机调试,之后可以进行打包发布成对应的APK包河IPA包

步骤8:运行测试

打包完毕后,可以将对应的APK或者IPA运行到真机中,查看效果