PROJECT / 持续迭代

天舶重工企业官网

由多语言企业官网、内容管理后台和后端 API 组成的企业官网产品。

发布日期
当前状态
持续迭代
技术与方向
  • Vue 3
  • vue-i18n
  • Element Plus
  • Laravel
  • PHP 8.3
天舶重工企业官网 界面截图

PRODUCT SCREENS · REAL WORKFLOWS

界面截图

从真实界面查看产品在桌面端与移动端的关键工作流。

01 / 05

企业官网首页

以品牌视觉、核心产品与企业能力构成官网首屏,建立面向客户的专业形象。

天舶重工企业官网桌面端首页

企业官网首页

以品牌视觉、核心产品与企业能力构成官网首屏,建立面向客户的专业形象。

ONE PRODUCT · CONNECTED CODEBASES

产品全景

一个产品,按用户前台、运营后台和服务端拆分职责,并通过清晰的源码节点保持关联。

产品组成

产品由三个独立仓库组成:skyboom-web 提供企业官网前台,skyboom-admin 负责内容管理,skyboom-server 提供统一后端 API。

内容能力

现有源码覆盖产品、新闻、案例、单页、站点配置和询盘,并由后台维护多语言内容。

技术实现

官网与后台采用 Vue 3 和 Vite,官网使用 vue-i18n 管理语言切换,后台使用 Element Plus 与 wangEditor;后端采用 Laravel 与 PHP 8.3。

业务模块

  • 内容管理:维护产品、新闻、案例、企业介绍和首页模块,支持草稿、预览、发布和下线。
  • 多语言站点:中文与英文内容按同一内容编号管理,缺少翻译时显示待补字段,避免线上出现空白页面。
  • 询盘线索:访客从产品页或联系页提交询盘,后台按来源、产品和负责人分派,跟进记录可回放。
  • 站点配置:统一维护导航、页脚、联系方式、SEO 标题和轮播顺序,发布前提供变更摘要。

数据与验收

内容、语言版本、媒体资源、询盘和跟进任务通过内容编号关联。验收流程为“创建产品—上传媒体—配置多语言—发布官网—提交询盘—后台跟进—关闭线索”,前台与后台的状态变化实时对应。

GITHUB DISCUSSION

评论与回复

评论保存在 GitHub Discussions,登录 GitHub 后即可参与,发布和回复都在本页完成。

评论区进入视口后自动加载。