簡(jiǎn)介

開源地址：

https://github.com/pietrzakadrian/bank

這套開源銀行應(yīng)用程序使用ReactJS + Redux與NodeJS(Express + TypeORM)，WebSocket，RESTful API和MySQL的完整堆棧Web應(yīng)用程序。

網(wǎng)站截圖如下：

功能列表

• 根據(jù)react-boilerplate中使用的最佳實(shí)踐創(chuàng)建的應(yīng)用程序
• 通過(guò)TypeORM使用MySQL數(shù)據(jù)庫(kù)的關(guān)系模型
• 使用REST API支付當(dāng)前費(fèi)率支持多種貨幣
• 使用react-intl即時(shí)更改英語(yǔ)，波蘭語(yǔ)和德語(yǔ)
• 使用WebSocket實(shí)現(xiàn)通知 + 支付系統(tǒng)(socket.io)
• 使用Jest，Mocha，Chai和react-testing-library進(jìn)行單元和組件測(cè)試

前端技術(shù)棧

JavaScript(ES6 +)

ReactJS與React-Router

Redux.js與Redux-Saga

材質(zhì)UI框架

風(fēng)格組件

使用Jest和react-testing-library進(jìn)行單元和組件測(cè)試

后端技術(shù)棧

TypeScript

NodeJS與Express.js框架

TypeORM

MySQL數(shù)據(jù)庫(kù)

具有基本和JWT身份驗(yàn)證的RESTful API

Swagger文檔

使用Mocha和Chai進(jìn)行單元測(cè)試

數(shù)據(jù)庫(kù)設(shè)計(jì)如下圖

快速上手

安裝需知

• yarn v1.17 +
• NodeJS v8 +
• MySQL v5.6 +

下載代碼:

git clone https://github.com/pietrzakadrian/bank.git

對(duì)于前端：

克隆此存儲(chǔ)庫(kù)并進(jìn)入frontend目錄

更改BASE_URL在/app/utils/api.js您的本地主機(jī)服務(wù)器

通過(guò)運(yùn)行安裝依賴項(xiàng) yarn

通過(guò)運(yùn)行啟動(dòng)項(xiàng)目 yarn start

對(duì)于后端：

克隆此存儲(chǔ)庫(kù)并進(jìn)入backend目錄

創(chuàng)建2個(gè)MySQL數(shù)據(jù)庫(kù)。(一個(gè)用于測(cè)試，另一個(gè)用作主數(shù)據(jù)庫(kù))

復(fù)制env.example并.env從中創(chuàng)建一個(gè)新文件。

在那里設(shè)置配置參數(shù)(應(yīng)用程序端口，應(yīng)用程序主機(jī)，數(shù)據(jù)庫(kù)主機(jī)，端口，用戶名，密碼等)

通過(guò)運(yùn)行安裝依賴項(xiàng) yarn

通過(guò)運(yùn)行啟動(dòng)項(xiàng)目 yarn start

總結(jié)

這套系統(tǒng)可能不太適用，國(guó)內(nèi)的微信支付、支付寶支付、銀行卡支付等場(chǎng)景，但是作為一個(gè)開源系統(tǒng)，又基于react+redux+nodejs+restful api+ mysql的技術(shù)棧，加上前端單元測(cè)試,組件測(cè)試(jest)，api接口測(cè)試(mocha)等等現(xiàn)成代碼可以參考，可以說(shuō)是全棧工程師的必備參考項(xiàng)目。

總結(jié)

以上是生活随笔為你收集整理的ajax mysql项目 react_Github MIT开源银行电子支付系统(ReactJS+Nodejs+Mysql)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。