高山-景行 - 博客园

2019年4月30日

摘要： 61.购物车_商品数量的加减操作 provide/cart.dart pages/cart_page/cart_count.dart 先引入provide和cartProvide 定义接收一个item对象的参数把加减的方法都加上下文对象添加和减少的点击事件中间数字的数量的设置 cart_ite 阅读全文

posted @ 2019-04-30 13:38 高山-景行阅读(993) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-60.购物车_全选按钮的交互效果制作

摘要： 60.购物车_全选按钮的交互效果制作主要做全选和复选框的这两个功能 provide/cart.dart 业务逻辑写到provide里面先持久化取出来字符串，把字符串编程list。循环list cart_page/cart_item.dart 每一项的复选框的事件单个复选框的效果预览全部取消，阅读全文

posted @ 2019-04-30 12:27 高山-景行阅读(1128) 评论(0) 推荐(0) 编辑

2019年4月29日

Flutter实战视频-移动电商-59.购物车_计算商品价格和数量

摘要： 59.购物车_计算商品价格和数量本节课主要是加上自动计算的功能 provide/cart.dart 在provide的类里面增加两个变量 cart_bottom.dart 三个组件因为我们都需要套一层provide所以这里都传入context对象把三个组件方法，分别都加上context 引入pr 阅读全文

posted @ 2019-04-29 00:16 高山-景行阅读(459) 评论(0) 推荐(0) 编辑

2019年4月28日

Flutter实战视频-移动电商-58.购物车_删除商品功能制作

摘要： 58.购物车_删除商品功能制作主要做购物车后面的删除按钮删除的方法写在provide里面 provide/cart.dart文件传入goodsId，循环对比，找到后进行移除 ui内增加删除的事件 cart_page.dart文件内，我们需要在ListView的外层套一层Provide组件这样阅读全文

posted @ 2019-04-28 23:04 高山-景行阅读(554) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-57.购物车_在Model中增加选中字段

摘要： 57.购物车_在Model中增加选中字段先修改model类 model/cartInfo.dart类增加是否选中的属性修改provide 修改UI部分pages/cart_page/cart_item.dart 测试效果出现问题的原因，应该是在购物车内持久化的数据，没有isCheck这个新增加阅读全文

posted @ 2019-04-28 22:50 高山-景行阅读(587) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-56.购物车_商品数量控制区域制作

摘要： 56.购物车_商品数量控制区域制作主要做购物车中的数量这里 cart_page文件夹下新建cart_count.dart 减少按钮因为会有点击事件，所以这里我们使用InkWell。 child里面外层套一个Container，为什么要外层始终套一个Container呢，因为我们可以设置内边距、外阅读全文

posted @ 2019-04-28 22:18 高山-景行阅读(585) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-55.购物车_底部结算栏UI制作

摘要： 55.购物车_底部结算栏UI制作主要做下面结算这一栏目 cart_bottom.dart页面先设置下内边距拆分成三个子元素全选因为有一个文本框和一个全选的text文本，所以这里也用了Row布局合计先用column布局，上下分成两块，然后上面一行再用Row布局每行的宽度设置为430的宽阅读全文

posted @ 2019-04-28 20:43 高山-景行阅读(422) 评论(0) 推荐(0) 编辑

TypeScript完全解读(26课时)_6.TypeScript完全解读-泛型

摘要： 6.TypeScript完全解读-泛型创建实例ts文件generics.ts 在index.ts内引入 fill是填充数组，创建的数组的元素数是times，填充的值就是接收的value的值这里传入一个2的数量，这样返回的就是5个2的数组返回每个都+1的结果返回每个元素的length这样就是有阅读全文

posted @ 2019-04-28 13:09 高山-景行阅读(456) 评论(0) 推荐(0) 编辑

TypeScript完全解读(26课时)_5.TypeScript完全解读-函数

摘要： 5.TypeScript完全解读-函数新建function.ts。然后在index.ts内引用给函数定义参数类型：上面是es5的写法下面是ts6的写法一个完整的函数类型。括号箭头 number 现在给add赋值一个函数如果参数传的是string那么就会报错了，类型不兼容全局定义的arg 阅读全文

posted @ 2019-04-28 01:06 高山-景行阅读(554) 评论(0) 推荐(0) 编辑

2019年4月27日

TypeScript完全解读(26课时)_4.TypeScript完全解读-接口

摘要： 4.TypeScript完全解读-接口初始化tslint tslint --init:初始化完成后会生成tslint.json的文件如果我们涉及到一些规则都会在这个rules里面进行配置安装tslint的VSCode的插件。因为我之前已经安装过了。左上角带个小星星，是推荐安装的新建inter 阅读全文

posted @ 2019-04-27 20:43 高山-景行阅读(938) 评论(0) 推荐(0) 编辑

TypeScript完全解读(26课时)_3.TypeScript完全解读-Symbol

摘要： ts中symbol的支持是按照es6的标准来的，只要我们学会es6中的symbol，就可以直接在ts中使用了创建symbol 在example文件夹下新建symbol.ts 然后在根目录的index.ts内引入我们创建的symbol.ts 我们这里使用简写的形式：import './example 阅读全文

posted @ 2019-04-27 12:19 高山-景行阅读(772) 评论(0) 推荐(0) 编辑

2019年4月26日

Flutter实战视频-移动电商-54.购物车_商品列表子项布局

摘要： 54.购物车_商品列表子项布局子项做成一个单独的页面新建cartItem.dart文件新建cart_page文件夹，在里面新建cart_item.dart页面，页面名字叫做CartItem 定义变量，购物车的model类，构造函数接收先做一下上下左右的边距，margin是外边距。paddi 阅读全文

posted @ 2019-04-26 21:41 高山-景行阅读(303) 评论(0) 推荐(0) 编辑

2019年4月25日

Flutter实战视频-移动电商-53.购物车_商品列表UI框架布局

摘要： 53.购物车_商品列表UI框架布局 cart_page.dart 清空原来写的持久化的代码; 添加对应的引用，stless生成一个静态的类。建议始终静态的类，防止重复渲染纠正个错误，上图的CartPage单词拼错了，这里改过来防止后面，运行app的时候报错 build内我们使用scaffold脚手阅读全文

posted @ 2019-04-25 23:47 高山-景行阅读(715) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-52.购物车_数据模型建立和Provide修改

摘要： 52.购物车_数据模型建立和Provide修改根据json数据生成模型类 https://javiercbk.github.io/json_to_dart/ model文件夹下新建类cartInfo.dart 类名叫做CartInfoModel。 provide/cart.dart 这样变量在ad 阅读全文

posted @ 2019-04-25 23:14 高山-景行阅读(447) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-51.购物车_Provide中添加商品

摘要： 51.购物车_Provide中添加商品新加provide的cart.dart页面引入三个文件。开始写provide类。provide需要用with 进行混入从prefs里面获取到数据，判断有没有数据，如果有数据就返转正List<Map> 判断是否有重复的记录，如果有重复记录就数量+1，如果数据阅读全文

posted @ 2019-04-25 12:55 高山-景行阅读(679) 评论(0) 推荐(0) 编辑

2019年4月24日

Flutter实战视频-移动电商-50.持久化_shared_preferences

摘要： 50.持久化_shared_preferences 当app关掉了。再进去的时候，购物车的内容还是存在。 sqflite提供这个来操作SQLite数据库 flutter提供三种持久化的工具今天要学的就是 shared_preferences 还有一种持久化就是:file,用流的形式去读取还是有些阅读全文

posted @ 2019-04-24 23:58 高山-景行阅读(246) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-49.详细页_Stack制作底部工具栏

摘要： 49.详细页_Stack制作底部工具栏一直悬浮在最下面的 Stack层叠组件。里面用Row 可以横向布局开始 stack如果想定位就要用position去定位。修改return返回值的这个地方大R刷新查看效果，可以看到固定的在左下角的测试的字样。一直固定在底部做底部的固定栏widget 新阅读全文

posted @ 2019-04-24 23:17 高山-景行阅读(650) 评论(0) 推荐(0) 编辑

2019年4月23日

TypeScript完全解读(26课时)_2.TypeScript完全解读-基础类型

摘要： 2.TypeScript完全解读-基础类型 src下新建example文件夹并新建文件。basic-type.ts。截图中单词拼错了。后需注意一下是basic-type.ts 可以装tslint的插件，配合tslint可以做到很好的代码提示 boolean类型 boolean表示布尔类型这里我们用阅读全文

posted @ 2019-04-23 22:22 高山-景行阅读(461) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-48.详细页_详情和评论的切换

摘要： 48.详细页_详情和评论的切换增加切换的效果，我们主要是修改这个地方这样我们的评论的内容就显示出来了最终代码 details_web.dart 阅读全文

posted @ 2019-04-23 01:05 高山-景行阅读(349) 评论(0) 推荐(0) 编辑

2019年4月22日

Flutter实战视频-移动电商-47.详细页_Flutter_html插件的使用

摘要： 47.详细页_Flutter_html插件的使用详情里面是hemlt和图片组成的，但是flutter是不支持html的所以需要其他插件 flutter webview plugin:这个不太好用 flutter_html：用这个插件先解决之前一个bug 在加载详情页面的时候，控制台输出报错了。阅读全文

posted @ 2019-04-22 12:54 高山-景行阅读(2739) 评论(0) 推荐(0) 编辑

2019年4月21日

TypeScript完全解读(26课时)_1.TypeScript完全解读-开发环境搭建

摘要： 1.TypeScript完全解读-开发环境搭建初始化项目手动创建文件夹 D:\MyDemos\tsDemo\client-demo 用VSCode打开 npm init:初始化项目然后我们的项目根目录就多了个package.json的文件创建相关目录文件夹 untils:业务相关的，可服用的阅读全文

posted @ 2019-04-21 23:17 高山-景行阅读(970) 评论(1) 推荐(0) 编辑

TypeScript完全解读(26课时)_汇总贴

摘要： ECMAScript 6 入门：http://es6.ruanyifeng.com/ 官网：http://www.typescriptlang.org/ 中文网：https://www.tslang.cn/ TypeScript完全解读(26课时)_汇总贴 https://segmentfault. 阅读全文

posted @ 2019-04-21 23:16 高山-景行阅读(1441) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-46.详细页_自定义TabBar Widget

摘要： 46.详细页_自定义TabBar Widget 主要实现详情和评论的tab provide定义变量自己做一个tab然后用provide去控制定义两个变量来判断是左侧选中了还是右侧选中了。并定义一个方法来接受参数，修改是左侧还是右侧选中的状态值新建组件页面 details_page/detail 阅读全文

posted @ 2019-04-21 22:59 高山-景行阅读(478) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-45.详细页_说明区域UI编写

摘要： 45.详细页_说明区域UI编写 pages/details_page/details_expain.dart 详情页面引用组件效果展示：最终代码： import 'package:flutter/material.dart'; import 'package:provide/provide.da 阅读全文

posted @ 2019-04-21 22:42 高山-景行阅读(169) 评论(0) 推荐(0) 编辑

Flutter实战视频-移动电商-44.详细页_首屏自定义Widget编写

摘要： 44.详细页_首屏自定义Widget编写把详细页的图片、标题、编号和价格形成一个单独的widget去引用详情页的顶部单独封装个插件在pages下面新建detials_page的文件件并在里面新建页面details_top_area.dart文件添加引用，然后声明一个静态的类返回顶部图片的方阅读全文

posted @ 2019-04-21 22:33 高山-景行阅读(377) 评论(0) 推荐(0) 编辑

公告