官网 V1.0.0
复制版本链接版本定位
V1.0.0 是“哆咪哆哆官网(domidodo-web)”首个正式登记版本。系统由对外官网(client)与内容管理后台(admin)两端组成,以内容为统一运营入口,面向公众访客和公司内部内容运营人员,覆盖品牌展示、案例与观点分发、关键词检索、互动反馈、商务线索收集及内容治理发布。
核心能力
1. 官网展示与品牌呈现
- 提供首页、案例、观点、我们、关键词、致谢六类页面,统一由吸顶导航与页脚布局承载,路由支持案例与观点的 ID 深链。
- 首页覆盖轮播图、能力说明、政务/商务双分区案例、数字化方案介绍、累计客户、思考沉淀与立即联系七个板块,轮播数量由环境变量统一配置。
- “我们”页展示公司介绍与项目流程(PROCESS),流程节点支持点选切换并联动底部详情;致谢页按开发、设计、测试、文案分组展示参与成员。
- PC 与移动端各自维护一套布局与轮播组件,导航、页脚和内容区在两端保持同一数据源。
2. 案例与观点内容分发
- 案例支持分页查询、标签分类筛选和带计数的分类导航,详情页承接列表封面图直出,避免二次加载空白。
- 观点支持标签分类(场景、管理、技术、动态)、精选推荐位、摘要与封面展示,并按标签映射对应图标。
- 观点详情支持上一篇/下一篇切换、精选相关阅读推荐(自动排除当前文章)、正文字数统计与阅读时长估算,浏览数由服务端累计。
- 列表与详情间跳转统一先平滑回到页顶再切换路由,翻页与相关阅读复用同一详情加载逻辑。
3. 关键词检索
- 关键词库由后台维护并支持可用状态开关,官网观点页与关键词页共用同一份关键词数据源。
- 支持按关键词检索观点内容,选中“全部”时回落到全量列表;移动端检索后自动回到页顶。
- 观点页提供关键词入口,可跳转关键词页查看完整词库与检索结果。
4. 互动与线索收集
- 观点与案例支持点赞,请求统一携带设备指纹(FingerprintJS)作为去重标识,即使清除缓存也能识别同一设备。
- 点赞后在列表、精选位和详情等多个数据源中按 ID 同步状态与计数,失败时给出明确提示并保持原状态。
- 提供联系弹窗表单,采集姓名、联系方式、公司名称和项目需求;姓名与联系方式为必填,联系方式兼容手机号与邮箱两种格式校验,提交后转入邮件通知渠道。
- 首页提供公司介绍与“商务合作常见问题”PDF 在线查看;页脚支持联系方式一键复制、公众号二维码放大预览,以及备案信息与致谢页跳转。
5. 交互体验与自适应
- 采用 Lenis 平滑滚动统一滚动阻尼,路由跳转、翻页和分类切换均以滚动完成为回调时机。
- 进场动画使用 AOS,配合 IntersectionObserver 封装的可重复播放观察器和 GSAP 局部动效。
- 请求层内置请求监控器,统一统计在途请求数并区分成功与失败态,用于页面级加载与异常呈现。
- 图片加载失败、列表空数据均有兜底展示;接口错误码集中映射为统一提示文案。
6. 内容管理后台
- 基于 RuoYi-Vue3 3.9.0 框架,扩展轮播图、观点、案例、项目流程、关键词库五个业务模块。
- 观点与案例支持标题、副标题、封面图上传、标签字典选择、摘要、关键词与富文本正文编辑,并提供是否精选、是否隐藏开关及浏览数、点赞数查看。
- 轮播图支持局部图与背景图分别上传及标题、副标题维护;项目流程支持标题、标签和多条内容项维护与排序。
- 沿用框架内置的用户、角色、菜单、字典、公告等系统管理能力,以及代码生成、表单构建和接口文档工具。
7. 工程与构建治理
- 构建引入密钥校验插件,对 BUILD_KEY 做 SHA-256 比对,密钥缺失或不匹配时直接终止构建;同时校验插件自身未被移除。
- 开发、测试与生产环境接口地址通过独立环境文件隔离,生产统一走
/api代理前缀。 - 构建产物按 js、静态资源分目录输出并带内容 hash;开发态启用内联 sourcemap,生产态关闭。
- 统一路径别名与 Vue API 自动导入,SCSS 变量全局注入。
发布与验收
- 版本号:V1.0.0
- 发布通道:稳定版
- 代码基线:main 分支,最近更新 2026年1月16日
- 登记日期:2026年7月29日