flutter项目实战
文章平均质量分 92
为了巩固其Flutter的开发实战能力,开个专栏来夯实Flutter的开发能力,目标是精通Flutter开发~~
webor2006
码农一个,记录个人成长的点滴~~
展开
-
Flutter项目实战之女装商城------商品分类模块实现之分类商品数据处理、Provide处理、界面实现
继续接着上一次Flutter项目实战之女装商城------商品分类模块实现之数据模型、model测试、分类Provide、编写一级分类界面、首页分类导航处理、编写二级分类界面的分类模块往下编写,先来回忆一下目前分类的样子:接下来则需要来处理分类的商品列表的显示了。分类商品数据处理:数据准备:node中准备分类商品数据:先回到node接口工程:其工程目录结构在Visual Studio Code这里回顾一下:然后这里的数据接口准备基本跟之前的雷同,这里就拷贝一下之前的c原创 2021-12-12 06:31:17 · 2297 阅读 · 0 评论 -
Flutter项目实战之女装商城------商品分类模块实现之数据模型、model测试、分类Provide、编写一级分类界面、首页分类导航处理、编写二级分类界面
继续接着上一次博文阅读密码验证 - 博客园的Flutter项目往下学习,在上一次是开始对分类界面的数据已经准备好了,整体APP的样子回忆一下:其中目前分类的数据请求已经准备好了:接下来则根据数据接口来实现界面的搭建了,这个页面的逻辑稍复杂一点,不着急,慢慢来实现。分类数据模型:首先得要先根据接口的JSON数据来定义咱们的VO实体模型,先将分类的JSON结构贴出来:{ "code":"0", "message":"success",原创 2021-09-21 07:08:09 · 864 阅读 · 0 评论 -
Flutter项目实战之女装商城------火爆专区实现、商品分类数据准备
火爆专区实现:继续Flutter项目的学习,在上一次https://www.cnblogs.com/webor2006/p/14410445.html咱们已经对于首页的大部分功能已经完成,但是呢,还差一个上拉加载时的一个处理,回忆一下目前的状态:接下来则来完成上拉加载更多功能,其实这里上拉加载更多时是加载的火爆专区的商品,具体效果如下:数据准备:接下来首先准备接口数据JSON,还记...原创 2021-07-02 17:32:00 · 494 阅读 · 2 评论 -
Flutter项目实战之女装商城------首页设计分析、数据准备、Dio请求处理、接口配置、请求首页数据...
首页设计分析:在上一次https://www.cnblogs.com/webor2006/p/13661960.html已经用node搭建好了后台接口的环境了,接下来则来开始实现首页页面,它也是电商里面最最核心的页面,当然也是比较复杂的,在正式撸码之前先来对整个首页的功能有一个大体的印象,其实也就是分几大区域:广告轮播图区:商品分类区:商品推荐及广告:其中商品推荐栏是可以左右滑动...原创 2020-10-23 06:13:00 · 378 阅读 · 0 评论 -
Flutter项目实战之女装商城------添加轮播图、分类导航、商品推荐、广告位处理、底部商品
前言:时间飞逝,伴随着打工人春节的结束心也得跟着回收一下,新年新气象,今年也没有什么高大上的目标,暂且先把去年落下的各种课程的学习给完整结束了,不过计划还是会再多学点其它新的东东,到时看情况,年后的第一次学习从之前落下的Flutter开始。距离上一次Flutter项目实战之女装商城------首页设计分析、数据准备、Dio请求处理、接口配置、请求首页数据 - cexo - 博客园的学习已经时隔4个月之久了,先来回忆一下当时APP的样子做到了哪了:其实要注意,后台数据是用的node来搭建的,注原创 2021-09-22 16:49:47 · 1574 阅读 · 0 评论 -
Flutter项目实战之女装商城------后台接口环境搭建
继续Flutter商城项目的编写,这次准备用Node来搭建后来模拟一种真实的get和post请求,当然对于Node这里仅限能将它跑起来能为咱们的Flutter前端所使用既可,关于Node这块我也是白痴一个,不过这块领域的知识之后有想法系统的学习一下,之后再说,先进入正题。Node安装:关于这块就不过多说明了,上官网下载安装装去安装:由于我本地已经好早之前安装过了,这里就不装最新版本了,安装成功之后查看一下node的版本:这样就代表node环境已经安装好了,没啥好说的。创建工程:.原创 2021-09-22 16:38:26 · 463 阅读 · 1 评论 -
Flutter项目实战之女装商城------导航栏添加、状态管理、屏幕适配
导航栏添加:继续接着上一次Flutter项目实战之女装商城------项目概述、创建项目、目录结构、入口程序编写 - cexo - 博客园的项目实操进行编写,在上一次基本没写啥,算是打了一个小地基吧,接下来则来构建一下底部的导航栏:效果演示:具体实现:关于导航栏的处理也比较简单,就是用BottomNavigatorBar控件来进行处理,基础可以参考开启Fluter基础之旅<二>-------Future再论、常用组件、Material Design风格组件学习 - ce.原创 2021-09-22 16:29:09 · 537 阅读 · 1 评论 -
Flutter项目实战之女装商城------项目概述、创建项目、目录结构、入口程序编写...
项目概述:在之前https://www.cnblogs.com/webor2006/p/13395629.htmlFlutter的基础学习文末也提到会进行一个Flutter全新的项目实战学习,所以随着这篇的开撸实战正式开启,这次的项目相比之前写的开源中国来说就要正式化一点,只有正式化的项目操练才能让自己以商业化的角度来谨慎对待它,当然学到的技术也是跟工作当中的所用的最最接近,先来看一下此次的项...原创 2020-08-14 08:04:00 · 292 阅读 · 0 评论