公司年会或者朋友聚会时，想搞点新花样，礼物墙是个不错的点子。不用复杂平台，自己搭个局域网就能玩起来。关键是怎么让这个墙“动”起来，让人愿意参与。
什么是礼物墙互动形式
简单说，就是参与者把想送的礼物信息贴到一面“墙”上——可以是实体墙面，也可以是网页界面。其他人能看到这些礼物，并选择领取或回应。重点在于“互动”，不是单向展示，而是能点击、能留言、能标记状态。
用局域网搭建基础环境
如果是在办公室或家里办活动，直接用路由器创建一个本地网络就行。不需要联网，避免信号不稳定。比如你家Wi-Fi名称叫“Party_2024”，所有人连上这个网络，就可以访问你主机上跑的小服务。
假设你用一台笔记本作为服务器，开启一个简单的HTTP服务。Python几行代码就能搞定：
python -m http.server 8000这时候，在同一局域网的手机或电脑浏览器里输入http://你的笔记本IP:8000，就能看到共享的页面了。
设计一个轻量级礼物墙页面
准备一个HTML文件，命名为index.html，放在服务器目录下。里面有个列表区域，每个人可以提交自己的礼物想法。
<div id="gift-wall">
<h3>🎁 礼物墙</h3>
<div class="gift-item" data-giver="小李">
我想送：一本《三体》 —— <button onclick="claim(this)">我要了</button>
</div>
</div>
<form id="add-gift">
<input type="text" placeholder="你的名字" id="name" />
<input type="text" placeholder="你想送的礼物" id="gift" />
<button type="submit">发布</button>
</form>
<script>
document.getElementById('add-gift').onsubmit = function(e) {
e.preventDefault();
const name = document.getElementById('name').value;
const gift = document.getElementById('gift').value;
const item = document.createElement('div');
item.className = 'gift-item';
item.setAttribute('data-giver', name);
item.innerHTML = `我想送：${gift} —— <button onclick="claim(this)">我要了</button>`;
document.getElementById('gift-wall').appendChild(item);
document.getElementById('gift').value = '';
};
function claim(btn) {
btn.parentNode.innerHTML = '已领取';
btn.remove();
}
</script>这个页面没有后端数据库，所有数据都在浏览器内存里，适合短时间活动。重启就清空，反而省事。
提升一点体验的小技巧
如果现场有人用手机刷墙，发现别人刚发的礼物没实时显示，会感觉卡顿。可以在页面里加个自动刷新：
<meta http-equiv="refresh" content="5">每5秒刷新一次，大家提交完礼物，别人最多等5秒就能看到。虽然土，但稳定。
还可以给不同类型的礼物加标签，比如“书籍”“零食”“手作”，用颜色区分，视觉上更活跃。
注意事项
别用太复杂的框架，活动现场网络条件有限，一个静态HTML加点JS最靠谱。另外提醒大家别写敏感信息，毕竟这个页面谁连上都能看。
这种玩法不需要注册登录，打开即用，反而降低了参与门槛。适合轻松场合，图个热闹。