幻仿编程 Udemy 付费课程,独家中英字幕 + 配套资料!
限时1折特惠!课程永久访问权,随时随地学习!
MERN Stack 零售店 POS 应用程序
使用 React、Node、Express、Mongo DB 为零售店构建全栈销售点应用程序
讲师:K.Sathyaprakash Reddy
您将学到什么
- 什么是POS以及POS与电子商务应用程序之间的区别
- 反应主题,如路由、状态、道具、组件、存储等。
- Redux 状态管理工具来控制不同的组件状态
- Ant Design Library。它是世界上第二流行的 React UI 框架。
- 此应用程序的 UI 的最佳部分之一是您还可以为客户生成/打印包含项目和金额的账单。
- 使用 express 和 mongo DB 的组合来处理节点。
探索相关主题
- MERN 堆栈
- Web 开发
- 发展
要求
- React 基础知识
- JavaScript 基础
描述
您好,欢迎参加 MERN Stack 零售店 POS 应用程序课程。
首先….
什么是POS?
销售点 (POS) 是客户支付商品或服务款项并缴纳销售税的场所。POS 交易可以现场或线上进行,并生成纸质或电子收据。
因此在本课程中,我们将教您如何使用 React、Redux、Node、Node、Mongo 构建 POS 应用程序。
它与电商应用几乎类似,但这里没有任何用户仪表盘或用户屏幕。我们将包含与商店/商场/酒店等相关的所有内容。
我们将在此 MERN Stack POS 应用程序中介绍以下功能/概念。
反应/UI
- 什么是POS
- POS机/电子商务应用程序之间的区别
- 反应主题,如路由、状态、道具、组件、存储等。
- Redux 用于状态管理
- 我们将在不使用 redux 的情况下进行所有 API 调用,我们仅使用 redux 实现购物车功能,因此您不需要成为 Redux 专家。
- 为了构建 UI,我们将使用 Ant Design Library。它是全球第二流行的 React UI 框架。
- 对于正常样式,我们将使用引导类来加速我们的开发过程。
- 此应用程序的 UI 的最佳部分之一是您还可以为客户生成/打印包含项目和金额的账单。
节点/Express/Mongo
使用 express 和 mongo DB 的组合来处理节点。
在 Mongo DB 中创建复杂的模式和模型。
创建 Rest Full API。
将应用程序部署到 Heroku
MERN Stack: MERN Stack 是一个 JavaScript 堆栈,用于更轻松、更快速地部署全栈 Web 应用程序。MERN Stack 包含四种技术,即MongoDB、Express、React和Node.js。它旨在使开发过程更加顺畅和轻松。
这 4 种强大的技术都为开发人员提供了一个端到端的工作框架,并且每一种技术都在 Web 应用程序的开发中发挥着重要作用。
先决条件
——————————————————————————–
反应
React 是一个免费的开源前端 JavaScript 库,用于基于 UI 组件构建用户界面。它由 Meta 以及一个由个人开发者和公司组成的社区维护。React 可以作为开发单页应用程序或移动应用程序的基础。
Redux
Redux 是一个用于管理和集中应用程序状态的开源 JavaScript 库。它最常与 React 或 Angular 等库一起使用来构建用户界面。它与 Facebook 的 Flux 架构类似,由 Dan Abramov 和 Andrew Clark 创建。
节点
Node.js 是一个开源、跨平台、后端 JavaScript 运行时环境,它运行在 V8 引擎上,并在 Web 浏览器之外执行 JavaScript 代码。
表达
Express.js,简称 Express,是一个 Node.js 的后端 Web 应用程序框架,以 MIT 许可证下的免费开源软件形式发布。它旨在构建 Web 应用程序和 API。它被称为 Node.js 事实上的标准服务器框架。
Mongo数据库
MongoDB 是一款源代码开放的跨平台文档型数据库程序。MongoDB 被归类为 NoSQL 数据库程序,使用类似 JSON 的文档,并带有可选的模式。MongoDB 由 MongoDB Inc. 开发,并遵循服务器端公共许可证 (SPL)。
本课程适合哪些人:
- 全栈开发人员
- MERN Stack 开发人员
| 共 42 节课程 • 总时长 6 小时 32 分钟 | |
| 第一章 简介 资源 | |
| 1. 促销 Github链接 | 8分17秒 |
| 第二章 React 设置 | |
| 1. React 应用程序设置 | 6分33秒 |
| 2. 文件夹结构 | 6分47秒 |
| 第三章 布局设计 | |
| 1. 布局第一部分 | 8分24秒 |
| 2. 布局第二部分 | 10分57秒 |
| 3. 布局部分-2 | 13分31秒 |
| 第四章 节点设置 | |
| 1. Node服务器设置 | 5分50秒 |
| 2. MongoDB连接 | 9分10秒 |
| 第五章 获取项目 | |
| 1. 添加静态项数据 | 2分30秒 |
| 2. 项目模型和获取项目的API | 8分48秒 |
| 3. 获取物品界面 | 11分41秒 |
| 4. 组件组件 | 9分51秒 |
| 第六章 Redux 状态管理设置 | |
| 1. Redux 设置 第一部分 | 10分42秒 |
| 2. Redux 设置 第二部分 | 10分10秒 |
| 第七章 购物车功能 | |
| 1. 加入购物车 | 5分15秒 |
| 2. 购物车页面 | 12分13秒 |
| 3. 购物车数量 | 10分48秒 |
| 4. 从购物车中删除 | 2分44秒 |
| 5. 加载 | 7分3秒 |
| 第八章 项目 | |
| 1. 物品清单 | 5分39秒 |
| 2. 添加项目模型 | 5分40秒 |
| 3. 添加项目表单 | 13分5秒 |
| 4. 添加项目API | 8分56秒 |
| 第九章 编辑和删除项目 | |
| 1. 编辑项目 – 1 | 9分10秒 |
| 2. 编辑项目 – 2 | 4分7秒 |
| 3. 删除 | 7分24秒 |
| 第十章 项目类别 | |
| 1. 分类 -1 | 9分46秒 |
| 2. 分类 -2 | 5分11秒 |
| 第11章 登录 注册 | |
| 1. 登录 注册 UI 部分 -1 | 16分57秒 |
| 2. 登录 注册 UI 部分-2 | 4分14秒 |
| 3. 登录 注册 API | 20分22秒 |
| 4. 受保护路由 | 10分9秒 |
| 第12章 账单 | |
| 1. 账单总额 | 12分4秒 |
| 2. 计费账单界面 | 12分1秒 |
| 3. 计费账单API | 7分45秒 |
| 第13章 账单数据并打印收据 | |
| 1. 获取所有账单 | 10分37秒 |
| 2. 账单收据模型 | 21分46秒 |
| 3. 打印账单收据 | 6分40秒 |
| 4. 客户表 | 9分27秒 |
| 第14章 重构和部署 | |
| 1. CSS重构器 | 16分59秒 |
| 2. 推送到Github | 9分12秒 |
| 3. 部署到 HEROKU | 3分36秒 |
| 1. 关于课程更新与获取 如何获取本站课程? ○ 免费获取方式:在本站签到、评论、发布文章等可获取积分,通过积分购买课程。 ○ 付费获取方式:购买本站【月度会员】或【永久会员】。 课程购买后是否支持更新? ○ 是的,所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。 如何获取更新? ○ 单独购买的课程: 您可在“个人中心”随时查看购买记录及最新下载链接,轻松获取免费更新。 ○ 永久会员: 您可在相关页面直接查看最新下载地址,随时免费获取更新。 ○ 非永久会员(重要提示):通过会员权限下载的课程,在“个人中心”可能不显示具体订单记录。 因此,会员到期后,您将无法通过“个人中心”查看最新下载链接。 ① 解决方案建议:续费会员: 恢复会员权限后,即可再次查看所有最新下载链接。 ② 妥善保存下载链接: 我们强烈建议您在会员有效期内,保存好本站分享的课程下载链接。通常,课程更新内容会直接补充到原有分享链接中。 |
| 2. 关于课程资料 课程下载后资料是否齐全? ○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。 ○ 少数情况说明: 极少数课程可能存在资料缺失情况。针对 Udemy 课程,资料形式多样,请知悉:本地文件(随视频下载): 此类课件通常随视频一并提供,下载即得。 ① 本地文件(含链接): 课件文件中会提供资料下载链接,您需自行访问链接下载。此类资料通常也可获取。 ② 在线平台存储(如 GitHub): 讲师会在视频中说明资料获取方式(如访问特定平台),请您按指引自行下载。 ③ Udemy 平台内资料: 部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供,除非您自行在 Udemy 平台购买该课程。 |
| 3. 关于课程字幕 是否提供中英文双字幕?原本无字幕的课程是否支持? ○ 是的,本站下载的所有课程均提供中英文双字幕,包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。 Udemy 字幕现状与本站服务: ○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中,也几乎不提供中文字幕。 本站字幕服务流程: ① Udemy 有字幕: 我们会将其翻译成中文字幕,与英文字幕一同提供。 ② Udemy 无字幕: 我们会通过技术手段识别生成英文字幕,再翻译成中文字幕,一同提供给您。 字幕服务重要说明(请您理解): ○ 翻译精度: 字幕翻译采用谷歌翻译引擎完成,虽不及人工翻译精准,但足以保障您正常学习理解。 ○ 若您仍然觉得字幕精度较低: 可联系站长针对性润色字幕(该服务仅限本站会员)。 |
| 4. 关于视频存储与使用 视频存储位置与观看/下载方式? 本站所有课程视频均存储于网盘平台。 您支持在线观看: 可在网盘内直接播放学习。 您支持下载: 可将视频下载至本地,使用播放器播放,更灵活便捷。 主要存储网盘:百度网盘 视频格式与加密情况? 本站所有课程视频均以 MP4 或 MKV 通用格式提供。 视频文件不加密,您可自由分享(请遵守相关法律法规)。 播放建议: 使用本地播放器(如 PotPlayer)播放时,可同时加载中英文字幕文件,学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。 |
| 5. 关于售后支持与退款政策 遇到问题如何联系? 无论您在购买前或购买后遇到任何疑问,都欢迎随时联系站长。 我们将竭诚为您服务。 退款政策说明: 原则: 由于虚拟商品(课程、资料等)具有可复制性,一旦购买成功并完成下载,原则上不支持退款。 请您在购买前仔细阅读课程介绍、资料说明及本条款,确认符合您的需求。 如有不确定之处,欢迎先行咨询站长。 |



























暂无评论内容