慕课甄选-2024年Flutter零基础极速入门到进阶实战[16章]

双寿
• 阅读 261

参考资料地址1:https://pan.baidu.com/s/1j35W30a7JQAGTV2rYgxRNA 提取码:5o3h 参考资料地址2:https://pan.baidu.com/s/1Iwj10AL7jdum19WQ_z1jdA 提取码:0n8x

Flutter组件采用现代响应式框架构建,这是从React中获得的灵感,中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变,组件会重构它的描述(description),Flutter 会对比之前的描述, 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。

1、环境搭建 Flutter 的环境搭建十分省心,特别对应 Android 开发者而言,只是在 Android Stuido 上安装插件,并到 GitHub Clone Flutter 项目到本地之后执行 flutter doctor 命令就可以完成配置,其实中文网的搭建Futter开发环境 已经很贴心详细,从平台指引开始安装基本都不会遇到问题。

Flutter 之 Windows 环境搭建 在 Windows 下,搭建 Flutter 运行的 Android 的环境。 操作系统 操作系统: Windows 7 或更高版本 (64-bit) 硬盘空间 磁盘空间: 400 MB ( 不包括 Android Studio 的磁盘空间) Git Flutter 依赖 Git 命令行工具 如果未安装 Git for Windows,请先安装; 在 VS Code 中,安装 flutter 插件 安装完成 VS Code 后,在 VS Code 中安装 flutter 插件。操作步骤: Extension => 搜索框中搜 flutter => 安装 Flutter 插件

验证 安装完成后,重新打开命令行(win+r 然后输入 cmd 回车),输入 java -version,然后回车,验证安装 是否成功(看到版本号,说明 JDK 安装成功)。

Dart语言下的Flutter 在跨平台开领域被 JS 一统天下的今天,Dart 语言的出现无疑是一股清流。作为后来者,Dart语言有着不少 Java、Kotlin 和 JS 的影子,所以对于 Android 原生开发者、前端开发者而言无疑是非常友好。

新建第一个项目 File ---- New ---- New Flutter Project ---Flutter Project 原生安卓 有 Activity Fragment 各种View Flutter 你可以把所有可视化的都理解为Widget 首先看下默认的工程 切换的Project试图

Flutter 的主要配置都在pubspec.yaml Yam是一种缩进格式的配置方式,要比较注意空格
切换到安卓试图 看下main.dart的内容

接收移动端提交的注册请求,我们需要用表单类来封装数据,所以创建RegisterForm.java类。 package com.example.emos.wx.controller.form;

import io.swagger.annotations.ApiModel; import lombok.Data;

import javax.validation.constraints.NotBlank; import javax.validation.constraints.Pattern;

@Data @ApiModel public class RegisterForm { @NotBlank(message = "注册码不能为空") @Pattern(regexp = "^[0-9]{6}$",message = "注册码必须是6位数字") private String registerCode;

@NotBlank(message = "微信临时授权不能为空")
private String code;

@NotBlank(message = "昵称不能为空")
private String nickname;

@NotBlank(message = "头像不能为空")
private String photo;

}

如果移动端每次发出Ajax,都要做这么多的判断,我们的重复性劳动太多了。所以尽可能的把Ajax封装起来,减少重复性的劳动。 Vue.prototype.ajax = function(url, method, data, fun) { uni.request({ "url": url, "method": method, "header": { token: uni.getStorageSync('token') }, "data": data, success: function(resp) { if (resp.statusCode == 401) { uni.redirectTo({ url: '../login/login' }); } else if (resp.statusCode == 200 && resp.data.code == 200) { let data = resp.data if (data.hasOwnProperty("token")) { console.log(resp.data) let token = data.token uni.setStorageSync("token", token) } fun(resp) } else { uni.showToast({ icon: 'none', title: resp.data }); } } }); }

点赞
收藏
评论区
推荐文章
荀勗 荀勗
5个月前
基于C++从0到1手写Linux高性能网络编程框架-15章
参考资料地址1:https://pan.baidu.com/s/1i8FuLluEUV3BJFphjKWvhQ提取码:zvet参考资料地址2:https://pan.baidu.com/s/1MgD4BdeD6V6HfXkoMAZ5Hw提取码:l5t4网络
荀勗 荀勗
5个月前
高性能多级网关与多级缓存架构落地实战(完结+附电子书)
参考资料地址1:https://pan.baidu.com/s/12w0TT26aywnoIcogPg8Uw提取码:uzf4参考资料地址2:https://share.weiyun.com/SNltUNLW密码:zi3dc7什么是网关?网关(Gateway
吉太 吉太
5个月前
[2023新版16章]SpringBoot+Vue3 项目实战,打造企业级在线办公系统
参考资料地址1:https://pan.baidu.com/s/1ZJGS0SA9pIUr76VUXioNSg提取码:95bd参考资料地址2:https://share.weiyun.com/jVSDdcBU密码:cruqf9SpringBootVue3
笑面虎 笑面虎
4个月前
【15章】慕课甄选-2024年Flutter零基础极速入门到进阶实战
【15章】慕课甄选2024年Flutter零基础极速入门到进阶实战视频课程下载——慕课甄选2024年Flutter零基础极速入门到进阶实战,附源码,课程包更新。Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多
赵嬷嬷 赵嬷嬷
4个月前
[16章]慕课甄选-2024年Flutter零基础极速入门到进阶实战
学习地址1:https://pan.baidu.com/s/1iOH2xMvdMyBAJla5PeHuUg提取码:hjhi学习地址2:https://pan.baidu.com/s/1Iwj10AL7jdum19WQz1jdA提取码:0n8xFlutter
吉太 吉太
3个月前
AI人工智能算法工程师体系课(31周)
参考资料地址1:https://pan.baidu.com/s/1oN07b9IrpgjxnyVdEzXAHg提取码:z7we参考资料地址2:https://pan.baidu.com/s/1C9Uk1YTKvsf5OUpEnlbqjQ提取码:w96h如何
双寿 双寿
2个月前
2024新考纲-系统架构设计师(软考高级) 一站式通关课程
参考资料地址1:https://pan.baidu.com/s/1pg7G8olYu6zDFvnl65TrcA提取码:meh4参考资料地址2:https://pan.baidu.com/s/1IZobXGCn8YLfe3Kgy1Smg提取码:74fn一、什
双寿 双寿
1个月前
慕课甄选-2024年Flutter零基础极速入门到进阶实战【完结17章】
参考资料1:https://pan.baidu.com/s/1pD7WhaO5FbbGsu0t3sAw提取码:wv6m参考资料2:https://share.weiyun.com/mDuF95rR密码:c7r3ec一、Flutter基础概念Flutter框
双寿 双寿
1个月前
[20章+电子书]真实高质量低代码商业项目,前端/后端/运维/管理系统
参考资料1:https://pan.baidu.com/s/1VClcoYhOBOLPH487k78Lw提取码:dmu0参考资料2:https://pan.baidu.com/s/1zgrv2qJMaEV5yVwi4pThXg提取码:kzrl“LowCod
双寿 双寿
1个月前
音视频高手突围课--WebRTC企业级高性能后台服务实战(15章)
参考资料1:https://pan.baidu.com/s/1b4kcRMN6FHoHYCl3lJwrAw提取码:hgt6参考资料2:https://pan.baidu.com/s/1VrKcjKdz0qmVlufrwBtsQ提取码:tylx一、什么是We