美文网首页
4 首页开发布局UI+本地数据

4 首页开发布局UI+本地数据

作者: flyfishcxy | 来源:发表于2023-05-03 10:08 被阅读0次

不知到大家在软件开发过程中,一般引导页---欢迎页--首页展示,这是1个正常显示的流程。而且首页也是1个App的门面,所以它的UI展示交互和数据刷新也是非常的重要!

当然一个页面的开发要有客户端开发和服务端开发,往往开发的时候2端都是并行开发的,有的时候客户端开发UI完成后,服务端的数据接口还没有开发完成,所以需要自己在本地创建一些数据来提前看一下UI展示的效果!

那么话不多说,我们开始来详细描述主页开发实现过程:

 整体的布局思路就是ListView包裹着(轮播图组件+标题组件+猜你喜欢组件+热门推荐列表)

1 广告轮播图代码实现截图

轮播图实现代码截图

2 标题组件代码实现截图

标题组件实现

3 猜你喜欢组件代码实现截图

猜你喜欢组件列表实现

4 热门推荐列表代码实现截图

5 在build函数测试看UI展示效果

build函数测试 模拟器运行效果

总结:

以上就是1个主页组件的过程:

1 抽离轮播图组件+标题组件+猜你喜欢组件+推荐商品组件 4个组件的分离和封装,让build函看起来非常简洁清晰,没有那么臃肿。

2 在服务端么有开发接口的条件的情况下自己制造本地数据,让UI和数据绑定,先提前感受一下UI的效果,这也是向前推进开发的流程。

相关文章

  • 4 首页布局

    欢迎界面在新特性模块下创建welcomeViewController加载背景 头像 切头像cornerradius...

  • 表严肃极简博客开发

    0x01 总体布局 0x02 首页布局开发代码 html布局代码: CSS样式代码: 效果图: 更改版首页导航: ...

  • 开发规范

    开发规范分为以下几种1.后台开发规范2.界面布局规范3.模块命名规范4.数据库开发规范 2.界面布局规范 软件窗口...

  • 本地存取方法集成

    目录:1、保存数据到本地2、读取本地数据3、更新本地数据4、清空本地指定数据 1、保存数据到本地 2、读取本地数据...

  • 6.4-小滴课堂官网-高并发下-商品首页热点数据开发实战—小滴课

    小滴课堂官网-高并发下-商品首页热点数据开发实战 简介:高并发商品首页热点数据开发实战 热点数据 经常会被查询,但...

  • Django+Vue打造购物网站(十)

    首页、商品数量、缓存和限速功能开发 将环境切换为本地,vue也切换为本地 轮播图 goods/serializer...

  • Vue后台管理系统2

    今日目标 1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户 1.后台首页基本布局 ...

  • App接口开发

    单例模式连接数据库 开发首页接口方式 开发版本升级接口

  • Flutter 仿有道精品课(一)首页

    吾生也有涯,而知也无涯,以有涯随无涯,殆己! 首页轮播图 首页数据是通过抓包获取的真实数据,存在本地的json,进...

  • 基于ObjectMapper的本地缓存

    引 公司项目在之前是没有将首页数据做缓存的,用户体验不太好,所以现在需要将首页数据存到本地。 实现 首先考虑用NS...

网友评论

      本文标题:4 首页开发布局UI+本地数据

      本文链接:https://www.haomeiwen.com/subject/hsozjdtx.html