原创 阿里Ice實現與Spring Boot間的前後端通信實例

實例概述 本文提供一個使用阿里Ice前端框架(封裝React)與服務Spring Boot項目進行相互通信的項目實例。具體項目環境可參見:阿里ICE前端工程創建過程。該實例中不對Spring Boot項目的創建和使用進行介紹,僅提供相應的

原创 React中使用axios發送請求的常用方法

React中安裝並引入axios依賴 在React項目中使用axios請求,首先需要安裝axios: npm install axios --save 然後在react文件中使用typescript方式導入axios依賴: impor

原创 MyBatis中Enum字段參數解析問題解決

基礎Class和TypeHandler MyBatis操作的基本User對象結構如下: @Data @Alias(value = "user") public class User implements Serializable {

原创 阿里Ice中實現組件和頁面間跳轉並進行參數傳遞

阿里Ice中組件跳轉的幾種方式 阿里的飛冰(ice)是對React的封裝實現,提供了便捷的React開發模式和最佳實踐。在最近對Ice的學習和使用過程中需要使用到組件間和頁面之間的跳轉功能。目前Ice中可以使用如下幾種不同的方式來實現組件

原创 React使用React.Fragment避免多嵌套

React多組件並列存在的問題 在使用React的自定義組件時,時常需要將多個自定義組件進行並列顯示。而React在version-15之前,render 函數的返回必須有一個根節點否則將會報錯。而此時常見的解決方法及爲使用div將多個並

原创 JavaScript中判斷字符串中是否包含子串的幾種方法

使用String對象的方法 indexOf()   (推薦) var str = "yitian"; console.log(str.indexOf("yi") !== -1 ); // true String對象的indexOf()

原创 React官方文檔中可搜索產品數據表格的設計與實現

項目來源及簡介 該學習項目來自React官方文檔中的“React哲學部分”(https://react.docschina.org/docs/thinking-in-react.html)。該文檔爲讀者提供了一個用於介紹React學習理論

原创 Ice項目結構理解和使用Ice搭建React多頁面學習和開發環境

Ice項目結構理解 上一篇文章對阿里前端框架Ice的項目創建過程進行了詳述(具體見:阿里ICE前端工程創建過程),下面對Ice創建的項目結構進行理解和說明。在Ice官方文檔中有對項目中所具有的所有目錄結構進行的說明,如下: ├── .i

原创 阿里ICE前端工程創建過程

前言 ICE是阿里巴巴開發和開源的一款簡單而友好的前端研發體系,具有如下的特性: 可視化開發:通過 IDE 簡化前端工程複雜度,同時通過適配器可接入不同的項目工程進行可視化管理,定製專屬的前端工作臺 豐富的物料:基於物料拼裝提高項目開發效

原创 React開發中常用JavaScript(ES6)基礎知識

在線運行JS工具 如果沒有本地運行JavaScript的環境,可以使用在線的JavaScript運行工具。這裏有一個鏈接:https://jsbin.com/?js,output。 React開發中常用的JavaScript命令

原创 React的安裝以及使用create-react-app和IDEA構建項目開發環境

React的安裝 React的安裝可以支持直接在HTML中的使用,或者創建整體的React App前端工程與另外的服務端項目進行交互。前者比較適合於簡單的React項目,後者適合前後端分類的大型項目的構建。 在HTML中使用React R

原创 解決@DeclareParents註解導致的ReflectionWorldException異常

問題描述 在切面中使用@DeclareParents註解的代碼如下: @Aspect public class MyAspect { /** * 爲UserService接口引入UserValidator接口

原创 從約定編程角度理解Spring AOP

從約定編程開始 首先拋開Spring AOP的各種複雜概念,看一個簡單的約定編程示例,後面再從這個約定編程示例的角度出發回過頭看AOP的各種概念時,可能會好理解許多。 首先定義一個簡單的接口和其實現類,邏輯很簡單: public int

原创 Spring Boot學習實踐:簡單商品搶購的設計與開發以及高併發問題的處理

商品搶購設計與開發 該過程包括如下幾個方面的設計與開發: 商品搶購過程設計 數據庫表結構設計 實體類設計與開發 業務邏輯設計與開發 該部分和第二部分中處理高併發問題一起,使用瞭如下的技術: Spring Boot Spring MVC M

原创 Spring Boot中全註解下的Spring IoC

前言 對於Spring框架,其中IoC(控制翻轉)和AOP(面向切面編程)都是比較重要的概念,而在Spring Boot中主要使用全註解的方式來實現IoC和AOP的功能,因此本文以Spring Boot框架爲基礎,對其中全註解下的IoC和