PROJECT / 持续迭代
天舶重工企业官网
由多语言企业官网、内容管理后台和后端 API 组成的企业官网产品。

PRODUCT SCREENS · REAL WORKFLOWS
界面截图
从真实界面查看产品在桌面端与移动端的关键工作流。
01 / 05
企业官网首页
以品牌视觉、核心产品与企业能力构成官网首屏,建立面向客户的专业形象。

ONE PRODUCT · CONNECTED CODEBASES
产品全景
一个产品,按用户前台、运营后台和服务端拆分职责,并通过清晰的源码节点保持关联。
- 用户前台
skyboom-web
面向访客的响应式多语言企业官网前台。
- Vue 3
- Vite
- vue-i18n
- Axios
- 运营后台
skyboom-admin
管理官网产品、新闻、案例与询盘的内容管理后台。
- Vue 3
- Vite
- Element Plus
- wangEditor
- 服务端
skyboom-server
为官网前台和内容管理后台提供服务的后端 API。
- Laravel
- PHP 8.3
- MySQL
- JWT
产品组成
产品由三个独立仓库组成: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 后即可参与,发布和回复都在本页完成。
评论区进入视口后自动加载。