网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 推广营销 » 正文

直播课预告:从0到1快速开发电商小程序

2019-7-12 1:55:19 | 作者:老铁SEO | 0个评论 | 人浏览

  ,从首页、商详、购物车、交易流程等电商模块,手把手教你搭建完整的电商小程序,并于7月18日(下周四)进行直播教学。(参与方式在文末)

  小程序·云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念, 无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

  小程序·云开发主要有几大部分组成,分别是云控制台、数据库、云函数、存储、云调用,以及分别在小程序端和云端使用的 SDK 。

  Taro 是一套遵循 React 语法规范的多端开发解决方案。现如今市面上端的形态多种多样, Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有 所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就 能够适配到多端的能力就显得极为需要。

  使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端运行的代码。

  使用小程序•云开发,我们可以省略后端部署、运维等步骤,可以快速地构建所需要的后端应用。同时,云函数的开发都是非常简单的,官方提供的API可以让我们便捷地进行操作。它可以很快速上手。只需掌握 Java 和一些异步处理相关的知识,对前端同学比较友好。小程序·云开发是小程序官方推出的一种解决方案,不用担心是否会继续维护、升级迭代等的问题。

  要进行Taro的项目开发,需要先安装 taro-cli。这里默认你已经装好了 taro-cli 并能运行命令。

  1我们用 cli 新建一个项目, 选择云开发模板,随后会得到这样的项目模板:

  3相应的后台服务因为有小程序·云开发的支持,免去了开启服务器和部署的步骤,所以我们所搭建的后台服务最主要为了实现两个部分的内容:

  使用云函数,把数据库的操作放到云端,即将一个函数放在 Node.js(即服务端)环境下运行;然后在小程序端调用云函数,达到类似调用接口的效果。

  大致分为顶部的搜索的组件,以及店铺和商品展示的楼层组件。搜索的组件,应该是一个公用的模块,它会在搜索页,分类页之类的地方出现,可以把这它抽离出来,进行复用。

  从首页进商详的店铺入口的逻辑只是简单的根据 id 拉取数据并返回,因为整体也并没有过多与用户发生交互的部分,也没有需要后端逻辑处理的部分。

  不过,商详页面除了商品的展示信息外,还有一些交互动作。例如下单前商品属性选择、件数、库存等等,这里我们是做了一个简易的 Popup 组件交互。

  购物车页相较于首页和商详页,其逻辑必定是复杂了很多,下面结合页面结构来分析一下。

  上面的图是购物车的截图。可以看到在购物车里,小程序·云开发端需要处理的逻辑有商品的选择与 反选、商品删除、商品数量的更改、商品型号的更改等等。因此,我们把购物车操作分类,得到如下一个 map:

  然后返回处理后、最新的 newCartInfo (新的购物车里的商品)。具体的操作函数的逻辑我们便不再阐述了,主要就是对数组进行遍历然后根据相关操作处理数据,更新完数据库后,便会 返回给前端最新的购物车数据。如果后续有新的购物车操作需要迭代,或者处理逻辑需要变更,我 们也只需要改变小程序·云开发端执行函数 这一部分里面的内容即可。

  订单页这块主要处理的是生成订单的逻辑。每个用户的购物车中,已勾选的商品数据都是存放在数据库中的,所以当用户点击了去结算按钮,触发了结算请求时,后端会直接从用户数据库中的购物车数据,生成一份订单。详细的流程如下:

  受篇幅影响,一些细节并没有在文章提及。关于项目的具体实操,我们将邀请来自京东凹凸实验室的钟鑫,作为腾讯云云开发授权讲师在7月18日(下周四)20:00-22:00进行直播教学,欢迎大家进微信群免费观看,并参与交流。返回搜狐,查看更多

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:电商平台开发  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。