HTML5PLUS硬件驱动接口,系统调用接口,相当于jQuery
蜂鸣声和震动:
Mui布局框架=排版用,相当于bootstrap,内部已封装HTML5PLUS
注意UI组件、窗口管理、事件管理、ajax、代码块等的使用
代码块:组件开发快捷键,详见Mui文档最下方
index.htmlnew.html打开新窗口并传值简单示例触发自定义事件:通过mui.fire()方法可触发目标窗口的自定义事件:
后端(使用Flask框架+MongoDB数据库):
注意:通过定义.mui-col-sm-6类在大屏(≥400px)设备上会展现为并排的两列,而.mui-col-xs-12在小屏(<400px)设备上会覆盖之前定义的类展现为水平排列
hbuilderxapp开发流程:
1.新建项目:
文件----新建----项目----5+APP(项目名、路径、选择mui项目)----创建
注:若自己新建了一个首页,如xingfudao_index.html,则要在手机上测试时需要修改配置文件的首页入口:
2.调试
可以选择在浏览器中运行,也可选择内置浏览器运行或模拟器运行(注:修改文件内容后注意要Ctrls保存,浏览器显示才会变化)
hbuilderxapp打包流程:
2.基础配置
3.图标配置
4.发行---原生APP云打包
hbuilderapp开发流程:
1.下载夜神模拟器安装;下载hbuilder安装
安装Hbuilder,安装Nox夜神安卓模拟器
2.夜神模拟器与hbuilder建立连接
1.打开夜神模拟器,调为手机版
2.打开hbuilder,新建移动app,选择mui项目,应用名称随便起如myapp,点击创建;
3.在hbuilder中点击工具->选项->HBuilder->第三方Android模拟器端口改为62001,然后确定,可以看到左下角提示:手机127.0.0.1:62001已连接上电脑
4.在hbuilder中选择在手机设备上运行或停止应用,选择第一个:hbuilder基座运行,然后会自动在夜神模拟器上安装手机端hbuilder