乐趣区

关于flutter:开源项目5种技术编写的7个demo工程

jiezi

android/ios/flutter/angular/java web 5 种技术编写的 7 个 demo 工程，有点用，能够看看，github 地址。

android_demo

1. 我的项目简介

《第一行代码》第二版书中示例 demo，工夫过来比拟久，有一些 API 变动，本人入手写了一遍。

2. 环境简介

语言：java 1.8

依赖库：详见 android_demo/app/build.gradle 下的 dependencies

3. 我的项目截图

<img src=”https://img-blog.csdnimg.cn/d29d8323a58949a4a952da489d056f23.png?” style=”zoom:33%;” />

4. 开发流程与代码逻辑简述

  • 关上 Android Studio 配置安卓开发环境
  • MainActivity 为入口文件，批改其中的跳转页面，体验不同的 demo

5. 技术筹备

  • java 根底语法
  • 《第一行代码》书籍第二版
  • 安卓开发官网

6. 总结

因为在学习之前有 java 根底，间接浏览此书没有遇到什么艰难，一些 API 的变动搜索引擎就解决了。作为一名 Flutter 工程师，播种了一些安卓零碎特有的常识，如服务，内容提提供器，播送，告诉，申请权限，调试安卓程序，打包构建等等。FLutter 作为依附于 native 零碎的技术，相熟 native 零碎的个性还是很有比拟必要的，尽管大部分常识 FLutter 工作中用不到，但感觉播种还是蛮大的。在往年的学习打算完结后，后续可能把 native 零碎的学习作为首要指标。

android_web

1. 我的项目简介

本人写的一个登录 demo，调用了实在的接口，次要就是想模仿一下实在的 android 开发流程。

2. 环境简介

语言：java 1.8

依赖库：详见 android_demo/app/build.gradle 下的 dependencies

3. 我的项目截图

<img src=”https://img-blog.csdnimg.cn/9b1016b7e4eb4fe58ae7cf5eb96c096f.png” style=”zoom: 25%;” />

4. 开发流程与代码逻辑简述

  • 关上 Android Studio 配置安卓开发环境
  • 编写 xml 布局文件
  • 在 Activity 中获取页面控件，给按钮增加监听事件
  • 将输入框中的元素通过网络申请发送给服务器，拿到返回后果后将 json 序列化为 Java 对象。

5. 技术筹备

  • java 根底语法
  • Android 布局技术
  • okhttp

  • GSON

    Gson gson = new Gson();
JsonBean data = gson.fromJson(responseData, JsonBean.class);

6. 总结

一个简略的小 APP，蕴含了挪动开发中必备的环节，网络申请，获取页面元素，json 序列化。官网文档 + 搜索引擎 + 一点教训解决工作中百分之九十五的问题。。

angular_demo

1. 我的项目简介

应用 Angular 框架和 TypeScript 编写的前端我的项目。次要蕴含一些 web 开发中罕用组件的展现。

2. 环境简介

语言：TypeScript

框架版本：Angular CLI:11.2.6

包管理工具：Node:14.16.0

3. 我的项目截图

4. 开发流程与代码逻辑简述

  • 搭建开发环境
  • 创立工程，装置组件库 NG-ZORRO 和 ng-bootstrap
  • 在我的项目中引入所须要的具体组件
  • 在 html 文件中绘制布局，在 ts 文件中编写逻辑

5. 技术筹备

  • TS 语法
  • Angular 基础知识
  • 组件库文档 NG-ZORRO 和 ng-bootstrap

6. 总结

很简略的开源我的项目，过后写这个次要是为了相熟一下 angular 组件。作为 github 上本人惟一的前端我的项目，我感觉很没程度，连最起码流程页面都没有一个，不过本人自身前端程度也不高，也不打算长期在这方面倒退，打算之内还有其余的事件，只能承受这种不完满了。

在职业生涯的初期，本人始终在写 Angular，从 Angular.js 到 Angular7,8,11，因为对前端没有一点的趣味，唉，工作之外的工夫都去学 java 写后盾了，始终也没有深刻理解 angular，就是 CRUD，然而这种工作和私下学习离开的学习形式对我来说成果很不好，导致 JAVA 服务器端开发和前端开发都没有深刻，其实本人当初也面临着这样的问题，工作两年，java web，angualr，flutter，android，iOS，除却 FLutter 有一些积攒外，其余的技术都是勉强应酬工作，环境和集体认知导致的吧，本人这只有广度没有深度的技术栈，从资本主义的角度来看，专精一门的工人生产力更高，也就是所谓的大厂螺丝钉。进步本人的生产力，就是让本人更值钱，接下来的一年也会朝着专精一门的方向倒退，除却计算机基础知识的学习外，在 flutter 和 android 上进步本人的技术深度。争取在工作三年之际给本人一个称心的答案。

尽管本人始终苦于没有技术深度，然而这种技术广度也让本人对整个产品的开发流程更加理解，其实很多技术常识都是能够复用的，像本篇文章中介绍的框架 Angular 的响应式编程，在 FLutter 中也同样实用；还有端开发的对立流程，发送申请，获取数据，更新 UI；就是后端和前端的某些常识也是能够通用的，在写后盾的过程中学习 SQL 常识，在端开发的本地存储上一样实用；面向对象还能在脚本开发中发挥作用。还有程序架构 mvc，mvp，mvvm 之类，很多很多吧。

得益于这两年来的自学，不夸大的说，让本人造就出了较强的学习能力，学习能力其实是很形象的，首先有学习的激情，同样学习激情的两个人，在学习过程中的速度和成果，就能够了解为学习能力。这两年间本人的大脑里曾经有了一张图谱，在面对新常识的时候，会敏锐的发现哪些常识和之前学的常识相似，并将他们关联起来，哪些是须要重点学习的新概念，哪些是不太重要的常识。大脑其实是很懈怠的，碰到了解不了的货色他就会扩散你的注意力，让你去做一些不须要动脑的事件，我把这些事件称之为精力垃圾。学习分两种，向之前提过的将常识与原来学习过的货色分割起来不算真正意义上的学习，叫温习。只有哪些你了解不了的概念，大脑不想让你持续学上来的常识，才是无效的学习。面对这样的状况，就是用意志力和大脑反抗，我就是要弄懂，一遍不懂就反复看，看懂为止。意志力又是一个新概念了，我感觉很多平凡的文学作品都加强了我的意志力，让我敢于面对生存，活着就挺难了。

没有文档的开源我的项目相当于没有灵魂，本人专门腾出一些工夫，给这些我的项目赋予灵魂，为测试不同的我的项目配置了很多环境。益处就是本人的开源我的项目写的没那么多，工作量尚可，本人的记忆也还不错，我的项目的一些流程和细节都还能想的起来。还没有灵魂的我的项目不多了，争取这周搞完，当前写我的项目写完之后肯定要写一份文档，这种堆积起来一次补齐的形式太累了。这两年总是在迷茫和换工作中度过，很多本人想做的事件都被筹备面试耽搁了，这份工作无论如何也要做一年多，把本人想做的货色，想学的常识井井有条的实现，也算对得起本人。

flutter_demo

1. 我的项目简介

flutter APP。

我的项目分五个文件夹:

  • 动画组件
  • 工作中用到或是一些其余乏味的组件
  • 布局相干的组件
  • 学习 FLutter 编写的练习或是测试代码
  • 工具类，前面会独自写成一个我的项目

2. 环境简介

语言：Dart

fLutter 版本：Channel master, 2.3.0-17.0.pre.414

3. 我的项目截图

<img src=”https://img-blog.csdnimg.cn/7bfc8de344d34ddea1e7898a16f11ed5.png” style=”zoom: 67%;” />

4. 开发流程与代码逻辑简述

  • 组件比拟多就不一一介绍了

5. 技术筹备

  • Dart 根底
  • FLutter API

6. 总结

这个我的项目保护是比拟多的，首页上展现的只有动画和一些乏味的组件，能够下载体验一下，看看有没有感兴趣的性能。这个我的项目有独自的地址，目前这个 demo 工程只是一些测试代码。

IOS_Demo

1. 我的项目简介

学习 ios 写的小 demo，比拟系统，看到感兴趣的知识点就本人入手试一下，没有什么下载价值。

2. 环境简介

语言：Swift 5.4

UI 框架：UIKit

3. 我的项目截图

<img src=”https://img-blog.csdnimg.cn/09512621e00a4173a5e2ae330b64e9b7.png” alt=” 在这里插入图片形容 ” style=”zoom:67%;” /><img src=”https://img-blog.csdnimg.cn/a34dc44d550d4ea18c26a348deaa10f7.png” alt=” 在这里插入图片形容 ” style=”zoom:67%;” /><img src=”https://img-blog.csdnimg.cn/863b4416093e491aa8f5ddefccd237a4.png” alt=” 在这里插入图片形容 ” style=”zoom:67%;” /><img src=”https://img-blog.csdnimg.cn/d076e1e49377453c823a457d790c8a77.png” alt=” 在这里插入图片形容 ” style=”zoom:67%;” />

4. 开发流程与代码逻辑简述

  • 更多的应用了 storyboard 拖拽控件的开发方式，简略体验了一下。

5. 技术筹备

  • Swift 根底语法
  • UIKit 应用

6. 总结

找的不少教程都不写纯代码，都是 storyboard 拖拽控件联合代码，不太喜爱这种形式.

写在开端

因为更换了电脑，两个 java 相干的工程须要从新搭建环境补齐文档，临时不打算更新了，感兴趣的网上轻易搜几篇技术文章就能搭。

后续如果本人想写点后盾的话，就棘手把这两个 readme 补齐。

退出移动版