All Projects → jinjinjin0731 → eshop

jinjinjin0731 / eshop

Licence: MIT License
Taro • 云开发电商小程序示例

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to eshop

Taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
Stars: ✭ 30,230 (+43085.71%)
Mutual labels:  wxapp, taro
cloudFns
微信小程序云函数合集
Stars: ✭ 34 (-51.43%)
Mutual labels:  wxapp, wxcloud
taro-weapp
🎮一款提供餐桌,酒桌上小游戏的小程序。
Stars: ✭ 28 (-60%)
Mutual labels:  wxapp, taro
Taro Ui
一款基于 Taro 框架开发的多端 UI 组件库
Stars: ✭ 3,806 (+5337.14%)
Mutual labels:  wxapp, taro
taroCloud
记日常、GitHub trending资讯小程序 taro-hooks + rematch+云开发
Stars: ✭ 25 (-64.29%)
Mutual labels:  wxapp, taro
watch-behavior
小程序自定义组件扩展 behavior, watch 属性实现
Stars: ✭ 18 (-74.29%)
Mutual labels:  wxapp
Smart container
🍰🍎ColugoMum--Intelligent Retail Settlement Platform can accurately locate and identify each commodity, and can return a complete shopping list and the actual total price of commodities that customers should pay.
Stars: ✭ 141 (+101.43%)
Mutual labels:  wxapp
wxAuthorize
微信授权并获取用户信息demo
Stars: ✭ 44 (-37.14%)
Mutual labels:  wxapp
Metro-Weapp
微信小程序-上海地铁Lite
Stars: ✭ 15 (-78.57%)
Mutual labels:  wxapp
hospital-wxapp
医院微信小程序,包括 上传身份证、专家咨询、快速咨询、科室选择、医生私聊、登录、我的 ...
Stars: ✭ 80 (+14.29%)
Mutual labels:  wxapp
WeYue-wxapp
微Yue电子书阅读-微信小程序
Stars: ✭ 47 (-32.86%)
Mutual labels:  wxapp
wxapp-boilerplate
微信小程序开发脚手架 (ES6, Redux, Immutable-js, Async/await, Promise, Reselect, Babel, ESLint, Stylelint, Gulp ... )
Stars: ✭ 35 (-50%)
Mutual labels:  wxapp
ztaro
一套基于taro, zoro的完整的微信小程序及h5开发解决方案
Stars: ✭ 37 (-47.14%)
Mutual labels:  taro
Taro-ParserRichText
适用于 Taro 的小程序富文本组件
Stars: ✭ 32 (-54.29%)
Mutual labels:  taro
weixinCustomerService
主要使用了微信小程序的客服接口,通过将用户输入的消息发送至自己服务器端。 此服务器端用于接收和存储聊天内容,并且提供简单的查看历史资料和模拟客服发送消息的功能。
Stars: ✭ 53 (-24.29%)
Mutual labels:  wxapp
Taro-v2ex-weapp
awesome v2ex weapp 😎 目前支持微信小程序、支付宝小程序、h5
Stars: ✭ 25 (-64.29%)
Mutual labels:  taro
common-mpvue
使用mpvue开发小程序通用能力封装
Stars: ✭ 31 (-55.71%)
Mutual labels:  wxapp
wx-ant-ble
微信、支付宝小程序BLE蓝牙SDK
Stars: ✭ 75 (+7.14%)
Mutual labels:  wxapp
tarojs-router-next
Taro 小程序路由库/自动生成带参数类型提示的路由方法/允许传递任意类型、任意大小的参数数据/同步的路由方法调用/koa体验一致的路由中间件
Stars: ✭ 166 (+137.14%)
Mutual labels:  taro
classmate-map
🧭 一款设计精美、体验优良的地图信息展示小程序,一个更有意思的同学录,可以在小程序中查看班级同学的毕业去向以及地域分布,多联(蹭)系(饭)。
Stars: ✭ 79 (+12.86%)
Mutual labels:  taro

eshop

Taro • 云开发电商小程序示例

详细示例说明后续放出

关于 Taro

Taro 是由凹凸实验室打造的一套遵循 React 语法规范的多端统一开发解决方案。使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(字节跳动小程序、微信小程序、百度智能小程序、支付宝小程序、QQ 小程序、跨应用、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

Taro 作为 凹凸实验室 的主要开源产品之一,在 github 上拥有 20,000+ star, Taro 在业界获得广泛的关注。

关于云开发

文章中的几个数据集的模拟数据,已上传至 cloud/doc 中,可根据需要自行导入。

云函数的代码存放在 cloud/functions 中,代码是按模块进行分割,每个模块有一个入口文件和一些执行具体逻辑的文件。

关于云函数

在使用你自己的云函数环境时,需要将云函数初始化换成你小程序的云环境。有以下几个地方需要注意:

  • src/app.js
  • cloud/functions 下每个云函数里的 index.js
  • project.config.json 里的 appid 需要换成你的小程序的 appid
// src/app.js
async componentDidMount () {
  Taro.cloud.init({
    env: 'xxyyzz', // 换成你的云函数环境
    traceUser: true // 是否要捕捉每个用户的访问记录。设置为true,用户可在管理端看到用户访问记录
  })
}

项目示例

项目流程图

首页

商详

购物车

订单

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].