WooCommerce的前端和后台开发

前端(Frontend): #

WooCommerce 中的前端是指用户直接与之交互的界面和功能,包括商品页面、购物车、结算等。前端负责展示商品信息,接收用户输入,并把用户选择的商品和购买信息提交给后端处理。在 WooCommerce 中,前端通常是由主题(theme)和插件(plugin)提供的。

前端技术:

HTML/CSS:用于构建网页结构和样式。

JavaScript:用于实现网页交互和动态效果。

jQuery:一种 JavaScript 库,简化了 JavaScript 编程。

AJAX:一种用于创建异步 Web 应用程序的技术,可以在不重新加载页面的情况下与服务器进行通信。

WooCommerce 主题(theme):用于定制网站的外观和布局,包括颜色、字体、布局等。

WooCommerce 插件(plugin):用于扩展 WooCommerce 的功能,例如支付、配送、库存管理等。

Vue: vue技术。

后端(Backend): #

WooCommerce 中的后端是指运行在服务器端的应用程序部分,负责处理数据存储、订单、库存、支付和配送等业务逻辑。后端通过 REST API 与前端进行通信,接收和处理来自前端的请求,将数据存储到数据库中,并返回处理结果给前端。在 WooCommerce 中,后端由 WooCommerce 插件和 WordPress 后台管理系统提供支持。

后端技术:

PHP:一种用于创建 Web 应用程序的开源服务器端脚本语言,用于处理与 WooCommerce 相关的业务逻辑。

MySQL:一种开源关系型数据库管理系统,用于存储 WooCommerce 相关的数据。

Redis: 作为对象缓存

WordPress:一种开源内容管理系统(CMS),提供了强大的后台管理功能,是 WooCommerce 的基础。

WooCommerce 插件(plugin):用于扩展 WooCommerce 的功能,例如支付、配送、库存管理等。

REST API:一种用于创建 Web 应用程序的技术,用于在前端和后端之间进行通信,以实现数据的交换和处理。

Cloudflare: 作为cdn和静态资源缓存,安全功能

商城核心流程逻辑: #

  • 商品页功能 Test that your product page loads and shows the correct products.
  • 列表页功能 Test that your category pages loads and shows the correct products.
  • 游客结算购买功能 Make a purchase on your website, logged out as a guest. Ensure the checkout works, the payment goes through, and the details displayed are correct.
  • 注册用户结算购买功能 Make a purchase on your website logged in as a customer. Ensure the checkout works, the payment goes through, and the details displayed are correct.
  • 优惠券功能 Create a coupon and try using it at checkout, ensure that the coupon is applied, and the amount in the cart and the price paid is correct.
  • 买一送一活动功能
  • 用户中心功能 Try resetting your password and make sure that everything works correctly.
  • Checkout功能优化流程和自动化
  • 邮件功能, 邮件订阅,用户改密码,订单邮件等等

程序员 – 关键开发方向: #

  1. 基于触发-》反应 {Hook:Action and Filter }开发特定功能

https://www.businessbloomer.com/shoptimizer-theme-visual-hook-guide/

https://www.businessbloomer.com/category/woocommerce-tips/visual-hook-series/

程序员会基于每一个页面功能/关键流程的触发点,增加需要的功能,或者修改原来的功能。

  1. 数据同步和交互

程序员可以基于api和系统的数据交互,程序员也可以直接基于数据库和系统交互。 数据同步可以基于数据库和woocommerce系统交互。

  1. 制作定制化模板

程序员基于公司的业务需求和设计需求,对每一个页面,每一个功能,每一个流程定制满足需求,

  1. 插件定制化和二次开发

扩展的功能可以基于外部基础插件,然后进一步修改代码来满足业务定制。程序员看懂代码,理解系统,就可以修改插件代码,满足现在和未来的功能需求。市场上有数万个插件,各种需求都已经有对应插件,加上程序员的定制服务。

只要是有一定知名度的应用,基本上都会整合在wordpress系统,都有相关插件。例如扩展 热力图功能, 可以下载 hotjar插件,

https://wordpress.org/plugins/hotjar/

https://www.hotjar.com/heatmaps/examples/ 例子

https://www.hotjar.com/heatmaps/ 功能说明

https://www.hotjar.com/product/heatmaps/ 功能说明

例如扩展 聊天客服功能,安装live chat插件:

https://wordpress.org/plugins/livechat-woocommerce/

https://kinsta.com/blog/wordpress-live-chat-plugin/

总结: WordPress & WooCommerce 是一个强大的,主流的方案,有非常大的生态。

Powered by BetterDocs