本项目聚焦 “全栈类型安全 + 高效开发流”,适用于具备 Vue 2/3 基础、Rails 入门经验,希望掌握 TSX 全栈开发、Rails 7 新特性的开发者。目标是打造一款“高可用、易扩展、数据安全”的企业级记账应用,覆盖个人/家庭/小型团队的财务管理场景,同时掌握 Vue 3 + Rails 7 全栈协同的工程化实践,适配中高级全栈工程师岗位需求。
* 1-【山竹记账】项目介绍/
* 1.技术选型 (64.57 MB), 13:24
* 2.项目架构 (81.39 MB), 16:30
* 3.Ruby简易教程 (94.44 MB), 20:55
* 4.JS简易教程 (46.41 MB), 11:09
* 5.TS简易教程 (97.57 MB), 23:08
* 山竹记账1.pptx (1.19 MB)
* 2-视频观看建议/
* xiedaimala.com-常见报错.pdf (0.07 MB)
* 我只会前端或后端怎么办 (12.13 MB), 03:00
* 本章介绍.txt (0.00 MB)
* 3-【山竹记账】搭建开发环境/
* 1.介绍 Docker (40.46 MB), 08:12
* 2.开发环境介绍 (204.96 MB), 36:35
* 常见报错.pdf (0.07 MB)
* 本章介绍.txt (0.00 MB)
* 4-【山竹记账后端】创建后端项目/
* 1.创建后端项目 (108.24 MB), 20:31
* 2.原来 Rails 这么爽 (183.91 MB), 36:35
* 常见报错.pdf (0.08 MB)
* 本章介绍.txt (0.00 MB)
* 5-【山竹记账后端】RESTful API 是什么/
* 1.解决Docker依赖持久化问题 (63.63 MB), 11:44
* 2.REST风格是什么 (164.95 MB), 34:44
* 3.API概要设计 (76.60 MB), 17:13
* 4.路由与分页 (268.22 MB), 51:59
* 山竹记账4-搭建后端项目.pptx (0.29 MB)
* 常见报错.pdf (0.07 MB)
* 本章介绍.txt (0.00 MB)
* 6-【山竹记账后端】后端单元测试/
* 1.安装 RSpec (188.30 MB), 35:11
* 2.如何测试请求 (141.01 MB), 27:38
* 3.如何使用 SecureRandom (87.18 MB), 16:16
* 4.内容回顾 (18.58 MB), 04:18
* PPT 下载:山竹记账5-后端单元测试.pptx (0.38 MB)
* 本章介绍.txt (0.00 MB)
* 7-【山竹记账后端】网站部署上线/
* xiedaimala.com-常见报错.pdf (0.09 MB)
* 在宿主机里部署(Windows-macOS-Linux都适用) (151.36 MB), 33:33
* 复习上节课 (43.41 MB), 08:31
* 山竹记账6-后端应用上线.pptx (0.79 MB)
* 本章介绍.txt (0.00 MB)
* 选做:购买便宜的云服务器 (66.13 MB), 14:00
* 部署思路 (50.97 MB), 10:57
* 配置服务器 (146.69 MB), 24:24
* 8-【山竹记账后端】密钥管理/
* 【山竹记账后端】密钥管理.pptx (0.45 MB)
* 回顾上节课 (21.15 MB), 03:57
* 如何管理密钥 (182.92 MB), 40:15
* 本章介绍.txt (0.00 MB)
* 配置生产环境数据库 (61.50 MB), 13:49
* 9-【山竹记账后端】部署到云服务器/
* 一键部署到云服务器 (149.36 MB), 31:06
* 优化 Dockerfile 加速 bundle build (59.93 MB), 07:44
* 回顾上节课 (11.46 MB), 02:48
* 山竹记账8-部署到云服务器.pptx (0.38 MB)
* 常见报错.txt (0.00 MB)
* 10-【山竹记账前端】搭建前端项目/
* Template V.S. TSX (95.16 MB), 19:35
* dev、build 和 preview (108.85 MB), 22:17
* 使用 oh-my-env 开发环境 (41.79 MB), 08:54
* 修改 build path 部署到 GitHub (38.37 MB), 08:00
* 常见报错.pdf (0.06 MB)
* 引入 Vue Router 4 (99.35 MB), 20:36
* 项目目录结构 (36.71 MB), 08:46
* 11-【山竹记账前端】页面划分和布局/
* 使用 CSS Modules (180.47 MB), 37:26
* 前端路由 (31.22 MB), 06:24
* 完成第一个界面 (187.44 MB), 36:01
* 山竹记账10-页面划分与布局.pptx (0.52 MB)
* 工作排期原则 (24.19 MB), 06:02
* 常见报错【空】.txt
* 本章介绍.txt (0.00 MB)
* 组件规划 (21.10 MB), 03:33
* 课间问答 (27.82 MB), 06:41
* 12-【山竹记账前端】手机页面调试/
* 常见报错.pdf (0.13 MB)
* 微信页面调试技巧 (9.71 MB), 02:34
* 手机页面调试技巧 (194.05 MB), 41:48
* 13-【山竹记账前端】组件封装与插槽/
* 封装 WelcomeLayout 组件 (211.07 MB), 37:46
* 山竹记账.zip (0.40 MB)
* 常见报错.pdf (0.04 MB)
* 14-【山竹记账前端】动画、SVG Sprites 与滑动手势/
* 多重 RouterView 与 Transition (198.99 MB), 38:19
* 封装 useSwipe Hook (213.29 MB), 42:54
* 常见报错.txt (0.00 MB)
* 自制 Vite SVG Sprites 插件 (131.53 MB), 26:12
* 15-【山竹记账前端】重构与类型体操/
* 常见报错.txt (0.00 MB)
* 滑动切换路由 + 重构 (182.10 MB), 35:22
* 选看:TS 类型体操 (36.39 MB), 08:53
* 选看:对比同行的代码 (38.56 MB), 07:15
* 16-【山竹记账前端】业务与轮子的关系/
* 业务与轮子 (115.76 MB), 26:52
* 创建 Button 组件 (165.06 MB), 35:13
* 创建 FloatButton 和 Icon 组件 (171.88 MB), 36:15
* 常见报错.txt (0.00 MB)
* 17-【山竹记账前端】Narbar 与 Overlay 组件/
* 制作 Center 组件 (71.44 MB), 13:47
* 制作 Overlay 组件 (183.62 MB), 31:36
* 完善 Overlay 样式.pdf (0.16 MB)
* 常见报错.txt (0.00 MB)
* 18-【山竹记账前端】使用 v-model 实现 Tabs 组件/
* 制作 MainLayout 组件 (55.72 MB), 09:09
* 在 TSX 里使用 v-model (43.31 MB), 04:37
* 完成 Tabs 组件 (86.59 MB), 09:05
* 实现 Tabs 功能 (156.26 MB), 16:59
* 常见报错.txt (0.00 MB)
* 新增 item 相关路由 (53.86 MB), 07:02
* 设计 Tabs 接口 (115.17 MB), 12:22
* 19-【山竹记账前端】使用 Vant UI 制作数字按键/
* 使用 Vant UI 制作数字按键 (124.05 MB), 12:51
* 制作数字按键 (145.70 MB), 24:57
* 封装 time.tsx(可抄) (79.49 MB), 10:04
* 常见报错.txt (0.00 MB)
* 数字输入检查 (149.17 MB), 16:17
* 添加样式(可直接抄 commit) (60.49 MB), 09:01
* 砍需求啦! (186.72 MB), 19:11
* 20-【山竹记账前端】自定义表单组件/
* 制作「新建标签」页面 (48.88 MB), 08:24
* 封装 EmojiSelect 组件(上) (279.09 MB), 29:04
* 封装 EmojiSelect 组件(下) (104.18 MB), 10:51
* 常见报错.pdf (1.49 MB)
* 添加样式(可直接抄commit) (47.98 MB), 08:20
* 选看:用 JS 爬取页面信息 (165.21 MB), 16:12
* 重构:修复 CSS 变量冲突问题 (43.80 MB), 07:57
* 21-【山竹记账前端】表单验证/
* 实现表单验证器 (195.14 MB), 39:14
* 常见报错.txt (0.00 MB)
* 设计表单验证器 (50.06 MB), 09:33
* 22-【山竹记账前端】制作「记一笔」页面/
* 创建列表 (40.57 MB), 04:42
* 完善 TagList 页面样式 (35.38 MB), 03:36
* 常见报错.txt (0.00 MB)
* 解决重叠问题 (40.32 MB), 04:16
* 23-【山竹记账前端】制作 TagEdit 页面/
* 制作 TagEdit 页面 (136.77 MB), 22:48
* 常见报错.txt (0.00 MB)
* 扩展 Tabs 组件,支持 classPrefix (95.12 MB), 17:00
* 24-【山竹记账前端】制作 ItemList 页面/
* 完成自定义时间弹出框 (100.38 MB), 10:32
* 封装 From 和 FormItem 组件 (111.37 MB), 11:59
* 常见报错.txt (0.00 MB)
* 打算实现ItemSummary (55.16 MB), 05:57
* 给 ItemList 页面添加对话框 (52.14 MB), 05:17
* 重构 time (216.51 MB), 23:19
* 25-【山竹记账前端】封装弹出菜单/
* v-model 的正确用法 (63.26 MB), 06:50
* 封装 OverlayIcon 组件 (104.24 MB), 10:46
* 常见报错.txt (0.00 MB)
* 解决 z-index 的 bug (10.16 MB), 02:03
* 26-【山竹记账前端】制作登录页面/
* 创建登录页面 (134.96 MB), 24:40
* 完成登录页面 (54.33 MB), 08:46
* 常见报错.txt (0.00 MB)
* 27-【山竹记账前端】制作 echarts 图表/
* 创建统计图表页面 (104.98 MB), 16:29
* 实现 select 控件 (76.27 MB), 08:04
* 常见报错.txt (0.00 MB)
* 用 div 实现条形图 (40.50 MB), 04:23
* 用 echarts 实现折线图 (45.68 MB), 04:41
* 用 echarts 实现饼图 (27.67 MB), 02:39
* 重构:封装三个图表组件 (47.55 MB), 04:56
* 28-【山竹记账】前端与后端合作的流程/
* 前端与后端合作的流程 (45.35 MB), 11:28
* 29-【山竹记账后端】用 Rails Mailer 和 QQ邮箱发邮件/
* 如何用 Rails + QQ邮箱发邮件 (136.80 MB), 13:49
* 常见报错.pdf (0.07 MB)
* 30-【山竹记账后端】文档撰写与排期/
* 使用用例图描述功能 (51.87 MB), 09:41
* 山竹后端:文档撰写.pptx (0.47 MB)
* 山竹记账概要设计文档.zip (0.20 MB)
* 山竹记账需求文档.zip (0.28 MB)
* 总结 (9.37 MB), 02:06
* 概要设计 (124.81 MB), 14:08
* 老板问:几天做完项目? (51.21 MB), 11:32
* 详细设计之前端工作量统计 (27.20 MB), 02:54
* 详细设计之后端接口列表 (42.36 MB), 08:37
* 详细设计之数据库设计 (63.54 MB), 07:11
* 需求文档怎么写 (44.74 MB), 10:03
* 31-【山竹记账后端】测试驱动开发与 API 文档/
* API文档只展示正确示例 (59.36 MB), 06:16
* 常见报错.pdf (0.07 MB)
* 测试驱动开发就是先测试再编码 (166.23 MB), 18:13
* 解决响应中的JSON问题 (75.82 MB), 07:18
* 解决请求中的JSON问题 (24.48 MB), 02:23
* 32-【山竹记账后端】mock、order、enum 等知识点/
* 两种测试:acceptance 和 requests (101.39 MB), 03:25
* 如何 mock (47.17 MB), 06:01
* 如何使用枚举 (42.12 MB), 05:25
* 如何对记录进行排序 (15.24 MB), 01:57
* 如何防止重复发送验证码 (51.32 MB), 06:03
* 常见报错.txt (0.00 MB)
* 选看:使用 rails console 手动测试 email (29.91 MB), 03:01
* 重构:使用钩子 (32.74 MB), 04:07
* 33-【山竹记账】JWT 的定义与用法/
* JWT 的定义 (68.75 MB), 13:28
* JWT 的用法 (33.21 MB), 08:59
* 前置知识:Cookie (139.18 MB), 07:05
* 前置知识:Session (122.05 MB), 06:47
* 常见报错【空】.txt
* 34-【山竹记账后端】后端如何实现 JWT/
* try-catch与判空 (29.32 MB), 06:51
* 实现 JWT decode (66.43 MB), 06:42
* 实现 JWT encode (152.71 MB), 15:10
* 实现登录接口 (126.96 MB), 13:09
* 常见报错.txt (0.00 MB)
* 给当前用户接口写测试用例 (77.25 MB), 07:41
* 给登录写测试用例 (28.25 MB), 06:46
* 35-【山竹记账后端】中间件与鉴权/
* 修复分页信息 (6.79 MB), 01:28
* 创建获取账目接口 (40.27 MB), 09:33
* 如何鉴权 (93.24 MB), 09:16
* 常见报错.txt (0.00 MB)
* 把 JWT 做成中间件 (156.26 MB), 16:09
* 时区导致测试失败 (24.03 MB), 05:16
* 更新 API 文档 (25.19 MB), 05:15
* 添加更多测试用例 (20.44 MB), 02:01
* 重构 JWT:user.generate_jwt【前半部分不要跟着做,中途会改用更好的写法。】 (47.01 MB), 09:03
* 重构测试代码 (13.60 MB), 02:48
* 36-【山竹记账后端】JWT 续期与 Refresh Token/
* JWT过期测试 (63.74 MB), 08:25
* RefreshToken是什么 (119.65 MB), 13:00
* RefreshToken补充说明 (9.04 MB), 02:34
* 修复登录bug (20.20 MB), 04:47
* 如何处理JWT过期 (91.42 MB), 09:21
* 常见报错.txt (0.00 MB)
* 37-【山竹记账后端】超快速实现后端接口/
* 常见报错.txt (0.00 MB)
* 快速实现创建API (149.09 MB), 15:08
* 快速实现删除API (87.19 MB), 11:19
* 快速实现单个读取API (76.88 MB), 09:54
* 快速实现更新API (145.04 MB), 14:26
* 快速实现读取API (231.50 MB), 23:12
* 38-【山竹记账后端】migration、自定义校验、ISO8601 等/
* ISO8601 时间字符串 (86.51 MB), 10:56
* 常见报错.txt (0.00 MB)
* 更新API文档 (51.08 MB), 06:24
* 测试创建item接口 (44.31 MB), 05:38
* 给数据库添加字段 (24.78 MB), 03:14
* 自定义校验 (65.59 MB), 08:35
* 39-【山竹记账后端】给统计数据分组/
* 常见报错.txt (0.00 MB)
* 按tag_id分组 (42.50 MB), 05:30
* 按时间分组 (165.05 MB), 21:26
* 更新API文档 (28.66 MB), 03:30
* 40-【山竹记账后端】部署应用和文档/
* 常见报错.pdf (0.09 MB)
* 部署API文档 (15.01 MB), 03:02
* 部署服务器 (33.13 MB), 06:43
* 41-【山竹记账】前后端联调/
* 前端+后端:第一次前后端联调接口 (100.55 MB), 12:20
* 前端:实现倒计时 (96.48 MB), 18:14
* 前端:拿到 API 文档 (15.89 MB), 04:01
* 前端:父组件调用子组件的函数 (46.93 MB), 08:30
* 常见报错.txt (0.00 MB)
* 42-【山竹记账】Axios 封装/
* 前端:Axios封装 (110.46 MB), 23:14
* 前端:Axios拦截器的使用 (78.65 MB), 15:00
* 前端:统一错误提示 (53.25 MB), 10:18
* 后端:报错信息国际化(i18n) (31.02 MB), 06:37
* 后端:提示 email 格式错误 (25.71 MB), 05:10
* 常见报错.txt (0.00 MB)
* 43-【山竹记账】前后端联调2/
* 前端:两种办法防止重复点击按钮 (107.83 MB), 19:59
* 前端:你不是说不用let吗 (13.86 MB), 02:28
* 前端:完善登录表单细节 (56.78 MB), 10:08
* 前端:故意找后端的茬儿 (32.33 MB), 05:38
* 后端:修复 typo 引发的登录 bug (29.14 MB), 03:42
* 后端:双重校验 (132.79 MB), 17:37
* 常见报错.txt (0.00 MB)
* 44-【山竹记账前端】登录鉴权与路由守卫/
* 常见报错.txt (0.00 MB)
* 登录检查 (241.21 MB), 48:57
* 登录跳转 (88.36 MB), 10:35
* 路由守卫是什么 (7.67 MB), 01:20
* 跳过广告 (83.31 MB), 16:22
* 45-【山竹记账前端】自制纯前端 Mock 系统/
* 动手封装一个 mock (120.62 MB), 22:46
* 升级 pnpm 的小插曲 (9.50 MB), 01:55
* 如何使用自制的 mock (131.21 MB), 22:16
* 常见报错.txt (0.00 MB)
* 46-【山竹记账前端】用 Hooks 封装业务逻辑/
* 封装 Tags 业务组件 (128.32 MB), 22:16
* 封装useTags(上) (121.53 MB), 20:57
* 封装useTags(下) (133.01 MB), 22:45
* 常见报错.txt (0.00 MB)
* 滚动条小插曲 (17.30 MB), 03:26
* 47-【山竹记账前端】Ref 与 Reactive/
* BUG:env.d.ts变红了 (39.65 MB), 06:50
* amount类型转换 (25.83 MB), 04:52
* ref 与 reactive (118.44 MB), 20:02
* 常见报错.txt (0.00 MB)
* 把 ref 改写成 reactive (213.05 MB), 37:49
* 折腾一下 prettier (45.32 MB), 07:38
* 48-【山竹记账前端】Axios实践之标签请求/
* 创建标签 (146.38 MB), 27:58
* 删除标签 (65.55 MB), 12:56
* 封装后退按钮 (29.61 MB), 05:58
* 常见报错.txt (0.00 MB)
* 长按比你想象中难 (77.70 MB), 14:47
* 长按编辑 (141.96 MB), 25:32
* 49-【山竹记账前端】Axios实践之记账页面/
* 似曾相识的代码 (28.93 MB), 05:23
* 如何同时watch两个字段 (59.43 MB), 10:13
* 封装Money和Datetime (104.25 MB), 20:02
* 小插曲:Network顺序错乱怎么办 (7.52 MB), 01:46
* 常见报错.txt (0.00 MB)
* 让后端新增接口 (47.22 MB), 09:16
* 让后端给接口加嵌套对象 (34.94 MB), 06:52
* 阻止多余的请求 (32.98 MB), 05:41
* 50-【山竹记账前端】Axios实践之可视化图表/
* BUG:ref 引发 echarts 问题 (60.75 MB), 10:34
* BUG:图表无法渲染 (88.93 MB), 13:57
* Vue的两个奇怪之处 (99.07 MB), 16:26
* 代码重构 (101.54 MB), 17:21
* 侧边栏:退出登录 (79.44 MB), 13:06
* 如何修剪数据 (160.09 MB), 29:18
* 如何美化折线图 (35.44 MB), 06:06
* 如何转换数据格式 (63.74 MB), 11:02
* 如何重新发请求 (57.21 MB), 09:31
* 完善条形图 (78.94 MB), 13:04
* 完善饼图 (111.78 MB), 19:17
* 常见报错.txt (0.00 MB)
* 更新 prettier 选项 (39.06 MB), 06:45
* 51-【山竹记账前端】整体 Review/
* Axios封装:自动显示加载中 (138.50 MB), 23:14
* 升级到 Vite 3 (48.73 MB), 09:06
* 合并页面 (59.35 MB), 09:55
* 常见报错.txt (0.00 MB)
* 整体review (47.00 MB), 10:56
* 更新title和icon (38.69 MB), 07:18
* 添加「敬请期待」提示 (9.00 MB), 01:29
* 默认日期为今天 (69.78 MB), 10:59
* 52-【山竹记账后端】改 Bug/
* BUG:创建时缺少数据 (68.79 MB), 12:27
* BUG:删除标签 (80.81 MB), 15:58
* BUG:将 created_at 改为 happen_at (20.84 MB), 04:04
* BUG:更多表单校验 (27.22 MB), 04:34
* BUG:查询参数无效 (14.35 MB), 02:32
* 优化部署工作流 (7.97 MB), 01:43
* 动态一时爽,重构火葬场 (529.87 MB), 56:33
* 大胆重构:重命名 tags_id 为 tag_ids (42.51 MB), 04:33
* 常见报错.pdf (0.05 MB)
* 引入 factory_bot (204.76 MB), 32:22
* 接口再次增加嵌套属性 (57.84 MB), 10:22
* 新增一个balance接口 (30.31 MB), 06:05
* 每页由 10 个 改为 25 个 (29.05 MB), 05:36
* 补全API文档 (14.61 MB), 02:25
* 让 tags API 支持 kind 查询 (58.76 MB), 10:38
* 让验证码更显眼一点 (8.93 MB), 02:06
* 重构:接口增加嵌套属性 (45.90 MB), 08:31
* 53-【山竹记账】前后端再度联调/
* 前后端:删除标签功能有 BUG (322.37 MB), 33:59
* 前端:将 tags_id 改为 tag_ids (207.63 MB), 38:44
* 前端:新增balance接口 (36.22 MB), 06:07
* 后端:改进工作流 (66.31 MB), 10:56
* 常见报错.txt (0.00 MB)
* 54-【山竹记账前端】Pinia 的使用与注意事项/
* Pinia 之 storeToRefs (23.93 MB), 04:37
* Pinia 的 ID 有何用 (124.75 MB), 23:34
* Pinia 的暂时持久化 (141.23 MB), 25:34
* Pinia 示例:useMeStore (147.63 MB), 25:04
* 全局状态管理工具 Pinia (193.00 MB), 44:12
* 常见报错.txt (0.00 MB)
* 插曲:useAfterMe (35.17 MB), 06:17
* 55-【山竹记账】继续改 BUG/
* 前端:PD说「要砍砍我,别砍需求」 (25.98 MB), 05:29
* 前端:修复后退功能 (73.52 MB), 13:31
* 前端:消除「mounted有未处理的error」警告 (39.26 MB), 07:30
* 前端:继续后退按钮 (30.45 MB), 06:19
* 后端:需求被砍了 (41.41 MB), 08:27
* 常见报错.txt (0.00 MB)
* 56-【山竹记账】前端部署!/
* 三种前端部署方式 (10.63 MB), 02:57
* 前端部署是什么 (56.77 MB), 12:50
* 常见报错.txt (0.00 MB)
* 插曲:忽略日志文件 (10.62 MB), 02:05
* 插曲:阿里云命令行的 u 参数 (15.34 MB), 02:53
* 方法1:在后端部署前端代码 (60.93 MB), 12:23
* 方法2.1:使用阿里云OSS部署前端代码 (261.19 MB), 23:34
* 方法2.2:后端+阿里云OSS (80.79 MB), 14:20
* 方法2.3:使用腾讯云COS部署前端代码 (134.36 MB), 19:43
* 方法3.1:阿里云OSS+CDN+HTTPS (123.37 MB), 20:04
* 方法3.2:腾讯云COS+CDN+HTTPS (128.80 MB), 20:05
* 注意:阿里云CDN无故抽风,建议用腾讯云 (11.92 MB), 02:45
* 视频观看建议 (10.32 MB), 02:14
* 57-【山竹记账】Axios跨域的两种解决办法/
* 常见报错.txt (0.00 MB)
* 跨域之CORS配置 (62.03 MB), 10:40
* 跨域之Nginx反向代理 (122.43 MB), 24:20
* 58-【山竹记账】还有 BUG/
* 前后端BUG:时区问题 (48.53 MB), 09:44
* 前端BUG:setup提前return了 (64.07 MB), 11:07
* 前端BUG:导航栏缺少首页 (11.35 MB), 02:08
* 前端BUG:退出登录没反应 (27.15 MB), 05:02
* 前端BUG:页面内部缺少返回按钮 (20.67 MB), 03:36
* 后端BUG:count计算错误 (28.11 MB), 05:12
* 后端BUG:我又把 happen 拼错了 (21.97 MB), 03:52
* 常见报错.txt (0.00 MB)
* 59-【山竹记账前端】性能优化:加载效率提升 2000%!/
* 从10秒到0.4秒再到0.08秒 (159.60 MB), 25:21
* 常见报错.txt (0.00 MB)
* 60-【山竹记账】项目总结与亮点回顾/
* 哪些项目亮点要写到简历上? (253.57 MB), 37:54
* 回归测试与代码行数 (94.67 MB), 18:45
* 常见报错.txt (0.00 MB)





![[衡天云]爆款云服务器 低至12元/月](/hty.png)