言

在本次 Google I/O 2021 大會 上，谷歌正式發布了 Flutter 2.2。Flutter 2.2 是谷歌最新版的開源工具包，可讓開發者立足單個平臺構建適合任何設備的精美應用。近年來，隨著移動智能設備的快速普及，移動多端統一開發框架已成為一個熱點議題。Google Flutter 通過新的渲染引擎、新的編程語言、新的編程框架，提供了一個更決絕的跨端方案，使其在眾多移動多端統一開發技術中脫穎而出。

Flutter 是目前開發者首選的跨平臺開發框架

近期的移動開發者調研結果凸顯了 Flutter 的迅猛發展。分析公司 SlashData 的 Mobile Developer Population Forecast 2021 (2021 移動開發者人口預測) 報告顯示 Flutter 是如今最流行的跨平臺開發框架，有 45% 的開發者選用，在 2020 年 1 季度至 2021 年 1 季度期間，使用人數增長了 47%。谷歌自己的數據也印證了這一增長，過去 30 天內，在 Play 商店新上架的應用中，有超過八分之一的應用是使用 Flutter 開發的。

在 I/O 大會上，我們介紹過，如今僅 Play 商店就有超過 20 萬款應用是使用 Flutter 開發的；開發這些應用的公司如騰訊，其即時通訊應用微信 (WeChat) 在 iOS 和 Android 平臺的用戶數超過了 12 億；還有 TikTok 的開創者 字節跳動，其目前已經使用 Flutter 開發了 70 款不同應用；以及 BMW、SHEIN、Grab 和 滴滴 等公司。當然，使用 Flutter 的并非只有大公司，部分創意十足的應用就出自一些您可能不曾聽過的公司，比如 Wombo (一款迅速走紅的唱歌自拍應用)、Fastly (一款飲食控制應用) 以及 Kite (一款精美的投資交易應用)

改變移動開發格局的天選之子

筆者在深入了解 Flutter 后，深知 Flutter 必將是一個改變移動開發格局的里程碑級作品。

• 上手成本低（Dart 語言并不難）；
• Flutter 從設計之初就對性能和開發效率兼顧；
• Flutter 借鑒了React（一個Web開發框架）的響應式的UI框架設計思想；
• 執行效率高（同時支持 AOT 和 JIT 兩種編譯方式，沒有采用 HTML/CSS/JavaScript 組合方式開發）；
• ……

總之，很難用一兩句話說完Flutter的優點。雖然不敢說 Futter 是跨平臺開發的終極之選，但是他帶來了不一樣的未來。

本來計劃整理一份能由淺入深、系統介紹Flutter的學習手冊。恰好發現有一個阿里閑魚團隊整理過這樣一份手冊，就是這個《Flutter完整開發實戰詳解手冊》。

快速入手通道，轉發+關注+私信【學習】（免費下載）

其凝聚了閑魚技術團隊的心血，就像弈局一樣，通過一步步的反復判斷和思考，給出清晰路徑。對于如何使用Flutter以及是否要選擇Flutter的開發者或者規劃者來說，閱讀本書將大有裨益。

《Flutter完整開發實戰詳解手冊》組織結構

這份手冊采用由淺入深的方式介紹Flutter技術原理，分為 14 章，總計 193 頁，整理目錄如下：

?、Dart語?和Flutter基礎

本章節主要涉及：環境搭建、Dart語?、Flutter的基礎。

?、 快速開發實戰篇

本章節將為你著重展示：如何搭建?個通?的Flutter App 常?功能腳?架，快速開發?個完整的 Flutter 應?。

三、 打包與填坑篇

本章節將為你著重展示：Flutter開發過程的打包流程、APP包對?、細節技巧與問題處理。描述的Flutter的打包、在開發過程中遇到的各類問題與細節。

四、 Redux、主題、國際化

本章節主要介紹 Flutter 中 Redux 的使?，并結合Redux 完成實時的主題切換
與多語?切換功能。

五、深?探索

本章節主要探索下 Flutter 中的?些有趣原理，幫助我們更好的去理解和開發

六、 深?Widget原理

本章節主要在前?的探索下，針對描述?下 Widget 中的?些有意思的原理。

七、 深?布局原理

本章節主要在前?的基礎上，再深?了解 Widget 和布局中的?些常識性問題。

八、實?技巧與填坑

本章節是主要講述 Flutter 開發過程中的實?技巧，讓你少?彎路少掉坑，全篇屬于很?的?貨總結，以實?為主，算是在深?原理過程中穿插的實?篇章。

九、 深?繪制原理

本章節主要深?了解 Widget 中繪制相關的原理，探索 Flutter ?的RenderObject 最后是如何?完屏幕上的最后?步，結尾再通過實際例?理解如何設計?個 Flutter 的?定義繪制。

?、 深?圖?加載流程

本章節主要深?了解 Flutter 中圖?加載的流程，剝析圖?流程中有意思的?段，結尾再實現 Flutter 實現本地圖?緩存的?持。

??、全?深?理解Stream

本章節將?常全?帶你了解 Flutter 中最關鍵的設計之?，深?原理幫助你理解 Stream 全家桶，這也許是?前 Flutter 中最全?的 Stream 分析了

??、全?深?理解狀態管理設計

本章節將通過 scope_model 、 BloC 設計模式、flutter_redux 、 fish_redux來全?深?分析， Flutter 中?家最為關?的狀態管理機制，理解各?框架中如何設計實現狀態管理，從?選出你最為合適的 state “?管家”。

?三、全?深?觸摸和滑動原理

本章節將帶你深?了解 Flutter 中的?勢事件傳遞、事件分發、事件沖突競爭，滑動流暢等等的原理，幫
你構建?個完整的 Flutter 閉環?勢知識體系，這也許是?前最全?的?勢事件和滑動源碼的深??章
了。

?四、混合開發打包 Android 篇

本章節將帶你深?了解 Flutter 中打包和插件安裝等原理，幫你快速完成 Flutter 集成到現有 Android 項
?，實現混合開發?持。

獲取途徑

轉發+關注+私信【學習】（免費下載）

結尾

感謝阿里閑魚團隊、Flutter中文網、Flutter開源項目的人以及很多博客大佬。另外尤其感謝給本書打賞過的同學，你們的支持給了我很大的鼓勵。

有價值的知識是值得付費的，創作不易，開源不等于免費，記得給本文點個贊。如果手頭寬裕，可以在獲取本手冊后打賞一下；當然，如果您囊中羞澀，您也可以免費獲取，別忘記點贊本文即可。

言
推薦這個項目是因為使用手冊部署手冊非常完善，項目也有開發教程視頻對小白非常貼心，接私活可以直接拿去二開非常舒服

開源說明

• 系統100%開源
• 模塊化開發模式，銘飛所開發的模塊都發布到了maven中央庫。可以通過pom.xml文件的方式拉取源代碼

<dependency>
	<groupId>net.mingsoft</groupId>
	<artifactId>模塊</artifactId>
	<version>版本號</version>
	<classifier>sources</classifier>
	<scope>provided</scope>
</dependency>

商用

基于MIT開源協議，可直接商用無需授權，但請尊重開源精神不要去掉代碼中銘飛的注釋和版權信息

特點

• 免費完整開源：基于MIT協議，源代碼完全開源，無商業限制,MS開發團隊承諾將MCMS內容系統永久完整開源；關注Java項目分享
• 標簽化建站：不需要專業的后臺開發技能，只要使用系統提供的標簽，就能輕松建設網站；
• html靜態化：系統支持全站靜態化；
• 跨終端：站點同時支持PC與移動端訪問，同時會自動根據訪問的終端切換到對應的界面，數據由系統統一管理；
• 海量模版：銘飛通過MStore（MS商城）分享更多免費、精美的企業網站模版，降低建站成本；關注Java項目分享
• 豐富插件：為了讓MCms適應更多的業務場景，在MStore用戶可以下載對應的插件，如：站群插件、微信插件、商城插件等；
• 每月更新：銘飛團隊承諾每月28日為系統升級日，分享更多好用等模版與插件；
• 文檔豐富：為了讓用戶更快速的使用MCms系統進行開發，銘飛團隊持續更新開發相關文檔，如標簽文檔、使用文檔、視頻教程等；

面向對象

• 企 業：幫助創立初期的公司或團隊快速搭建產品的技術平臺，加快公司項目開發進度；
• 開發者：幫助開發者快速完成承接外包的項目，避免從零搭建系統；
• 學習者：初學JAVA的同學可以下載源代碼來進行學習交流；

開發環境

建議開發者使用以下環境，這樣避免版本帶來的問題

• Windows、Linux
• Eclipse、Idea
• Mysql≧5.7
• JDK≧8
• Tomcat≧8

1. MCms內容插件手冊

MCms內容插件提供最基本的菜單、權限、角色、欄目、內容、靜態化、等常用功能。
視頻教程：內容插件視頻教程 配合代碼生成器使用快速提升開發效率：代碼生成器在線視頻教程、代碼生成器使用文檔

1.1. Apache Maven依賴

1.1.1. 當前版本

<!-- ms-mcms 內容模塊插件 -->
<dependency>
    <groupId>net.mingsoft</groupId>
    <artifactId>ms-mcms</artifactId>
    <version>當前版本</version>
</dependency>
<!-- ms-mcms 內容模塊源碼 -->
<dependency>
    <groupId>net.mingsoft</groupId>
    <artifactId>ms-mcms</artifactId>
    <version>當前版本</version>
    <classifier>sources</classifier>
</dependency>Copy

1.2. 接口

項目訪問路徑/swagger-ui.html#/

系統部署手冊

1. jar部署

1.1. 打包方式1

懶人做法，將所有的資源打成一個jar包，維護資源不方便，不推薦

mvn clean package
java -jar ms-mcms.jarCopy

1.2. 打包方式2（推薦）

打包指令增加參數 -f bin-xml ,執行完成會在target目錄會生成 “ 項目-bin ” 發布文件夾

mvn clean package -f bin-xml
Copy

1.2.1. 目錄結構

config：配置文件

html：靜態化自動生成的目錄(自動生成)

static：靜態資源文件

templets：(必須)模版目錄，需要復制一份

upload：(必須)上傳的文件夾

WEB-INF：ftl視圖文件

mcms.log：自動生成的日志文件

*.sh：linux啟動、停止腳本

*.bat：window啟動、停止腳本

技術選型

后端框架

前端框架

軟件截圖

銘飛平臺

做開源我們是業余的，寫代碼我們是認真的。研發產品的路上我們一直在探索、一直在學習、一直在用心投入，希望能給更多的企業與開發者提供一些更有價值的服務。

項目管理

代碼生成器

源碼資料獲取方式：關注小編+轉發文章+私信【 666 】免費獲取
八股文面試資料獲取方式：關注小編+轉發文章+私信【 13 】免費獲取
重要的事情說三遍，轉發+轉發+轉發，一定要記得點贊轉發哦!!!

面試官：Spring 和 Spring Boot 的區別是什么？

概述

對于 Spring和 SpringBoot到底有什么區別，我聽到了很多答案，剛開始邁入學習 SpringBoot的我當時也是一頭霧水，隨著經驗的積累、我慢慢理解了這兩個框架到底有什么區別，相信對于用了 SpringBoot很久的同學來說，還不是很理解 SpringBoot到底和 Spring有什么區別，看完文章中的比較，或許你有了不同的答案和看法！

什么是Spring

作為 Java開發人員，大家都 Spring都不陌生，簡而言之， Spring框架為開發 Java應用程序提供了全面的基礎架構支持。它包含一些很好的功能，如依賴注入和開箱即用的模塊，如：

SpringJDBC、SpringMVC、SpringSecurity、SpringAOP、SpringORM、SpringTest，這些模塊縮短應用程序的開發時間，提高了應用開發的效率例如，在 JavaWeb開發的早期階段，我們需要編寫大量的代碼來將記錄插入到數據庫中。但是通過使用 SpringJDBC模塊的 JDBCTemplate，我們可以將操作簡化為幾行代碼。

什么是Spring Boot

SpringBoot基本上是 Spring框架的擴展，它消除了設置 Spring應用程序所需的 XML配置，為更快，更高效的開發生態系統鋪平了道路。

SpringBoot中的一些特征：

1、創建獨立的 Spring應用。
2、嵌入式 Tomcat、 Jetty、 Undertow容器（無需部署war文件）。
3、提供的 starters 簡化構建配置
4、盡可能自動配置 spring應用。
5、提供生產指標,例如指標、健壯檢查和外部化配置
6、完全沒有代碼生成和 XML配置要求

從配置分析

Maven依賴

首先，讓我們看一下使用Spring創建Web應用程序所需的最小依賴項

<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-web</artifactId>
    <version>5.1.0.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.1.0.RELEASE</version>
</dependency>

與Spring不同，Spring Boot只需要一個依賴項來啟動和運行Web應用程序：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
    <version>2.0.6.RELEASE</version>
</dependency>

在進行構建期間，所有其他依賴項將自動添加到項目中。

另一個很好的例子就是測試庫。我們通常使用 SpringTest， JUnit， Hamcrest和 Mockito庫。在 Spring項目中，我們應該將所有這些庫添加為依賴項。但是在 SpringBoot中，我們只需要添加 spring-boot-starter-test依賴項來自動包含這些庫。

Spring Boot為不同的Spring模塊提供了許多依賴項。一些最常用的是：

spring-boot-starter-data-jpaspring-boot-starter-securityspring-boot-starter-testspring-boot-starter-webspring-boot-starter-thymeleaf

有關 starter的完整列表，請查看Spring文檔。

MVC配置

讓我們來看一下 Spring和 SpringBoot創建 JSPWeb應用程序所需的配置。

Spring需要定義調度程序 servlet，映射和其他支持配置。我們可以使用 web.xml 文件或 Initializer類來完成此操作：

public class MyWebAppInitializer implements WebApplicationInitializer {
    @Override
    public void onStartup(ServletContext container) {
        AnnotationConfigWebApplicationContext context=new AnnotationConfigWebApplicationContext();
        context.setConfigLocation("com.pingfangushi");
          container.addListener(new ContextLoaderListener(context));
          ServletRegistration.Dynamic dispatcher=container
          .addServlet("dispatcher", new DispatcherServlet(context));
        dispatcher.setLoadOnStartup(1);
        dispatcher.addMapping("/");
    }
}

還需要將 @EnableWebMvc注釋添加到 @Configuration類，并定義一個視圖解析器來解析從控制器返回的視圖：

@EnableWebMvc
@Configuration
public class ClientWebConfig implements WebMvcConfigurer { 
   @Bean
   public ViewResolver viewResolver() {
      InternalResourceViewResolver bean=new InternalResourceViewResolver();
      bean.setViewClass(JstlView.class);
      bean.setPrefix("/WEB-INF/view/");
      bean.setSuffix(".jsp");
      return bean;
   }
}

再來看 SpringBoot一旦我們添加了 Web啟動程序， SpringBoot只需要在 application配置文件中配置幾個屬性來完成如上操作：

spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp

上面的所有Spring配置都是通過一個名為auto-configuration的過程添加 Bootweb starter來自動包含的。

這意味著 SpringBoot將查看應用程序中存在的依賴項，屬性和 bean，并根據這些依賴項，對屬性和 bean進行配置。當然，如果我們想要添加自己的自定義配置，那么 SpringBoot自動配置將會退回。

配置模板引擎

現在我們來看下如何在Spring和Spring Boot中配置Thymeleaf模板引擎。

在 Spring中，我們需要為視圖解析器添加 thymeleaf-spring5依賴項和一些配置：

@Configuration
@EnableWebMvc
public class MvcWebConfig implements WebMvcConfigurer {
    @Autowired
    private ApplicationContext applicationContext;
    @Bean
    public SpringResourceTemplateResolver templateResolver() {
        SpringResourceTemplateResolver templateResolver=new SpringResourceTemplateResolver();
        templateResolver.setApplicationContext(applicationContext);
        templateResolver.setPrefix("/WEB-INF/views/");
        templateResolver.setSuffix(".html");
        return templateResolver;
    }
    @Bean
    public SpringTemplateEngine templateEngine() {
        SpringTemplateEngine templateEngine=new SpringTemplateEngine();
        templateEngine.setTemplateResolver(templateResolver());
        templateEngine.setEnableSpringELCompiler(true);
        return templateEngine;
    }
    @Override
    public void configureViewResolvers(ViewResolverRegistry registry) {
        ThymeleafViewResolver resolver=new ThymeleafViewResolver();
        resolver.setTemplateEngine(templateEngine());
        registry.viewResolver(resolver);
    }
}

SpringBoot1X只需要 spring-boot-starter-thymeleaf的依賴項來啟用 Web應用程序中的 Thymeleaf支持。 ??但是由于 Thymeleaf3.0中的新功能，我們必須將 thymeleaf-layout-dialect 添加為 SpringBoot2XWeb應用程序中的依賴項。配置好依賴，我們就可以將模板添加到 src/main/resources/templates文件夾中， SpringBoot將自動顯示它們。

Spring Security 配置

為簡單起見，我們使用框架默認的 HTTPBasic身份驗證。讓我們首先看一下使用 Spring啟用 Security所需的依賴關系和配置。

Spring首先需要依賴 spring-security-web和 spring-security-config 模塊。接下來， 我們需要添加一個擴展 WebSecurityConfigurerAdapter的類，并使用 @EnableWebSecurity注解：

@Configuration
@EnableWebSecurity
public class CustomWebSecurityConfigurerAdapter extends WebSecurityConfigurerAdapter {
    @Autowired
    public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception {
        auth.inMemoryAuthentication()
          .withUser("admin")
            .password(passwordEncoder()
            .encode("password"))
          .authorities("ROLE_ADMIN");
    }
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
          .anyRequest().authenticated()
          .and()
          .httpBasic();
    }
    @Bean
    public PasswordEncoder passwordEncoder() {
        return new BCryptPasswordEncoder();
    }
}

這里我們使用 inMemoryAuthentication來設置身份驗證。同樣， SpringBoot也需要這些依賴項才能使其工作。但是我們只需要定義 spring-boot-starter-security的依賴關系，因為這會自動將所有相關的依賴項添加到類路徑中。

SpringBoot中的安全配置與上面的相同 。

應用程序啟動引導配置

Spring和 SpringBoot中應用程序引導的基本區別在于 servlet。Spring使用 web.xml 或 SpringServletContainerInitializer作為其引導入口點。SpringBoot僅使用 Servlet3功能來引導應用程序，下面讓我們詳細來了解下

Spring 引導配置

Spring支持傳統的 web.xml引導方式以及最新的 Servlet3+方法。

配置 web.xml方法啟動的步驟

Servlet容器（服務器）讀取 web.xml

web.xml中定義的 DispatcherServlet由容器實例化

DispatcherServlet通過讀取 WEB-INF/{servletName}-servlet.xml來創建 WebApplicationContext。最后， DispatcherServlet注冊在應用程序上下文中定義的 bean

使用 Servlet3+方法的 Spring啟動步驟

容器搜索實現 ServletContainerInitializer的類并執行 SpringServletContainerInitializer找到實現所有類 WebApplicationInitializer``WebApplicationInitializer創建具有XML或上下文 @Configuration類 WebApplicationInitializer創建 DispatcherServlet與先前創建的上下文。

SpringBoot 引導配置

Spring Boot應用程序的入口點是使用@SpringBootApplication注釋的類

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

默認情況下， SpringBoot使用嵌入式容器來運行應用程序。在這種情況下， SpringBoot使用 publicstaticvoidmain入口點來啟動嵌入式 Web服務器。此外，它還負責將 Servlet， Filter和 ServletContextInitializerbean從應用程序上下文綁定到嵌入式 servlet容器。SpringBoot的另一個特性是它會自動掃描同一個包中的所有類或 Main類的子包中的組件。

SpringBoot提供了將其部署到外部容器的方式。我們只需要擴展 SpringBootServletInitializer即可：

/**
 * War部署
 *
 * @author SanLi
 * Created by 2689170096@qq.com on 2018/4/15
 */
public class ServletInitializer extends SpringBootServletInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(Application.class);
    }
    @Override
    public void onStartup(ServletContext servletContext) throws ServletException {
        super.onStartup(servletContext);
        servletContext.addListener(new HttpSessionEventPublisher());
    }
}

這里外部 servlet容器查找在war包下的 META-INF文件夾下MANIFEST.MF文件中定義的 Main-class， SpringBootServletInitializer將負責綁定 Servlet， Filter和 ServletContextInitializer。

打包和部署

最后，讓我們看看如何打包和部署應用程序。這兩個框架都支持 Maven和 Gradle等通用包管理技術。但是在部署方面，這些框架差異很大。例如，Spring Boot Maven插件在 Maven中提供 SpringBoot支持。它還允許打包可執行 jar或 war包并 就地運行應用程序。

在部署環境中 SpringBoot 對比 Spring的一些優點包括：

1、提供嵌入式容器支持
2、使用命令java -jar獨立運行jar
3、在外部容器中部署時，可以選擇排除依賴關系以避免潛在的jar沖突
4、部署時靈活指定配置文件的選項
5、用于集成測試的隨機端口生成

結論

簡而言之，我們可以說 SpringBoot只是 Spring本身的擴展，使開發，測試和部署更加方便。