热点:第三篇:移动APP开发-页面开发
所谓页面开发就是使用HTML5页面开发了,我们开发网页使用HTML和JS,而Hbuilder也是这样,不过呢前端框架使用的MUI,里面有写好的组件,只需要你自己拿来组装就行了。而JS呢则是使用封装的JS,可以是Jquery可以是Native.js等等。关于mui参考文档:http://dev.dcloud.net.cn/mui/ui/#grid
同时关于Hbuilder得其他资料都在此:http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/93
看一下今天实现得功能界面:
1.底部导航栏,实现点击不同栏目不同页面展示
2.顶部搜索
3.图片轮播
4.个人信息界面
粗糙得成品:(打成包放手机里截得图)
上面页面虽然简陋了点,但是还是实现了效果,后面会美化以及根据业务制定图标。
index.html是最先进入得页面,所以代码如下
JS中的页面也给出,基本上都是使用MUI帮助文档中组建粘贴进来的
home.html:这个就是看到的首页
inventory.html:这个是库存界面
setting.html:这个就是我的页面
上面的代码看着太多了,尤其是最后一个,所以你不妨不看,因为都是样例组建,后面会针对每个功能修改相应的页面的,现在主要是熟悉MUI以及方法调用
里面有些页面引用的js可以从First那个项目中找,都有的。
后续有什么坑会记录。目前要开发的页面还很多,今天把页面熟悉了,后一篇将针对每一个组建进行实际开发讲解,当然了我也是边学便开发。
坑1:Tab那个页面转换是使用展示隐藏,而不是href跳转。也不支持a标签href
坑2:轮播最后一张到第一张时有空白页
坑3:开发视图下,使用js这个调用tab转换是不好使的,在手机上调试可以
最后把我打包的安卓文件包给大家,有兴趣下载到安卓手机安装就行了(*^____^*没病毒,也没能力植入病毒啥的,只支持安卓)
文件包:https://pan.baidu.com/s/11b91ra5qd7Pd8aGrfEY3DA
?
?
https://www.xkcode.cc/dsym/212.html
https://www.xkcode.cc/qkl/227.html
https://www.xkcode.cc/search/获取相册.html
https://www.xkcode.cc/search/拍卖.html
https://www.xkcode.cc/search/打赏.html
https://www.xkcode.cc/qpym/221.html
https://www.xkcode.cc/search/虚拟币挖矿.html
https://www.xkcode.cc/search/获取短信.html
https://www.xkcode.cc/search/点赞.html
https://www.xkcode.cc/h5ym/232.html 没事我就来看看,哈哈! 我抢、我抢、我抢沙发~ 沙发!沙发! 为自己家乡的社区网贡献点力量,回个帖子 不错不错,楼主您辛苦了。。。 才发现昌平也有网络平台,挺好 支持了。
页:
[1]