简介

开源地址:

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)等等现成代码可以参考,可以说是全栈工程师的必备参考项目。

ajax mysql项目 react_Github MIT开源银行电子支付系统(ReactJS+Nodejs+Mysql)相关推荐

  1. mocha chai mysql_Github MIT开源银行电子支付系统(ReactJS+Nodejs+Mysql)

    简介 开源地址:https://github.com/pietrzakadrian/bank 这套开源银行应用程序使用ReactJS + Redux与NodeJS(Express + TypeORM) ...

  2. ssm毕设项目Java防作弊的电子投票系统rgobs(java+VUE+Mybatis+Maven+Mysql+sprnig)

    ssm毕设项目Java防作弊的电子投票系统rgobs(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysq ...

  3. JSP大学生电子档案系统myeclipse开发mysql数据库BS模式java编程网页结构详细设计

    一.源码特点      JSP 大学生电子档案系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8 ...

  4. 基于SET协议的电子支付系统模块设计

    基于Internet的电子商务以其具有传统商务模式不可比拟的优点而在当今世界蓬勃发展.电子商务发展的关键问题就是交易的安全性,也就是网络上的信息安全,即网上电子支付的安全实现.SET安全电子交易协议是 ...

  5. 一款基于java的超级棒的开源支付系统(用来毕设也不错),国内首款开源的互联网支付系统

    最近年初刚开始了,小编想着应该会有很多公司开始冲一波今年的业绩,既然是冲业绩,就离不开我们的支付系统,所以小编就去网上给大家找到了一款超级棒的开源支付系统!帮助大家从头到尾了解清楚这其中的逻辑! 所以 ...

  6. 银行实时支付系统是怎么躲过双十一这一坎的呢?

    这几天,阿里可谓是春风得意,什么900+亿,什么8.59万笔/秒,什么支付成功率达99.99%,平均每笔支付用时0.035秒,什么用时12分28秒成交额就突破100亿元. 作为一个为银行支付行业服务了 ...

  7. 国际电子支付系统SWIFT

    20世纪50年代以来国际贸易急速发展,计算机及通信技术的应用日益广泛.开始的时候,银行收到的从各地发来的电文格式都不一样,必须经过人工转换之后才能输入计算机进行处理,很不方便.而且传递的速度也很慢,还 ...

  8. 关于电子支付系统的数据库设计

    现在,大到银行等金额机构,小到城市一卡通,直到餐馆等路边小店的会员系统都在使用电子支付进行结算. 根据系统应用的用户规模和交易量,系统的数据库设计也是不同的. 那种账户一年才几个,交易量不到一万笔,交 ...

  9. 树莓派要mysql的密码_树莓派raspberry Pi 3B+系统中安装mysql过程中不提示输入密码,安装完后如何设置密码...

    树莓派raspberry Pi 3B+安装mysql未提示输入密码,安装后修改mysql密码默认密码 使用mysql -uroot -p 命令连接mysql时,报错 pi@raspberrypi:/ ...

最新文章

  1. C#和Unity编码和游戏开发学习教程
  2. pandas对dataframe的数据行(rows)进行随机抽样:使用sample函数进行数据行(rows)随机抽样
  3. 坑爹的PHImageManager和PHImageRequestOptions
  4. redhat配置oracle yum源,Redhat5和6 YUM源配置的区别
  5. 傲游浏览器怎么看网页源代码 网页源代码查看方法简述
  6. ir指令、立即数的作用_ARM-汇编指令集(总结)
  7. Angular 的概念模型
  8. atitit. applet 浏览器插件 控件 的环境,开发,提示总结o9o
  9. Windows Server 2008 R2/2012 网络负载平衡NLB相关内容
  10. 拼多多回应驰伟插座起诉:积极应诉 希望其莫充当电商“二选一”插头
  11. java协程处理IO_并发编程 --进、线程池、协程、IO模型
  12. 世界三大统计分析软件sas splus spss
  13. Element UI中的Descriptions描述列表
  14. camera一些常见名词缩写
  15. 嚼一嚼 class 文件结构
  16. 构建北京市政百姓信件分析实战案例
  17. 高斯消元法求解线性方程组(附python代码)
  18. Unity中Destory销毁对象不是立即销毁
  19. 测试工程师-入门指南
  20. golangci-lint 自定义linter核心代码 用于检查错误使用gtime.Time.Format() 例如gtime.Time.Format(“2006-01-02 15:04:05“)

热门文章

  1. linux内核 extern,Linux内核之_attribute_
  2. object取值_如何重写object虚方法
  3. java的startswith_java startsWith和endsWith的用法 | 学步园
  4. html+仿百度外卖地址选择,百度外卖选择地址中的地图功能是怎么实现的?
  5. mysql解释的type_mysql explain 的type解释
  6. vim将修改内容复制多次
  7. 每个软件开发人员都应该知道的5种设计模式
  8. C#中调用API函数RegisterHotKey注册多个系统热键
  9. CentOS7中通过npm的方式安装Node-RED
  10. 若依前后端分离/微服务版怎样构造免密链接实现其他系统免登录访问