企业中英双语企业门户网站产品系统Vibe Coding

泰冠科技为国家级高新技术企业，主营烟草智能装备、家电智能控制、康养理疗、医疗器械与工业环境控制五大业务，客户为烟草系统、家电厂商与实验室等 B 端群体。此前官网存在中英内容分离、静态页面无法自主更新、询盘靠电话与邮箱外流、形象与资质展示不完整等问题，故立项重建中英双语官网，目的在于统一对外品牌口径、完整展示资质与产品矩阵、并把客户询盘沉淀为可跟进的在线留言，解决工业制造企业出海获客与线索流失的产品问题。

站点共 29 个页面（中英镜像各 13 个栏目页 + 404 + 后台），主要功能模块：① 首页（品牌主视觉、四大特色、六大业务卡片、资质荣誉、合作伙伴 Logo、新闻动态、双 CTA 引导）；② 关于泰冠（公司简介、发展里程碑、企业文化、37 张资质证书分组展示，含营业执照、高企、专精特新、ISO9001、专利与信用资质）；③ 产品方案六大独立页（烟草智能装备/家电智能控制/康养理疗设备/医疗器械/工业环境控制/半导体精密温控，每页含产品卡片、卖点清单与参数规格表）；④ 解决方案（四大行业场景方案）；⑤ 研发实力（研发流程、技术模块、专利软著、典型案例）；⑥ 新闻动态（/api/news 动态拉取，首页取最新 3 条，替代静态内容）；⑦ 商务合作（合作优势、六步合作流程、服务保障）；⑧ 联系我们（公司信息 + 在线留言表单，含主题下拉与前后端双重校验）；⑨ 管理后台 /admin/（口令登录、新闻发布/删除即时生效、在线留言收件箱含未读计数/标已读/删除）；⑩ SEO 与运维支持（中英互跳、canonical、description、sitemap.xml、robots.txt、JSON-LD、健康检查 /api/health、友好 404 兜底）。

本人独立负责全栈开发与交付：① 用 Node.js 编写 tools/build.js 静态站点生成器，把 src/content/site.js（965 行中英双语内容唯一事实源）渲染为 29 个 HTML 页面并生成 sitemap/robots；② 编写 src/partials/render.js 统一页头、页脚、面包屑、页面骨架与 HTML 转义；③ 用 Express 实现静态托管 + 8 个 REST 接口、Bearer Token 鉴权、新闻 JSON 持久化与留言收件箱；④ 手写 site.css 设计系统与响应式布局，完成移动端适配；⑤ 编写 check-links.js / check-en.js / find-cjk.js 自检工具，并输出 README、使用说明书、上线前安全检测报告三份交付文档。技术栈：原生 HTML/CSS/JS + Node.js/Express 4 + JSON 文件存储 + Fetch API。两点实现亮点：一是"内容与视图彻底分离"的内容中台设计，中英内容仅维护一份结构化对象，双语页面由同一渲染管线产出，杜绝双站口径漂移；二是静态站 + 动态 API 的混合架构，大块正文走构建期静态化保证 SEO 与极致加载速度，新闻与留言走运行时 API 免重新构建即时生效，兼顾收录与可维护性。两点技术难点：一是中英双语的 URL 镜像映射与相对路径处理（/en 前缀注入、中英页面双向跳转、canonical 与 sitemap 域名一致性），需在模板层统一收敛以避免链接错乱；二是内容安全与防滥用，后台口令鉴权、XSS 转义（esc() 全输出转义 + textContent 渲染）、IP 级内存限流、CSP/安全响应头、敏感文件与路径遍历防护、错误堆栈防泄露等加固。