04 2019 档案
摘要：62.购物车_首页Provide化 让跳转随心所欲 新建provide/currentIndex.dart 内容比较简单，定义一个变量当前页面的索引currentIndex，再定义一个方法改变它的值 provide全局注册main.dart index_page.dart 引入provide和cur
阅读全文
摘要：61.购物车_商品数量的加减操作 provide/cart.dart pages/cart_page/cart_count.dart 先引入provide和cartProvide 定义接收一个item对象的参数 把加减的方法都加上下文对象 添加和减少的点击事件 中间数字的数量的设置 cart_ite
阅读全文
摘要：60.购物车_全选按钮的交互效果制作 主要做全选和复选框的这两个功能 provide/cart.dart 业务逻辑写到provide里面 先持久化取出来字符串，把字符串编程list。循环list cart_page/cart_item.dart 每一项的复选框的事件 单个复选框的效果预览 全部取消，
阅读全文
摘要：59.购物车_计算商品价格和数量 本节课主要是加上自动计算的功能 provide/cart.dart 在provide的类里面增加两个变量 cart_bottom.dart 三个组件因为我们都需要套一层provide所以这里都传入context对象 把三个组件方法，分别都加上context 引入pr
阅读全文
摘要：58.购物车_删除商品功能制作 主要做购物车后面的删除按钮 删除的方法写在provide里面 provide/cart.dart文件 传入goodsId，循环对比，找到后进行移除 ui内增加删除的事件 cart_page.dart文件内，我们需要在ListView的外层套一层Provide组件 这样
阅读全文
摘要：57.购物车_在Model中增加选中字段 先修改model类 model/cartInfo.dart类增加是否选中的属性 修改provide 修改UI部分pages/cart_page/cart_item.dart 测试效果 出现问题的原因，应该是在购物车内持久化的数据，没有isCheck这个新增加
阅读全文
摘要：56.购物车_商品数量控制区域制作 主要做购物车中的数量这里 cart_page文件夹下新建cart_count.dart 减少按钮 因为会有点击事件，所以这里我们使用InkWell。 child里面外层套一个Container，为什么要外层始终套一个Container呢，因为我们可以设置内边距、外
阅读全文
摘要：55.购物车_底部结算栏UI制作 主要做下面结算这一栏目 cart_bottom.dart页面 先设置下内边距 拆分成三个子元素 全选 因为有一个文本框和一个全选的text文本，所以这里也用了Row布局 合计 先用column布局，上下分成两块，然后上面一行再用Row布局 每行的宽度设置为430的宽
阅读全文
摘要：6.TypeScript完全解读-泛型 创建实例ts文件generics.ts 在index.ts内引入 fill是填充数组，创建的数组的元素数是times，填充的值就是接收的value的值 这里传入一个2的数量，这样返回的就是5个2的数组 返回每个都+1的结果 返回每个元素的length这样就是有
阅读全文
摘要：5.TypeScript完全解读-函数 新建function.ts。然后在index.ts内引用 给函数定义参数类型：上面是es5的写法 下面是ts6的写法 一个完整的函数类型。括号 箭头 number 现在给add赋值一个函数 如果参数传的是string那么就会报错了，类型不兼容 全局定义的arg
阅读全文
摘要：4.TypeScript完全解读-接口 初始化tslint tslint --init:初始化完成后会生成tslint.json的文件 如果我们涉及到一些规则都会在这个rules里面进行配置 安装tslint的VSCode的插件。因为我之前已经安装过了。左上角带个小星星，是推荐安装的 新建inter
阅读全文
摘要：ts中symbol的支持是按照es6的标准来的，只要我们学会es6中的symbol，就可以直接在ts中使用了 创建symbol 在example文件夹下新建symbol.ts 然后在根目录的index.ts内引入我们创建的symbol.ts 我们这里使用简写的形式：import './example
阅读全文
摘要：54.购物车_商品列表子项布局 子项做成一个单独的页面 新建cartItem.dart文件 新建cart_page文件夹，在里面新建cart_item.dart页面， 页面名字叫做CartItem 定义变量，购物车的model类，构造函数接收 先做一下上下左右的边距，margin是外边距。paddi
阅读全文
摘要：53.购物车_商品列表UI框架布局 cart_page.dart 清空原来写的持久化的代码; 添加对应的引用，stless生成一个静态的类。建议始终静态的类，防止重复渲染 纠正个错误，上图的CartPage单词拼错了，这里改过来防止后面，运行app的时候报错 build内我们使用scaffold脚手
阅读全文
摘要：52.购物车_数据模型建立和Provide修改 根据json数据生成模型类 https://javiercbk.github.io/json_to_dart/ model文件夹下新建类cartInfo.dart 类名叫做CartInfoModel。 provide/cart.dart 这样变量在ad
阅读全文
摘要：51.购物车_Provide中添加商品 新加provide的cart.dart页面 引入三个文件。开始写provide类。provide需要用with 进行混入 从prefs里面获取到数据，判断有没有数据，如果有数据就返转正List<Map> 判断是否有重复的记录，如果有重复记录就数量+1，如果数据
阅读全文
摘要：50.持久化_shared_preferences 当app关掉了。再进去的时候 ，购物车的内容还是存在。 sqflite提供这个来操作SQLite数据库 flutter提供三种持久化的工具 今天要学的就是 shared_preferences 还有一种持久化就是:file,用流的形式去读取还是有些
阅读全文
摘要：49.详细页_Stack制作底部工具栏 一直悬浮在最下面的 Stack层叠组件。里面用Row 可以横向布局 开始 stack如果想定位就要用position去定位。 修改return返回值的这个地方 大R刷新查看效果，可以看到固定的在左下角的测试的字样。一直固定在底部 做底部的固定栏widget 新
阅读全文
摘要：2.TypeScript完全解读-基础类型 src下新建example文件夹并新建文件。basic-type.ts。截图中单词拼错了。后需注意一下是basic-type.ts 可以装tslint的插件，配合tslint可以做到很好的代码提示 boolean类型 boolean表示布尔类型 这里我们用
阅读全文
摘要：48.详细页_详情和评论的切换 增加切换的效果，我们主要是修改这个地方 这样我们的评论的内容就显示出来了 最终代码 details_web.dart
阅读全文
摘要：47.详细页_Flutter_html插件的使用 详情里面是hemlt和图片组成的，但是flutter是不支持html的所以需要其他插件 flutter webview plugin:这个不太好用 flutter_html：用这个插件 先解决之前一个bug 在加载详情页面的时候，控制台输出报错了。
阅读全文
摘要：1.TypeScript完全解读-开发环境搭建 初始化项目 手动创建文件夹 D:\MyDemos\tsDemo\client-demo 用VSCode打开 npm init:初始化项目 然后我们的项目根目录就多了个package.json的文件 创建相关目录文件夹 untils:业务相关的，可服用的
阅读全文
摘要：ECMAScript 6 入门：http://es6.ruanyifeng.com/ 官网：http://www.typescriptlang.org/ 中文网：https://www.tslang.cn/ TypeScript完全解读(26课时)_汇总贴 https://segmentfault.
阅读全文
摘要：46.详细页_自定义TabBar Widget 主要实现详情和评论的tab provide定义变量 自己做一个tab然后用provide去控制 定义两个变量来判断是左侧选中了还是右侧选中了。并定义一个方法来接受参数，修改是左侧还是右侧选中的状态值 新建组件页面 details_page/detail
阅读全文
摘要：45.详细页_说明区域UI编写 pages/details_page/details_expain.dart 详情页面引用组件 效果展示： 最终代码： import 'package:flutter/material.dart'; import 'package:provide/provide.da
阅读全文
摘要：44.详细页_首屏自定义Widget编写 把详细页的图片、标题、编号和价格形成一个单独的widget去引用 详情页的顶部单独封装个插件 在pages下面新建detials_page的文件件并在里面新建页面details_top_area.dart文件 添加引用，然后声明一个静态的类 返回顶部图片的方
阅读全文
摘要：43.详细页_补充首页跳转到详细页 首页轮播点击到详细页 修改我们轮播这里的代码：SwiperDiy这个类这里的代码 展示效果： 商品推荐的跳转 _item方法增加了必须的参数context对象 _recommendList 点击也可以进行跳转 楼层的点击效果 方法：_goodsItem 发现上面的
阅读全文
摘要：07.Vue组件的核心概念(3)：插槽 严格来的说在2.0之后已经不分区这两种插槽的概念了。 因为它底层的实现已经趋向于相同了。 作用域插槽参考其他文章： 新版vue作用域插槽的使用 2.6为了兼容2.5的版本，现在依然可以用这两种写法。推荐用2.6的新语法。 作用域插槽就是多了 slot-scop
阅读全文
摘要：06.Vue组件的核心概念(2)：事件 子组件通过this.$emit(‘事件源’，接收的参数) 通过一个事件的demo来演示一下。通过emit传递给父组件 有一个input绑定了一个change事件，通过handleChange去接收change的回调。 下面还有两个按钮，一个是重置成功，一个是重
阅读全文
摘要：05.Vue组件的核心概念(1)：属性 代码地址： https://github.com/tangjinzhou/geektime-vue-1/blob/master/%E6%BC%94%E7%A4%BADEMO%E6%BA%90%E7%A0%81/src/views/1.1/Props.vue 不
阅读全文
摘要：42.详细页_UI主页面架构搭建 详细分成六大部分拆分开 body里面用FutureBuilder异步加载。 FutureBuilder里面的furure属性这里用一个方法，必须返回的也是future 把我们的方法修改为返回的类型为Future。我们直接返回的是一个字符串。因为我们里面使用了prov
阅读全文
摘要：41.详细页_数据接口的调试 建立数据模型层，我们的业务逻辑分开，然后进行后台数据的调试 生成model类 json数据： { "code": "0", "message": "success", "data": { "goodInfo": { "image5": "", "amount": 100
阅读全文
摘要：40.路由_Fluro的全局注入和使用方法 路由注册到顶层，使每个页面都可以使用，注册到顶层就需要在main.dart中 main.dart注册路由 注入 onGenerateRoute是MaterialApp自带的路由配置项， 首页跳转到详细页 _wrapList火爆专区的商品，点击进行跳转 那么
阅读全文
摘要：39.路由_Fluro的路由配置和静态化 handler只是单个路由的配置，这节课我们要学习路由的整体配置 整体配置 新建routers.dart文件来做整体配置 detailsHandler就是我们在router_handler里面定义的detailsHandler 当路由不存在的时候，给用户一个
阅读全文
摘要：38.路由_Fluro中Handler编写方法 在main.dart中初始化Fluro 编写handler 在lib下新建routers文件夹，表示里面要很多路由相关的文件 我们声明一个Handler，在里面handlerFunc固定的两个参数 重点理解：handlerFunc 那我们要获取到goo
阅读全文
摘要：37.路由_Fluro引入和商品详细页建立 https://github.com/theyakka/fluro pages/details_page.dart新建页面 使用路由 先添加路由插件的引用 如果网络上下载不下来，可以采用这种形式去下载，使用git的地址 遇到问题，无法更新下来 fluro的
阅读全文
摘要：36.FlutterToast插件使用 https://github.com/PonnamKarthik/FlutterToast category_page.dart页面添加引用 小类跳转到全部，没有数据的问题 本节课代码 provide/child_category.dart category_
阅读全文
摘要：35.列表页_上拉加载更多制作 右侧列表上拉加载配合类别的切换 上拉加载需要一个page参数，当点击大类或者小类的时候，这个page就要变成1 provide内定义参数 首先我们需要定义一个page的变量 下图是我们之前在首页的时候做的上拉加载代码，之前属性noMoreText我们没有设置值，这里我
阅读全文
摘要：34.列表页_小BUG的修复 当高粱酒的子类没有数据返回的时候就会报错。 解决接口空数据报错的问题 没有数据的时候，给用户一个友好的提示， 我们没有数据的时候还要告诉用户，提示一下他没有数据，在我们的右侧列表的build方法内去判断 友好提示展示效果： 子类的id状态化 状态管理里面，定义小类的变量
阅读全文
摘要：33.列表页_子类和商品列表交互效果 主要实现点击小类下面的列表跟着切换 获取右侧下面的列表信息，即要传递大类的id也要传递小类的，所以需要把左侧的大类的id也要Provide化 可以看下网站上的接口说明： https://jspang.com/posts/2019/03/01/flutter-sh
阅读全文
摘要：32.列表页_小类高亮交互效果制作 点击大类右侧的横向的小类红色显示当前的小类别 解决之前溢出的问题： 先解决一个bug，之前右侧的这里设置的高度是1000，但是有不同的虚拟机和手机设别的问题造成了溢出的问题。 Expaned是有伸缩能力的小部件，继承于Flexible 外层套一个Expanded，
阅读全文
摘要：31.列表页_列表切换交互制作 博客地址：https://jspang.com/post/FlutterShop.html#toc-c42 点击左侧的大类右边的小类也跟着变化 新建provide 要改变哪里就建哪里的provide，我们现在要改变的是右边的商品列表的数组。 category_good
阅读全文
摘要：30.列表页_商品列表UI界面布局 小程序里面的布局方式 小程序的图片上这里使用的是warp布局，因为首页里面火爆专区，已经用过了warp来布局了。 所以这里我们没有必要再讲一遍，这里我们使用ListView，我们把它布局成下图这种形式： 我们拆的散一点，用内部方法的形式，我们把图片和名称分别拆成单
阅读全文
摘要：29.列表页_商品列表数据模型建立 简历数据模型 json生成dart类的网站： https://javiercbk.github.io/json_to_dart/ json数据 {"code":"0","message":"success","data":[{"image":"http://ima
阅读全文
摘要：28.列表页_商品列表后台接口调试 主要调试商品列表页的接口 这个接口是最难的因为有大类、小类还有上拉加载 先配置接口 config/service_url.dart 编写新类调试接口 stful快生生成widget.CategoryGoodsList 然后写一个内部方法，调用我们的后端接口 然后需
阅读全文
摘要：27.列表页_现有Bug修复和完善 小解决小bug 默认右侧的小类没有被加载 数据加载完成后，就list的第一个子对象传递给provide进行赋值，这样右侧的小类就刷新了数据 默认加载了第一个类别 调整颜色 对比图片调整下颜色 这里的参数r:就是red红色 g：green绿色 b：blue蓝色 op
阅读全文
摘要：26.列表页_使用Provide控制子类-2 主要实现功能，点击一级分类，二级分类跟着变。这里主要用哦我们的provide 新建provide provide文件夹下创建：child_category.dart 事件上就是这个实体：BxMallSubDto 这样我们的Provide类就写完了。 然后
阅读全文
摘要：25.列表页_使用Provide控制子类-1 主要是二级分类的UI布局 1分15秒 生成我们的右侧动态类 定义list变量 开始写里面的子项，把每一个小的写了 再拼成一个大的 这样我们的小类就写完了 开始写我的大类别：是一个横向的ListView。写横向的ListView就必须设置宽和高 ListV
阅读全文
摘要：24.Provide状态管理基础 Flutter | 状态管理特别篇 —— Provide：https://juejin.im/post/5c6d4b52f265da2dc675b407?tdsourcetag=s_pcqq_aiomsg 点击左侧的导航右侧的导航发生变化，这属于两个widget。这
阅读全文
只有注册用户登录后才能阅读该文。
摘要：22.JSON解析和复杂数据模型转换技巧 json转Model类 创建model文件夹，在里面新建category.dart类 主要根据这个json来分析我们要做成类的样子 { "code": "0", "message": "success", "data": [ { "mallCategoryI
阅读全文
摘要：21.分类页_类别信息接口调试 先解决一个坑 取消上面的GridVIew的回弹效果。就是在拖这个gridview的时候有一个滚动的效果 physics: NeverScrollableScrollPhysics(), 大R刷新后，点击这里的空白的地方，GridView就不会有滚动的效果了。 分类页面
阅读全文
摘要：20.首页_火爆专区上拉加载效果 上拉加载的插件比较都差不多。没有一个一枝独秀的 可以自定义酷炫的header和footer 一直在更新 推荐使用这个插件： https://github.com/xuelongqy/flutter_easyrefresh 添加依赖 首先添加引用我们的插件： pubs
阅读全文
摘要：19.首页_火爆专区界面布局编写 看一下图片的效果 一个标题栏，下面是多行两列。里面可以用column布局，外面用Warp流式布局 有得小伙伴说这里可以用网格布局，网格布局的话还是有一定的效率问题。这里就用我们的流布局，还是很顺畅的 填一下上节课的坑，设置可选参数 service_method.da
阅读全文
摘要：18.首页_火爆专区后台接口调试 博客地址：https://jspang.com/detailed?id=53#toc279 楼层结束之后有个火爆专区。到底部有个上拉加载的效果 lib/config/service_url.dart 首先找到我们的接口配置文件，增加接口的配置 lib/service
阅读全文
摘要：ccflow_004请假流程-傻瓜表单-经典模式
阅读全文
摘要：ccflow_005.请假流程-傻瓜表单-审核组件模式 ' 用审核组件演示各个流程应用 首先设置节点，填写请假单的 表单方案。选择内置傻瓜表单。我们之前创建的表单就回来了。 可以点击下面的设计傻瓜表单来查看效果 这是我们之前就创建好的 当然也可以点击设计节点表单去查看表单： 设置经理的表单方案 选择
阅读全文
摘要：003.驰骋流程引擎表单方案 设计流程主要有四个步骤 设计成型的效果图 表单的展示效果 表单方案 提供了八种表单模式 内置傻瓜表单 设计好的傻瓜表单演示 运行查看效果 内置自由表单 这是已经设计好的自由表单的 表单方案选择内置自由表单，然后保存。再右键节点。选择表单设计 嵌入式表单 实际运行中展示的
阅读全文
摘要：视频教程学习 公司电脑路径; E:\开源工作流\ccflow佳怡物流版\ccflow\doc cclfow的码云地址： https://gitee.com/opencc/ccflow 在线demo演示地址： http://demo.ccflow.org/ 腾讯视频地址： https://ke.qq.
阅读全文
摘要：本节主要内容 表单、数据、流程引擎的关系 图形展示三者之间的关系 流程编号和节点编号命名规则 这里的206就是这个流程的编号 2601:01就是当前节点的编号 流程编号206转换为int类型之后加上01 这种特殊的 002转换为int就是2.那么开始节点就是201 表单 什么是表单？ 鼠标右键节点
阅读全文
摘要：官网演示地址：http://demo.ccflow.org/ 流程的主要需求： 新建流程 登陆系统后台进行设置流程：鼠标右键流程树 选择新建子级类别 输入子级类别名称：流程演示，点击确定即可 点击流程演示节点，鼠标右键--选择新建流程： 输入流程的名称，点击确定就可以了。 这里我们叫做请假流程演示
阅读全文
摘要：17.首页_楼层组件的编写技巧 博客地址： https://jspang.com/post/FlutterShop.html#toc-b50 楼层的效果： 标题 stlessW快速生成： 接收一个String类型的参数 标题的各个边上有内边距我们先设置一下 这样我们的标题组件就写完了 楼层商品内容
阅读全文
摘要：16.补充_保持页面状态 修正一个地方: 设置了item的高度为380 横向列表为380、最终build的高度也增加了50为430. 增加了上面的高度以后，下面那个横线划掉的价格可以显示出来了。 但是还是有超出的问题。 保持首页页面状态 每次点击底部的tab标签。再点击首页，首页的数据就会重新加载。
阅读全文
摘要：15.首页_商品推荐模块编写 商品推荐，我们做成可以横向滚动的 分析： 上面是标题，下面是ListView，里面是一个Column， column分三层，第一是图片，第二是价格，第三是市场价格 小细节就是上面有个间距 解决一个之前留下的坑。超过屏幕出现黄色的警示黄条 解决方法就是加一个SingleC
阅读全文
摘要：14.首页_url_launcher一键拨打店长电话 首页拨打电话的功能。 接收两个值，一个是店长的头像，一个是电话号码， 然后开始写我们的build方法。点击图片的时候要有一个拨打电话的动作。我们要接收一个单击的事件。这里就可以用我们InkWell()来完成 这样我们的店长模块基本就写完了。 准备
阅读全文
摘要：13.首页_广告Banner组件制作 主要是做这个小广告条。 其实就是读取一个图片做一个widget放到这里 使用stlessW快速生成 定义一个变量存放图片的url地址： 这样我们的广告条就写完了 这个组件我们需要准备下数据 预览效果 最终代码 import 'package:flutter/ma
阅读全文
摘要：12.首页_GridView类别导航制作 首页导航区的制作 外面用一个gridview来写。里面单独提出来 新建导航组件 还是在home_page.dart里面写代码 新建一个静态的组件： 快捷键写组件的时候选择哪个stlessW的，这样把构造函数也帮你初始化好了。 定义一个内部的方法 ，返回的是一
阅读全文
摘要：11.首页_屏幕适配方案讲解 国人写的屏幕适配插件： https://github.com/OpenFlutter/flutter_screenutil 最新版本是0.5.1 在pubspec.yaml文件内配置包： 引入这个包： import 'package:flutter_screenutil
阅读全文
摘要：10.首页_FlutterSwiper轮播效果制作 博客地址： https://jspang.com/post/FlutterShop.html#toc-5c2 flutter_swiper https://github.com/best-flutter/flutter_swiper pubspec
阅读全文
摘要：09.首页_项目结构建立和获取数据 在config下创建service_url.dart 用来配置我们后端接口的配置文件 一个变量存 接口地址，一个接口方法地址 所有后天请求数据的方法都放在这个文件夹下/lib/service文件夹 再创建serevice_method.dart文件 首先引入dio
阅读全文
摘要：08.Dio基础_伪造请求头获取数据 上节课代码清除， 重新编写HomePage这个动态组件 开始写请求的方法 请求数据 。但是由于我们没加请求的头 所以没有返回数据 451就是表示请求错错误 创建请求头 注意这里是Request Headers这块才是请求头 把请求头全部复制过来。 然后给这些数据
阅读全文
