资源分类: 量化金融	查看预览
最近更新: 2025-05-20	文件内容: 视频+中英文字幕+配套课件
视频分辨率: 720P 准高清	文件大小: 1.88GB
视频语言: 英语	视频字幕: 中英字幕

幻仿编程 Udemy 付费课程，独家中英字幕 + 配套资料！
限时1折特惠！课程永久访问权，随时随地学习！

Next.js 14 费用追踪和资金管理应用

使用最新版本的 Nextjs、Mongo DB、Zustand、Ant Design 和 Tailwind CSS 构建个性化费用跟踪器

讲师：K.Sathyaprakash Reddy

您将学到什么

Next JS 14 的最新功能，如服务器操作、应用路由器、中间件等。
职员用户身份验证，使多个用户可以访问此应用程序
为每个用户提供个性化的收入和支出类别。
交易 CRUD 操作
使用 Next JS Sever 组件获取并显示交易
使用下一个 js 搜索参数和服务器操作过滤具有不同组合的交易。
日期和日期范围过滤器用于分析特定时间段内的交易。
根据数量、金额、总营业额分析交易。
对收入和支出交易进行类别分析和统计。
仪表板中交易的可视化表示
课程结束时，您将了解如何在本地和生产环境中使用全栈应用程序
将应用程序部署到 Vercel

探索相关主题

Next.js
Web 开发
发展

要求

下一个 JS 基础

描述

嗨，欢迎参加课程Next JS 14 费用追踪器和资金管理应用程序 2024

费用追踪器是一个平台，我们可以在其中列出各种收入和支出，例如工资、自由职业、食品、旅行、医疗、教育等，以便对我们的资金状况进行分析。这样，我们就能清楚地知道自己的钱都花在了哪里。

通常我们会使用 Excel 表格、在线资金追踪网站，有些人还会保留笔记。

所以我的问题是，作为一名 Web 开发人员，我们是否必须依靠上述事物来追踪我们的资金。

我的答案是“不”。即使是初学者，只要知道如何使用 Next JS 执行 CRUD 操作，也能开发自己的费用追踪器。而这正是我们在本课程中要学习的内容。

因此，在本课程中，我将教您如何使用世界上最流行的技术堆栈 MERN 开发您自己的费用跟踪器。

我们将在接下来的六个小时内学习以下概念。

TechStack

Next JS 14 用于页面、服务器操作
Ant Design + Tailwind CSS 用于样式和自定义组件
用户身份验证员
国家管理立场

项目特色

Next JS 14 的最新功能，如服务器操作、应用路由器、中间件等。
职员用户身份验证，使多个用户可以访问此应用程序
为每个用户提供个性化的收入和支出类别。
交易 CRUD 操作
使用 Next JS Sever 组件获取并显示交易
使用下一个 js 搜索参数和服务器操作过滤具有不同组合的交易。
日期和日期范围过滤器用于分析特定时间段内的交易。
根据数量、金额、总营业额分析交易。
对收入和支出交易进行类别分析和统计。
仪表板中交易的可视化表示
团队全天候支持
课程结束时，您将了解如何在本地和生产环境中使用全栈应用程序
将应用程序部署到 Vercel

本课程适合哪些人：

想要使用 NextJS 最新版本构建全栈应用程序的学生

共 26 节课程 • 总时长 3 小时 43 分钟
第一章入门介绍
1. 创建Next应用	8分18秒
2. 安装和设置 Ant Design 组件	6分31秒
3. Ant Design 主题定制	12分22秒
第二章用户认证
1. Clerk 介绍与设置	6分7秒
2. 设置登录和注册页面	9分54秒
3. 登录与注册功能	10分18秒
4. 身份验证界面样式设计	4分43秒
第三章保存用户到Mongo数据库
1. 设置 MongoDB	5分16秒
2. 用户模型	6分16秒
3. 保存用户	9分27秒
第四章布局与状态管理
1. 实现私有布局	14分33秒
2. 布局条件	3分48秒
3. 设置 Zustand（状态管理）	8分9秒
第五章用户资料
1. 设置个人资料页面	12分37秒
2. 显示默认分类	11分8秒
3. 自定义分类	10分35秒
4. 加载器	4分47秒
第六章交易
1. 交易模块介绍(1)	8分48秒
2. 交易模块简介	8分48秒
3. 添加交易表单	15分42秒
4. 事务模型与保存事务	10分57秒
5. 显示交易	12分29秒
6. 事务表操作	5分19秒
第七章编辑与删除交易
1. 编辑交易	7分49秒
2. 删除交易记录(1)	4分32秒
3. 删除交易	4分32秒

1. 关于课程更新与获取

如何获取本站课程？
○ 免费获取方式：在本站签到、评论、发布文章等可获取积分，通过积分购买课程。
○ 付费获取方式：购买本站【月度会员】或【永久会员】。

课程购买后是否支持更新？
○ 是的，所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。

如何获取更新？
○ 单独购买的课程： 您可在“个人中心”随时查看购买记录及最新下载链接，轻松获取免费更新。
○ 永久会员： 您可在相关页面直接查看最新下载地址，随时免费获取更新。
○ 非永久会员（重要提示）：通过会员权限下载的课程，在“个人中心”可能不显示具体订单记录。

因此，会员到期后，您将无法通过“个人中心”查看最新下载链接。
① 解决方案建议：续费会员： 恢复会员权限后，即可再次查看所有最新下载链接。
② 妥善保存下载链接： 我们强烈建议您在会员有效期内，保存好本站分享的课程下载链接。通常，课程更新内容会直接补充到原有分享链接中。

2. 关于课程资料

课程下载后资料是否齐全？
○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。
○ 少数情况说明： 极少数课程可能存在资料缺失情况。针对 Udemy 课程，资料形式多样，请知悉：本地文件（随视频下载）： 此类课件通常随视频一并提供，下载即得。

① 本地文件（含链接）： 课件文件中会提供资料下载链接，您需自行访问链接下载。此类资料通常也可获取。
② 在线平台存储（如 GitHub）： 讲师会在视频中说明资料获取方式（如访问特定平台），请您按指引自行下载。
③ Udemy 平台内资料：部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供，除非您自行在 Udemy 平台购买该课程。

3. 关于课程字幕

是否提供中英文双字幕？原本无字幕的课程是否支持？
○ 是的，本站下载的所有课程均提供中英文双字幕，包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。

Udemy 字幕现状与本站服务：
○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中，也几乎不提供中文字幕。

本站字幕服务流程：
① Udemy 有字幕： 我们会将其翻译成中文字幕，与英文字幕一同提供。
② Udemy 无字幕： 我们会通过技术手段识别生成英文字幕，再翻译成中文字幕，一同提供给您。

字幕服务重要说明（请您理解）：
○ 翻译精度： 字幕翻译采用谷歌翻译引擎完成，虽不及人工翻译精准，但足以保障您正常学习理解。
○ 若您仍然觉得字幕精度较低： 可联系站长针对性润色字幕（该服务仅限本站会员）。

4. 关于视频存储与使用

视频存储位置与观看/下载方式？
本站所有课程视频均存储于网盘平台。
您支持在线观看： 可在网盘内直接播放学习。
您支持下载： 可将视频下载至本地，使用播放器播放，更灵活便捷。

主要存储网盘：百度网盘

视频格式与加密情况？
本站所有课程视频均以 MP4 或 MKV 通用格式提供。
视频文件不加密，您可自由分享（请遵守相关法律法规）。
播放建议： 使用本地播放器（如 PotPlayer）播放时，可同时加载中英文字幕文件，学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。

5. 关于售后支持与退款政策

遇到问题如何联系？
无论您在购买前或购买后遇到任何疑问，都欢迎随时联系站长。 我们将竭诚为您服务。

退款政策说明：
原则： 由于虚拟商品（课程、资料等）具有可复制性，一旦购买成功并完成下载，原则上不支持退款。

请您在购买前仔细阅读课程介绍、资料说明及本条款，确认符合您的需求。 如有不确定之处，欢迎先行咨询站长。

文章版权归作者所有，未经允许请勿转载。

THE END