Github MIT开源银行电子支付系统(ReactJS+Nodejs+Mysql)

2019-08-28 17:28发布

简介

开源地址:

https://github.com/pietrzakadrian/bank

这套开源银行应用程序使用ReactJS + Redux与NodeJS(Express + TypeORM),WebSocket,RESTful API和MySQL的完整堆栈Web应用程序。

网站截图如下:

功能列表

  • 根据react-boilerplate中使用的最佳实践创建的应用程序
  • 通过TypeORM使用MySQL数据库的关系模型
  • 使用REST API支付当前费率支持多种货币
  • 使用react-intl即时更改英语,波兰语和德语
  • 使用WebSocket实现通知 + 支付系统(socket.io)
  • 使用Jest,Mocha,Chai和react-testing-library进行单元和组件测试

前端技术栈

  1. JavaScript(ES6 +)
  2. ReactJS与React-Router
  3. Redux.js与Redux-Saga
  4. 材质UI框架
  5. 风格组件
  6. 使用Jest和react-testing-library进行单元和组件测试

后端技术栈

  1. TypeScript
  2. NodeJS与Express.js框架
  3. TypeORM
  4. MySQL数据库
  5. 具有基本和JWT身份验证的RESTful API
  6. Swagger文档
  7. 使用Mocha和Chai进行单元测试

数据库设计如下图

快速上手

安装需知

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

下载代码:

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

对于前端:

  1. 克隆此存储库并进入frontend目录
  2. 更改BASE_URL在/app/utils/api.js您的本地主机服务器
  3. 通过运行安装依赖项 yarn
  4. 通过运行启动项目 yarn start

对于后端:

  1. 克隆此存储库并进入backend目录
  2. 创建2个MySQL数据库。(一个用于测试,另一个用作主数据库)
  3. 复制env.example并.env从中创建一个新文件。
  4. 在那里设置配置参数(应用程序端口,应用程序主机,数据库主机,端口,用户名,密码等)
  5. 通过运行安装依赖项 yarn
  6. 通过运行启动项目 yarn start

总结

这套系统可能不太适用,国内的微信支付、支付宝支付、银行卡支付等场景,但是作为一个开源系统,又基于react+redux+nodejs+restful api+ mysql的技术栈,加上前端单元测试,组件测试(jest),api接口测试(mocha)等等现成代码可以参考,可以说是全栈工程师的必备参考项目。

文章来源: https://www.toutiao.com/group/6729852425512960515/