用HBuilder来开发app的页面返回处理

单页面返回(要放在被返回的页面中)最好是建一个js来存放这段代码,然后在页面中引入

document.addEventListener('plusready', function() {
    var webview = plus.webview.currentWebview();
    plus.key.addEventListener('backbutton', function() {
        webview.canBack(function(e) {
            if(e.canBack) {
                webview.back();
            } else {
                webview.close();
            }
        })
    });
});

主页返回:提示再按一次退出程序(放在主页中)最好是新建js然后在主页引入

document.addEventListener('plusready', function(a) {
	var first = null;
	plus.key.addEventListener('backbutton', function() {
		//首次按键,提示‘再按一次退出应用’
		if (!first) {
			first = new Date().getTime();
			plus.nativeUI.toast( "再按一次退出程序");
			setTimeout(function() {
				first = null;
			}, 1000);
		} else {
			console.log(1);
			if (new Date().getTime() - first < 1000) {
				plus.runtime.quit();
			}
		}
	}, false);
});
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: HBuilderX开发商城App案例是一种基于HBuilderX开发工具的商城应用程序。该应用程序可以在多个平台上运行,包括iOS、Android和Web。它提供了许多功能,如商品展示、购物车、订单管理、支付等。开发商城App案例需要掌握HTML、CSS、JavaScript等技术,同时还需要了解移动端开发的特点和规范。通过HBuilderX开发商城App案例,可以快速构建一个功能完善、用户友好的商城应用程序。 ### 回答2: HBuilderX是基于原生IDE的HTML5开发软件,支持多种前端框架。使用HBuilderX开发商城App可以提高开发效率和工作效率,快速实现商城App开发和上线。本文将以HBuilderX开发商城App为案例,介绍HBuilderX的开发流程和具体实现。 首先,在HBuilderX中打开一个新项目,选择App模板,设置相应的项目名称、包名、应用图标等。在工程目录下添加相应的HTML、CSS、JavaScript等文件。然后,选择合适的框架,比如Vue.js或者React Native等。框架中已有的UI组件可以节省一些开发工作量。 接着,配置并连接后端API接口。商城App需要后端API做支撑,通过API与数据库进行数据交互并返回给前端展示。可根据需求选择RESTful API或GraphQL等。其中,RESTful API是一种Web API的设计方式,让API为系统不同部分之间的数据交流提供方式的标准化方法。GraphQL是一种用于API的查询语言,旨在提高API查询效率和灵活性。 然后,开始编写商城App页面。商城App通常包含的功能有:商品展示、购物车、订单查询、个人中心、支付等。需根据UI设计师提供的UI图进行页面布局和样式设计。在完善商城每个功能页面时,还需编写对应的交互脚本,实现页面跳转、动画效果、数据请求等功能。 最后,对商城App进行测试和发布。需进行测试,检查商城App的各个页面功能的实现和是否出现了常见的问题,如闪退、卡顿等。测试成功后,商城App可以发布到应用商店或者自己的服务器上,供用户下载和使用。 总之,使用HBuilderX开发商城App可以让开发者更高效地开发App,帮助企业降低开发成本和提高产品品质。 ### 回答3: HBuilderX是一个非常好用的前端开发工具,它可以帮助开发者快速构建移动端应用。在HBuilderX中,我们可以使用多种开发语言,包括HTML、CSS和JavaScript等。特别是它内置了uni-app框架,可以帮助我们更快速地开发高质量的移动应用。 在开发商城App的案例中,HBuilderX的优势体现的非常明显。首先,我们可以使用uni-app开发模式,通过一套代码实现多端运行,包括Android、IOS和H5等多个平台。这样,我们无需重复开发多个版本的应用,极大地提高了开发效率。 其次,HBuilderX还提供了十分丰富的UI组件和插件,可以帮助我们快速地构建商城应用所需要的UI界面。我们只需要选择合适的组件进行拼装,就可以轻松实现商品列表、搜索、购物车、下单等功能。 另外,HBuilderX还支持实时预览和调试,这使得我们对应用的开发和调试能够更加顺利。我们可以在本地搭建开发环境,随时通过预览功能了解应用的运行情况,以及及时对代码进行修改和优化。 总之,HBuilderX的强大功能和易用性,为开发商城应用提供了很多便利。不但可以提高应用开发的效率、降低开发成本,还可以保证应用的性能和稳定性,让用户得到更好的用户体验。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值