--- title: "作品集：在马来西亚交付的业务系统" description: "在马来西亚交付的业务系统作品集（车队、房产、集中监控与 ITSM 平台），附案例研究与可实际点击的在线 demo。每个项目都跑在真实的线上环境，不是效果图。" url: https://williamw.name.my/zh/portfolio/ language: zh-Hans --- # 在马来西亚交付的业务系统 精选作品与在线 demo。点开任意一个 demo 就能看到我的实际水平；这里的每个项目都跑在真实的线上环境。 ## 车队管理系统 客户交付 · 2026 覆盖车辆档案、保养维修、保险索赔与出租贷款金融的全生命周期车队管理平台，到期事项自动分级提醒，每日推送至 WhatsApp、飞书与 Microsoft Teams。内置离线 OCR 自动识别保单与发票并匹配车辆，核对后一键入库，配合自定义角色权限与一键导出 Excel 报表。 - Node.js - Express - SQLite - PaddleOCR - Vanilla JS - ExcelJS [阅读案例](https://williamw.name.my/zh/portfolio/fleet-management/) ![车队仪表盘：核心指标、逾期预警与近 12 个月费用趋势一目了然（示例数据）](https://williamw.name.my/images/projects/fleet/01-02-dashboard.jpg) 车队仪表盘：核心指标、逾期预警与近 12 个月费用趋势一目了然（示例数据）6 张截图，点击查看 客户面对的问题 车辆、路税日期、保险续期、维修账单和贷款供款分散在不同的表格里。续期偶尔漏掉，没人说得清一辆车一年到底花了多少钱，归档单据全靠人手重新打字。 交付了什么 车辆档案：车牌、车架号、里程、路税与检验日期，外加每辆车的完整历史时间线 带来的改变 280 辆车的漏续期，从上线前一年的近百次降到上线以来的零次；系统在期限前分级催办，推送到大家本来就在看的聊天软件里 ## 不动产资产管理系统 客户交付 · 2026 面向持有多处不动产业主的全生命周期管理平台，将资产档案、单元、租约、应收应付、税务与维修工单集中管理。周期性自动出账引擎配合一键生成的损益、现金流与账龄报表，让每处房产的经营状况一目了然。 - Next.js - React - TypeScript - PostgreSQL - Drizzle ORM - Docker [阅读案例](https://williamw.name.my/zh/portfolio/property-management/) ![组合仪表盘：出租率、应收租金、现金流走势与逾期提醒一目了然（示例数据）](https://williamw.name.my/images/projects/property/01-01-dashboard.jpg) 组合仪表盘：出租率、应收租金、现金流走势与逾期提醒一目了然（示例数据）6 张截图，点击查看 客户面对的问题 产业越买越多之后：租金记在 Excel、押金靠记性、每年重新想起哪些税该缴，而最简单的问题反而没人答得出：扣掉维修、税务和供款，哪处房产真的在赚钱？ 交付了什么 产业 → 单元两级模型 + 租约状态机：草拟、生效、到期、续约或终止；押金与印花税随约挂账 带来的改变 收租靠账单和账龄报表，不再靠记性和翻银行流水 ## 多站点集中监控平台 生产系统 · 已脱敏 demo 统一运维监控平台：聚合多个生产站点的 Zabbix 主机、告警与仪表盘，防火墙日志汇入 ClickHouse 检索分析，并内置 IP 地址管理。告警以实时更新的卡片推送到企业即时通讯工具，故障恢复后卡片自动变绿；还能用自然语言向 AI 助手查询监控数据。 - Vue 3 - FastAPI - PostgreSQL - ClickHouse - Docker - AI / MCP [阅读案例](https://williamw.name.my/zh/portfolio/central-monitoring/) [在线 Demo](https://demo-monitoring.williamw.name.my) ![9 个 Zabbix 实例、987 台主机与全部未处理告警汇于一屏（在线 demo，人人可开）](https://williamw.name.my/images/projects/demos/monitoring-dashboard.jpg) 9 个 Zabbix 实例、987 台主机与全部未处理告警汇于一屏（在线 demo，人人可开） 客户面对的问题 运维团队管理着分布在各站点的 9 套独立 Zabbix：三个不同版本、9 个登录入口、9 个仪表盘。看全局状态要逐个登录；防火墙日志留在设备上，查一次又慢又痛苦；告警是一条条纯文本，分不清哪些已经恢复。 交付了什么 一个仪表盘聚合全部 9 个站点的主机、告警与健康状态，站点级故障隔离，API 入口自动主备切换 带来的改变 日常运维从 9 次登录变成一个屏幕，跨站点健康状态一眼可见 ## 企业 IT 运维与网络可观测平台 生产系统 · 已脱敏 demo 自托管的一体化 IT 运维平台，将资产、凭据与订阅管理和实时网络可观测能力融为一体，涵盖日志与流量采集、基于统计模型的流量异常告警、SNMP 与无线监控、IP 地址管理、实时网络拓扑和 ITIL 工单流程。基于 PostgreSQL 与 ClickHouse 双存储架构，十余路常驻采集器，支持零停机滚动部署。 - React - TypeScript - FastAPI - ClickHouse - PostgreSQL - Docker [阅读案例](https://williamw.name.my/zh/portfolio/itops-observability/) [在线 Demo](https://demo-itsm.williamw.name.my) ![订阅续费与凭据轮换到期一览，覆盖 22 个运维模块（在线 demo，示例数据）](https://williamw.name.my/images/projects/demos/itsm-dashboard.jpg) 订阅续费与凭据轮换到期一览，覆盖 22 个运维模块（在线 demo，示例数据） 客户面对的问题 IT 团队靠拼凑的工具管理办公网络：资产记在表格里、密码放在共享文档、防火墙日志只能上设备看、流量没有可见性、报修靠聊天消息经常石沉大海。没有任何工具能把一个 IP 关联到设备、再关联到使用人。 交付了什么 资产台账、加密凭据保险箱（AES-256-GCM）与软件订阅管理集中一处 带来的改变 「这个 IP 是谁的设备？」从半天侦探工作变成一次搜索 ## 公司网站落地页套装：5 套模版 演示模板 · 虚构公司 一套五页公司网站，做成五种截然不同的设计方向：货运代理、会计事务所、牙科诊所、精密加工厂、B2B 软件产品。全部 25 个页面都可在线点击浏览。每套模版有自己的字体搭配、配色、页面结构与行业专属组件；每页体积不到 25 KB，不依赖 JavaScript、不依赖图库照片、不使用建站工具。 - Astro - TypeScript - CSS - Responsive - Cloudflare - SEO [阅读案例](https://williamw.name.my/zh/portfolio/company-website-pack/) [在线 Demo](https://williamw.name.my/zh/templates/) - ![模版 01，Northwind Freight：首页](https://williamw.name.my/images/projects/templates/northwind/01-home.jpg) 模版 01，Northwind Freight：首页 - ![模版 02，Meridian Advisory Partners：首页](https://williamw.name.my/images/projects/templates/meridian/01-home.jpg) 模版 02，Meridian Advisory Partners：首页 - ![模版 03，Rivergum Dental Studio：首页](https://williamw.name.my/images/projects/templates/rivergum/01-home.jpg) 模版 03，Rivergum Dental Studio：首页 - ![模版 04，Forge Precision Engineering：首页](https://williamw.name.my/images/projects/templates/forge/01-home.jpg) 模版 04，Forge Precision Engineering：首页 - ![模版 05，Cobalt Field Ops：首页](https://williamw.name.my/images/projects/templates/cobalt/01-home.jpg) 模版 05，Cobalt Field Ops：首页 25 张截图，点击查看 客户面对的问题 公司网站项目通常卡在同一个地方：老板看着一张情绪板无法判断方向，而另一条路（套一个建站工具主题）出来的效果和同行的网站一模一样。更麻烦的是，给客户看的样板通常只有三屏图库照片加占位文字，没人能判断这个设计放进真实内容后还站不站得住：运价表、收费标准、机床清单、营业时间表。 交付了什么 五种设计方向，而不是同一套换色：每套模版有自己的字体搭配、配色、间距体系与页面结构（运营操作台式、编辑排版式、柔和医疗式、深色工程图纸式、产品导向 SaaS 式） 带来的改变 客户点开五个真正能用的网站来选方向，而不是对着一张图点头 ## 可以开始梳理需求了？ 把你现在管什么、哪里最痛发过来。一个工作日内回复；沟通清楚需求后，一个工作日内给你书面范围和按里程碑的固定报价。 [WhatsApp 联系我](https://williamw.name.my/go/whatsapp?from=portfolio&l=zh&text=%E4%BD%A0%E5%A5%BD+William%EF%BC%8C%E6%88%91%E5%9C%A8%E4%BD%A0%E7%9A%84%E7%BD%91%E7%AB%99+williamw.name.my+%E7%9C%8B%E5%88%B0%E4%BD%A0%E7%9A%84%E6%9C%8D%E5%8A%A1%EF%BC%8C%E6%83%B3%E8%81%8A%E4%B8%80%E4%B8%AA%E9%A1%B9%E7%9B%AE%E3%80%82) [邮件或其他方式](https://williamw.name.my/zh/contact/?from=portfolio) [inquiry@williamw.name.my](mailto:inquiry@williamw.name.my)