法兰克福 · 浙江青田正宗风味 · 自 2009 年

青田人家

三代手艺,一锅乡情。在美因河畔,为您重现记忆中那碗青田田鱼的滋味。

查看菜单 预约订位
15+
年历史
60
席位
80+
道菜品
4.8
Google 评分
👨‍🍳

王建明 与 李秀芬

青田人家创始人夫妇
摄于 2009 年法兰克福

三代厨艺,
扎根欧洲

王建明出生于浙江省青田县北山镇一个世代烹饪的家族。祖父王阿土是当地有名的"红白喜事厨师",父亲王庆元将这门手艺带进了乡镇餐馆,而建明则凭借对饮食的热情,在1994年取得了浙江烹饪学院的厨师资质。

2009年,建明携妻子李秀芬及年幼的女儿王梦琪来到德国法兰克福,在老城区附近盘下了一间旧店面,将其改造成今天的"青田人家"。最初只有八张桌子,却凭借货真价实的家乡风味,迅速赢得了当地华人社区和德国食客的口碑。

"我们不卖'外国人以为的中餐',我们只卖真正的青田味道——那种让离家的人一口就红了眼眶的味道。"

—— 王建明,青田人家创始人

如今,女儿王梦琪已从法兰克福酒店管理学院毕业,负责餐厅的运营与前厅管理。第三代的加入为这家老店带来了新鲜的活力——更精致的摆盘、更现代的服务,以及每季更新的"创意青田菜"特别菜单,让传统与创新在这里和谐共生。

格调雅致,
宾至如归

餐厅由王梦琪亲自设计,融合中式传统元素与现代简约美学,60个席位,3间包厢,适合家庭聚餐、商务宴请与节庆活动。

🏮 中式红灯笼大厅
🪵 原木风格包厢
🫖 茶艺品茗雅座
👨‍🍳 开放式厨房吧台
🌿 绿植内庭园景区
🍂 户外露台(夏季开放)

地址 · 电话 · 时间

📍

餐厅地址

Große Eschenheimer Str. 45
60313 Frankfurt am Main
Deutschland(德国)

地铁:U1/U2/U3/U8 Eschenheimer Tor 站
步行约 3 分钟

📞

联系方式

电话:+49 69 1234 5678
微信:QingtianRenjia_FFM
邮件:info@qingtianrenjia.de

如需包厢或大桌(8人以上),建议提前 3 天预约。

🕐

营业时间

周二至周五  11:30 – 14:30
周二至周四  17:30 – 22:00
周五           17:30 – 22:30
周六至周日  11:30 – 22:30

周一全天休息

提前预约,
无需等候

填写预约信息后,我们将在 2 小时内通过电话或微信确认您的预约。周末及节假日请尽早预约。

  • 接受 2 – 30 人的各类聚餐预约,包括家庭聚会、生日宴、商务宴请、乔迁喜宴等
  • 3 间独立包厢可供选择:小包厢(4–8人)、中包厢(8–16人)、大宴会厅(16–30人)
  • 可提前沟通定制菜单,特殊饮食需求(素食、无麸质、过敏食材等)请在备注中说明
  • 春节、中秋等节假日期间设有特别菜单,建议提前 7 天以上预约
  • 临时取消请提前 24 小时告知,以便我们安排其他客人

💡 这个页面是怎么做出来的?

01-basic 相比,这个页面加入了大量的 CSS(层叠样式表) 和少量 JavaScript,让同样的 HTML 内容呈现出完全不同的视觉效果。

CSS 做了什么:定义了整体色彩系统(深棕黑 + 金色 + 米白);实现了固定导航栏、全屏英雄区、卡片网格、渐变背景;通过 display: griddisplay: flex 完成了响应式多列布局;使用 :hover 伪类为按钮和卡片添加了悬停动效;通过 position: fixed 让导航栏固定在顶部。

JavaScript 做了什么:监听页面滚动,在滚动超过 80px 后为导航栏添加 .scrolled 类(背景变深);实现了菜单 Tab 切换功能(switchTab() 函数);表单提交时弹出确认提示(handleReservation() 函数)。

为什么都写在一个 HTML 文件里:CSS 写在 <style> 标签内,JavaScript 写在 <script> 标签内,这叫"内联写法"。对于单页展示项目,这种方式无需额外文件,方便分享和部署。实际工程项目中通常会分拆为独立的 .css.js 文件。

这是本系列教学示例的第二个文件(02-styled):展示如何用 CSS + JS 将基础 HTML 变成一个视觉精美、交互友好的真实商业网页。