返回十六参考库
Vol · 03 · Stage 01 · 入门地图26 词条 · 推进中

Web / App / SaaS 开发参考库

解释网站、App、SaaS 常见模块和系统能力。

本参考库定位

聚焦主流互联网产品的组成方式。

核心词(节选)

页面路由状态管理用户系统支付系统搜索系统通知系统

全部词条

26 个词条,读得完

点进任一词条查看通俗解释、类比、使用场景与对 AI 的提问模板。

前端Page

页面

用户打开后看到的一个完整界面,比如首页、登录页、详情页、设置页。

前端组件路由
查看词条详情 →
前端Component

组件

页面里能重复用的积木块,比如按钮、卡片、导航栏、弹窗、表单。

页面模块UI
查看词条详情 →
前端Routing

路由

用户在 URL 里敲 /blog/hello 时,系统知道要展示哪一页。多页面网站就需要路由。

页面导航前端
查看词条详情 →
前端State Management

状态管理

统一管住网页里“正在变化的数据”:登没登录、购物车几件、主题色是深是浅。

前端组件页面
查看词条详情 →
前端Responsive Design

响应式设计

同一个网页在电脑、平板、手机上都能自动适配布局,不会挤到一团。

前端页面UI
查看词条详情 →
常见系统能力Admin Panel

管理后台

只给你自己和运营看的“幕后控制台”。看数据、改配置、封号、审核内容、发 Banner。

用户系统权限内容审核
查看词条详情 →
常见系统能力Search System

搜索系统

让用户在你的产品里搜东西。数据多了必备 —— 找不到 = 用户直接走。

索引查询推荐系统
查看词条详情 →
常见系统能力Notification System

通知系统

把“某件事发生了”告诉用户。站内红点、邮件、短信、App 推送,都是通知。

消息系统Webhook推送
查看词条详情 →
常见系统能力User System

用户系统

注册、登录、资料、密码找回、账号安全。任何要“登录”的产品都需要。

登录注册权限角色
查看词条详情 →
常见系统能力Messaging System

消息系统

站内私信、群聊、系统消息的一整套能力。像产品内的微信。

通知系统聊天推送
查看词条详情 →
常见系统能力Comment System

评论系统

用户在文章/视频/商品下评论、回复、点赞的能力。看似简单,细节多。

内容平台审核用户系统
查看词条详情 →
常见系统能力Recommendation System

推荐系统

自动把用户可能喜欢的内容 / 商品推给 Ta。今日头条、小红书、淘宝都靠这个。

搜索系统内容平台数据
查看词条详情 →
常见系统能力Order System

订单系统

记录每一笔交易:谁、买了啥、什么状态、多少钱。电商、SaaS、课程都要。

支付系统数据库状态流转
查看词条详情 →
常见系统能力Content Moderation

内容审核

用户发的东西过滤一遍。不然一夜之间黄赌毒广告能把平台毁了。

管理后台风控内容平台
查看词条详情 →
常见系统能力Payment System

支付系统

收钱的整套能力:下单 → 扣款 → 对账 → 退款。每一步都不能错。

订单系统Webhook对账
查看词条详情 →
常见系统能力Feed

信息流

一直往下刷的内容列表。朋友圈、小红书、抖音、Twitter 首页都是 feed。

推荐系统时间线分页
查看词条详情 →
常见系统能力Internationalization

国际化

一个产品支持多语言、多时区、多货币。出海必备,国内产品可以先不做。

本地化语言包时区
查看词条详情 →
常见系统能力Dashboard

数据看板

一屏看到产品最重要的数字:今日新增、收入、活跃、留存、报错。

指标可视化报表
查看词条详情 →
常见系统能力CMS

内容管理系统

不懂代码也能更新网站内容的后台。改首页文案、发文章、换 Banner,都在 CMS 里做。

管理后台富文本内容审核
查看词条详情 →
后端Endpoint

接口地址

某个 API 的具体访问地址,比如 /api/login 或 https://example.com/users。

API请求HTTP 方法
查看词条详情 →
后端HTTP Method

HTTP 方法

请求接口时表达动作的方式,常见有 GET、POST、PUT、PATCH、DELETE。

接口地址请求REST API
查看词条详情 →
后端Headers

请求头

随请求一起发送的附加信息,常用来放内容类型、登录凭证、语言和来源。

JWTCookieAPI
查看词条详情 →
后端Request Body

请求体

POST、PUT 等请求里真正提交的数据,比如注册表单、文章内容、订单信息。

请求JSON表单
查看词条详情 →
后端Query Params

查询参数

跟在 URL 问号后面的参数,用来表达搜索、筛选、分页、排序等条件。

接口地址搜索系统分页
查看词条详情 →
后端REST API

REST API

一种常见 API 设计风格,用 URL 表示资源,用 HTTP 方法表示动作。

APIHTTP 方法接口地址
查看词条详情 →
后端CORS

跨域

浏览器限制不同域名之间随便请求数据的安全机制,配置不对会导致前端调接口失败。

API请求头安全
查看词条详情 →