ARTICLE · 1198689
AI小课第7期来了!用Claude Opus 5.5做网站和小程序!
▲点击订阅，手把手教你掌握先进科技
（iOS用户请用电脑端打开小程序）
去 CES 不是「逛展」，是信息战。
明年的CES展观展团正在招募中！
但是，去看 CES，是不是「我自己走走就能看完」？
真实情况是：展馆横跨 LVCC 中央厅、威尼斯人、尤里卡公园，4000+ 展商、250 万平方英尺，一天走断腿也只看三五个馆。
现场信号飘、WiFi 贵，聊完一家转头就忘。
晚上回酒店想整理笔记，发现「那个做触觉反馈的初创公司叫什么」已经没了。
老参会者的做法是：行前排日程、按场馆聚类、记关键信息、展后快速跟进。
但没人真能把这四件事在同一个工具里串起来——日程在日历、展位在 PDF 地图、笔记在微信文件传输助手、嘉宾交流靠脑子记。
2026 年更合理的形态，是一个专属 CES 考察 AI 助手。
开展前告诉你该看谁，进馆时有地图和路线，聊完能马上记笔记打标签，散场后自动汇总成跟进清单。
创新地图现在这个 beta 版。
01 先说需求
八件事
把参展者的真实痛点拆开，其实是 8 件事：
🗂 考察概览 今年主题、重点赛道、值得看的馆区和公司清单，一眼知道「不该错过什么」
📅 考察日程 把 keynote、论坛、展位预约按时间 + 场馆排好，别让「隔壁馆 5 分钟」变成「走路 40 分钟」
🎒 行前准备 签证、酒店、交通、badge 领取、舒适鞋和充电宝，老生常谈但每次都有人漏
🗺 展位地图 不是静态 PDF，而是能按品类筛、按楼层定位、和当日日程联动
📝 逛展笔记 边走边记，支持语音 / 图片 / 关键词，自动归属到对应展商
💬 议题交流 把想问的问题、对方提到的合作点、后续动作当场结构化
⭐ 嘉宾评分 哪家值得二次拜访、哪家只是噱头，离开展位就能打分
🤖 前哨 AI 随时问「今天 AI 硬件赛道值得去哪几个展位」「这家公司和昨天那家有什么区别」
这 8 块拼起来，才叫「考察系统」；缺一块，就退化回「拍照发朋友圈」。
前哨 CES 考察 AI 助手网页版，现在已经跑通了上面这套基础功能，目前还是 beta。
后续还会接着加：多人协同笔记、展商数据库自动更新、按行业生成每日路线、微信提醒推送等。
方向很明确：它不该是个静态页面，而是越用越懂你考察目标的 AI 员工。
02 为什么用它
全栈
传统做法：产品经理画原型 → 前端切页面 → 后端写接口 → DBA 建表 → 测试联调 → 部署。
一个小工具两周起步，改一次需求重排期。
Claude Code 现在的定位已经不是「补全代码」，而是代理式编程智能体：读整个代码库、改多文件、跑命令、执行测试，把功能从一句话需求推进到可运行变更。
2026 年 10 月这波桌面版更新后，还支持多会话并行、子 Agent 分头干活、Git Worktree 隔离，主线程不被中间日志污染。
做考察助手这种「前端 + 后端 + 数据库 + 后续小程序」的项目，正好吃它的强项：
🎯 全栈一把梭 前端页面、API 路由、数据库迁移、测试用例可以在同一次会话里串起来
🎯 数据库先行 先建表结构（展商、日程、笔记、评分），再生成对应 API 和前端调用，避免字段对不上
🎯 多模块并行 展位地图一个子 Agent、笔记系统一个子 Agent、AI 问答接 MCP 一个子 Agent，主会话只收汇总
🎯 能接真实系统 通过 MCP 连数据库、文档、微信生态，不是玩具 Demo
边界也要说清：Claude Code 不是「说一句自动上线」。工程结构、数据表设计、权限、部署配置还是人要把关；它强在把重复编码、联调、修报错这些最耗时的部分接走。
03 现场两块
做出来
🧩 模块一：用 Claude Code 开发网站应用
实操案例就是「前哨 CES 考察 AI 助手」网页版。
前端：考察概览页、日程时间轴、展位地图、笔记卡片、嘉宾评分组件。后端：展商 / 日程 / 笔记 / 评分的 API，鉴权、分页、关联关系。数据库：表结构设计 + 迁移脚本，笔记挂展商、评分挂嘉宾、日程挂场馆。
工作流：读需求 → 出架构 → 建表 → 写 API → 搭前端 → 跑测试 → 修联调。重点不是「代码长啥样」，而是怎么把一句话产品需求拆成可执行的工程任务，以及 CLAUDE.md 里该怎么写项目约定。
📱 模块二：用 Claude Code 开发小程序
网站跑通后，考察场景真正高频的是手机端——馆内边走边记、地图跳转、展位扫码、笔记同步。
实操是把同一套数据层和逻辑迁到微信小程序：页面结构用 wxml / wxss / js / json 四件套，tabBar 配置；后端用云函数承接，前端调 wx.request。
踩坑点提前讲：iOS / Android 渲染差异、开发者工具 vs 真机、域名白名单、分包体积、审核规范。
小程序这块不神话 Claude Code——真机调试和微信平台规则仍要人把关，但「搭骨架、写页面、接云函数、排错」这套流程，已经能从几天压到几小时。
04 谁该来听
谁来听
✅ 常年跑展会 / 考察的人 CES、MWC、进博会、广交会……有个自己的考察助手，一次做好年年用
✅ 产品经理 / 独立开发者 学 Claude Code 把「网站 + 小程序」两套端一起落地
✅ 企业出海 / BD 团队 把展前研究、展中记录、展后跟进做成内部工具
✅ AI 编程使用者 已经会用 Cursor / Copilot，但没真正跑过 Claude Code 全栈 + 多 Agent 并行
✅ 小程序开发者 被真机差异和审核规范坑过，想看 CLAUDE.md 怎么配平台认知
锁定这场直播我们手把手教你如何操作不讲虚的，只来最干的实操
加入课程，还有这些
✓所有案例现场生成，拒绝 PPT 式教学
✓完整展示从 0 到 1 的工作流程，即学即用
✓加入课程群，Tina 老师实时解答专业问题
还在犹豫？
不会操作？没关系。30 分钟，手把手教你怎么做；学不会，就再教你一遍。
Tina 老师会一步步带你实战，开启属于你的 AI 新篇章。
🔥 别再犹豫了现在就锁定前哨 AI 小课第六季
👇
2026年10月18日晚8点，【前哨AI小课 第六季7期】用ClaudeCode开发网站和小程序
用ClaudeCode开发网站应用：前端、后端、数据库
实操案例：开发前哨CES考察AI助手应用
用ClaudeCode开发小程序
实操案例：开发前哨CES考察AI助手小程序
【课前准备】请见课程群 要点文档
↓ 点击订阅，手把手教你掌握先进科技
（iOS用户请用电脑端打开小程序）
