https://github.com/tommy131/easyshopcart

A simple purchase page with Stripe integrated payment system
https://github.com/tommy131/easyshopcart

payment shopping-cart stripe stripe-payments vue vue3

Last synced: 2 months ago
JSON representation

A simple purchase page with Stripe integrated payment system

• Host: GitHub
• URL: https://github.com/tommy131/easyshopcart
• Owner: Tommy131
• License: gpl-3.0
• Created: 2023-06-19T19:13:13.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-06-25T23:09:34.000Z (over 1 year ago)
• Last Synced: 2024-10-13T12:30:12.537Z (3 months ago)
• Topics: payment, shopping-cart, stripe, stripe-payments, vue, vue3
• Language: JavaScript
• Homepage: https://owoblog.com/donation/
• Size: 3.4 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# EasyShopCart

![CodeFactor](https://www.codefactor.io/repository/github/tommy131/easyshopcart/badge) ![License](https://img.shields.io/badge/license-GPLv3-blue) [Learn More](https://opensource.org/license/gpl-3-0/)

一个对接了Stripe集成支付系统的简易的购买单页网页

如果您觉得本项目对您有帮助, 请给本项目一颗小小的 `Star` 呗QWQ

项目打赏/​捐赠地址：

## 功能列表

- [x] 模拟了结算失败/成功的消息弹窗

- [x] ​实时模拟了库存数据的变化

- [x] ​右侧更方便的增加/减少对应物商品的数量

- [x] ​右侧更方便的直接删除商品

- [x] ​模拟了折扣价格

- [x] 统计商品总价

- [x] 商品缩略图展示

- [x] 对接Stripe集成支付系统

- [x] IDE友好

- [x] ES6标准

- [x] 傻瓜式使用方法

- [ ] 缓存购物车清单

- [ ] 后端仓库管理系统

- [ ] 后端订单管理系统

- [ ] 敬请期待...

## 使用方法

1. 在项目根目录下输入 `composer install` 安装Stripe依赖环境.

2. 按需修改好配置文件之后即可立刻使用.

## 配置文件

`./assets/js/config.js`

```js

const config = {

    publicKey: 'YOUR_PUBLIC_API_KEY',      // Stripe提供的公钥

    orderCreateSite: '/stripe/create.php', // 支付处理后端接口

    returnUrl: 'http://test.com/stripe/'   // 支付成功/失败回调地址

}

```

`./secrets.php`

```php