2020年6月4日
摘要:
cupertino_IOS风格介绍 在Flutter里是有两种内置风格的: material风格: Material Design 是由Google推出的全新设计语言,这种设计语言是为手机、平板电脑、台式机和其他平台提供一致,更广泛的外观和感觉。我喜欢称它为纸墨设计。Material Design
阅读全文
posted @ 2020-06-04 16:44
JoeYoung
阅读(842)
推荐(0)
摘要:
在你的电脑上找一个喜欢的位置,建立一个文件夹。 flutter create 项目名 注意: flutter建议使用下划线的这种命名方式。 当看到ALL Done字样的时候,就说明项目建立好了。然后进入VSCode,打开项目文件夹,可以看到项目的结构了。 然后进入lib目录下,可以看到一个main.
阅读全文
posted @ 2020-06-04 16:43
JoeYoung
阅读(480)
推荐(0)
2020年6月2日
摘要:
高德地图使用的插件叫amap_base_flutter,也是国内用的最多的地图一个插件。 1.注册和建立高德API应用 需要先注册一个账号,这个需要到高德的网站进行,网站地址为:https://lbs.amap.com/。 有了账号之后到控制台-应用管理-创建应用。 2.获得SHA1 在创建应用的时
阅读全文
posted @ 2020-06-02 16:09
JoeYoung
阅读(4586)
推荐(0)
2020年6月1日
摘要:
今天开始布局会员中心的UI 1、会员中心_首页头部布局 页面大体架构的编写 打开以前建立的/lib/pages/member_page.dart文件,先删除里边的代码,然后引入我们需要的package代码。 import 'package:flutter/material.dart'; import
阅读全文
posted @ 2020-06-01 14:26
JoeYoung
阅读(2065)
推荐(0)
2020年5月29日
摘要:
开始制作购物车部分的内容了。这也算是最复杂的一个部分,也是我们基本掌握Flutter实战技巧的关键,当然我会还是采用UI代码和业务逻辑完全分开的形式,让代码完全解耦。 1、购物车_添加商品 Provide的建立 因为要UI和业务进行分离,所以还是需要先建立一个Provide文件,在lib/provi
阅读全文
posted @ 2020-05-29 16:19
JoeYoung
阅读(2436)
推荐(0)
2020年5月28日
摘要:
购物车中的一项功能是持久化,就是我们关掉APP,下次进入后,还是可以显示出我们放入购物车的商品。 Flutter提供了三种持久化工具,数据库sqflite、shared_preferences、文件file。 但是这些商品不和后台进行数据交互,前台如果使用sqflite又显得太重,还要懂SQL知识。
阅读全文
posted @ 2020-05-28 15:53
JoeYoung
阅读(1422)
推荐(0)
2020年5月26日
摘要:
搭建详细页。会把一个详细页分为6个主要部分来编写,也就是说把一个页面拆成六个大组件,并在不同的页面中。 1详细页_首屏自定义Widget编写 把详细页首屏独立出来,这样业务逻辑更具体,以后也会降低维护成本。最主要的是主UI文件不会变的臃肿不堪。 建立文件和引入资源 在/lib/pages/文件夹下面
阅读全文
posted @ 2020-05-26 16:49
JoeYoung
阅读(1638)
推荐(1)
摘要:
SWFUpload 是一款优秀的 Flash 上传控件,它可以非常好的增强 Web 端程序的用户上传体验。SWFUpload 自由灵活的 JavaScript 接口允许开发者自定义包括 HTML/CSS 在内的几乎所有 UI 样式,被广泛运用在大量站点的上传模块中,如 Youtube 和 WordP
阅读全文
posted @ 2020-05-26 10:26
JoeYoung
阅读(1380)
推荐(0)
2020年5月25日
摘要:
建立数据模型层,我们的业务逻辑分开,然后进行后台数据的调试。按照真实项目的开发目录接口和文件组织来进行开发。 建立商品详细模型 我们还是用快速生成的方式建立一下商品详细页的接口模型,有这样一段从后端获取的JSON,直接用快速生成的方式,把这段JSON生成模型,然后进行必要的修改。 {"code":"
阅读全文
posted @ 2020-05-25 14:19
JoeYoung
阅读(2200)
推荐(0)
2020年5月22日
摘要:
在项目根目录下,创建 components 文件夹,新建文件myinput.vue。 <template name="myinput"> <view> <input class="myinput" type="text" placeholder="请输入信息" value="" /> </view>
阅读全文
posted @ 2020-05-22 17:06
JoeYoung
阅读(15063)
推荐(0)
2020年5月21日
摘要:
公用模块 定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。 示例如下:在 uni-app 项目根目录下创建 common 目录,然后在 common 目录下新建 helper.js 用于定义公
阅读全文
posted @ 2020-05-21 15:32
JoeYoung
阅读(5836)
推荐(1)
2020年5月20日
摘要:
首先新建详情info文件夹及info.vue文件,然后在index页写列表部分代码: <template> <view class="content"> <navigator class="newslist" :url="'../info/info?threadid=' + item.threadi
阅读全文
posted @ 2020-05-20 15:47
JoeYoung
阅读(4381)
推荐(0)
2020年5月19日
摘要:
注意:仅支持分享微信小程序到微信聊天界面,想进入朋友圈需改为分享图片方式,在图片中包含小程序码。一般通过canvas绘制图片,插件市场有很多生成图片的插件。 小程序分享: // 小程序分享 onShareAppMessage() { return { title: 'test', path: 'pa
阅读全文
posted @ 2020-05-19 16:38
JoeYoung
阅读(4181)
推荐(0)
摘要:
小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。 在manifest.json文件里: 1、微信小程序配置:添加微信小程序的 appID 2、App模块权限配置:勾选上 OAuth登录鉴权 选项 3、App SDK配置:登录鉴权-微信登录-添加app
阅读全文
posted @ 2020-05-19 11:03
JoeYoung
阅读(2860)
推荐(0)
2020年5月18日
摘要:
如果你已经有了一个基于vue开发的H5站点,想转换为uni-app。 首先注意2个前提: 1、你的web站是适合手机屏幕的; 2、你的H5代码是全后端分离的,uni-app只处理前端代码。 一切从新建一个uni-app项目开始。然后依次进行 文件处理 把之前的vue web项目的前端代码copy到新
阅读全文
posted @ 2020-05-18 15:50
JoeYoung
阅读(5477)
推荐(2)