HBuilder学习 -- hello world小试

初次使用,写下使用的步骤供以后参考。新手,勿怪。

HBuilder 是一个支持跨平台开发的IDE,先如今H5盛行啊,所有的公司都想搞一搞,接着就是原生开发被迫开始学习跨平台,不知道往后的开发者是不死身兼数职了都。

开始吧:

你需要下载这个软件:DCloud - HBuilder、5+、mui、流应用、HTML5专家

安装以后,就可以开始做跨平台开发了,跨平台主要使用Html + css + JavaScript这些web端的语言,建议先学习这些东西,最起码要会用。

第一次打开,我们选择创建一个移动APP

然后输入项目名称

接着选择使用mui模板

确定。

进入项目以后有这样几个文件夹

首先在页面的右上角修改为边改边看模式

index.html就是入口文件,现在点进来。

我们来简单的实现一个iOS中的tableview页面。

这里面和iOS原理差不多,顶部和底部在跳转的时候一直在,只变动中间部分的内容,我们要实现的页面长这样。

每天用底部栏,但这个是两个html文件组成的,index文件加载上面的helloworld,下面的tableview利用list.html来加载,只要设置好相应的位置就可以了。

在index.html里面这样写

接着在list.html中写一个list,直接输入ml即可。

这时候写完,点击运行(如果是mac电脑,安装了Xcode,那么可以使用模拟器来运行),选择手机运行,点击在iOS模拟器运行,选择一个模拟器即可。

展示:

边看边学,边学边写,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,888评论 25 709
  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 9,775评论 0 44
  • 2015再见。 属于吃喝小饿魔的一年,有意义的一年,吃过喝过走过爱过❗❗✨✨✨ 一年来经历了人生中的高中和大学阶段...
    一条咸鱼_hlf阅读 1,508评论 0 0
  • 因为我们人类经过数万年的进化,让生存能力更强的人的基因得以延续下去,所以我们天生拥有应对自然风险的避险能力。 现在...
    善行无痕阅读 1,124评论 0 0