hbuilder怎么在电脑网页右上角的叉看不见添加导航栏

最近在研究HBuilder的用法在看到官方網站的介绍和文档后感觉很懵,文档中并不是由浅入深的方式带着新人通过一些常用示例来入门一步一步循序渐进的让用户了解产品,使用产品而是直接就列出了各种模块的方法、对象、权限等等,让我这个从技术出身而又转型做产品的人一头雾水在学习的过程中总結出一些小心得和大家分享,共同探讨

工具在这里就不介绍了一般敲代码的装上用了就很容易上手

说说移动端开发的代码基本结构

先新建一个移动APP项目,选择mui项目仅包括基本的css、js、字体等够用的模板就行了,生成的项目文件是这些

index.html默认是主入口页面当然在manifest.json的配置文件Φ可以修改页面入口文件名

基本代码就这些,看着和普通的HTML没什么区别主要就是增加了mui框架,那既然是移动APP项目那么一定有相应的结構,那直接说干货

可以看到编辑器的代码助手就提示了相应的内容这点做的还是挺不错的,显示出来的代码:

看到header这个关键字了必定知道是头部了,通过编辑器右上角的视图模式改成“边改边看模式”,就能看到效果了

看到什么了上导航!这下明白了吧

通过代码助掱快速显示相应的代码:

有header,有body了那还差什么footer,但是注意移动应用的下导航在这里叫底部标签

ctrl+s,保存下从“边改边看模式”里看到

怎么样,上导航下导航都有了吧,那应该就明白了内容都是写在

如果有设备的,插上设备在手机中实际看下效果,看下整个代码片段吧

一个简单的结构就是这样还是比较简单的,在设备中安装和更新代码也非常容易每ctrl+s一下都会往设备中更新一下所修改的内容

第一個文章先写到这,希望大家在学习的过程中多交流我也有很多没弄明白的地方O(∩_∩)O

}

在菜单选项选择工具--->选项

在HBuilder下选擇Web服务器的外置Web服务器选择新建

名称自定义浏览器运行URL选择Apache的虚拟目录路径(就是使用该路径通过HBuilder在浏览器打开PHP文件)

可以在虚拟目录丅新建不同的路径

返回到上一步,在PHP文件中选择外置服务器的路径

在选择的路径上创建新的web项目

}

我要回帖

更多关于 网页右上角的叉看不见 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信