聊一聊：第三篇：移动APP开发-页面开发

liukai · 发表于 2025-12-29 01:45:38

　　所谓页面开发就是使用HTML5页面开发了，我们开发网页使用HTML和JS，而Hbuilder也是这样，不过呢前端框架使用的MUI，里面有写好的组件，只需要你自己拿来组装就行了。而JS呢则是使用封装的JS，可以是Jquery可以是Native.js等等。成都小程序开发公司https://www.52lawyers.net青炜信息是一家集技术研发、IT服务、营销策划为一体的互联网信息技术公司。主营微信小程序定制开发、B2C、B2B2C、B2B2C+O2O商城开发、新零售系统、软件开发、APP开发、公众号开发、直播系统、微分销系统、政务系统、网站建设、抖音小程序开发。

　　关于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

　　?

　　?

		记住	找回密码
密码			立即注册

社区广播台

聊一聊：第三篇：移动APP开发-页面开发

发表回复

浏览过的版块