WilliamW Resources

在马来西亚交付的业务系统

精选作品与在线 demo。点开任意一个 demo 就能看到我的实际水平;这里的每个项目都跑在真实的线上环境。

车队管理系统

客户交付 · 2026

覆盖车辆档案、保养维修、保险索赔与出租贷款金融的全生命周期车队管理平台,到期事项自动分级提醒,每日推送至 WhatsApp、飞书与 Microsoft Teams。内置离线 OCR 自动识别保单与发票并匹配车辆,核对后一键入库,配合自定义角色权限与一键导出 Excel 报表。

  • Node.js
  • Express
  • SQLite
  • PaddleOCR
  • Vanilla JS
  • ExcelJS
车队仪表盘:核心指标、逾期预警与近 12 个月费用趋势一目了然(示例数据)
车队仪表盘:核心指标、逾期预警与近 12 个月费用趋势一目了然(示例数据)6 张截图,点击查看
客户面对的问题
车辆、路税日期、保险续期、维修账单和贷款供款分散在不同的表格里。续期偶尔漏掉,没人说得清一辆车一年到底花了多少钱,归档单据全靠人手重新打字。
交付了什么
车辆档案:车牌、车架号、里程、路税与检验日期,外加每辆车的完整历史时间线
带来的改变
280 辆车的漏续期,从上线前一年的近百次降到上线以来的零次;系统在期限前分级催办,推送到大家本来就在看的聊天软件里

不动产资产管理系统

客户交付 · 2026

面向持有多处不动产业主的全生命周期管理平台,将资产档案、单元、租约、应收应付、税务与维修工单集中管理。周期性自动出账引擎配合一键生成的损益、现金流与账龄报表,让每处房产的经营状况一目了然。

  • Next.js
  • React
  • TypeScript
  • PostgreSQL
  • Drizzle ORM
  • Docker
组合仪表盘:出租率、应收租金、现金流走势与逾期提醒一目了然(示例数据)
组合仪表盘:出租率、应收租金、现金流走势与逾期提醒一目了然(示例数据)6 张截图,点击查看
客户面对的问题
产业越买越多之后:租金记在 Excel、押金靠记性、每年重新想起哪些税该缴,而最简单的问题反而没人答得出:扣掉维修、税务和供款,哪处房产真的在赚钱?
交付了什么
产业 → 单元两级模型 + 租约状态机:草拟、生效、到期、续约或终止;押金与印花税随约挂账
带来的改变
收租靠账单和账龄报表,不再靠记性和翻银行流水

多站点集中监控平台

生产系统 · 已脱敏 demo

统一运维监控平台:聚合多个生产站点的 Zabbix 主机、告警与仪表盘,防火墙日志汇入 ClickHouse 检索分析,并内置 IP 地址管理。告警以实时更新的卡片推送到企业即时通讯工具,故障恢复后卡片自动变绿;还能用自然语言向 AI 助手查询监控数据。

  • Vue 3
  • FastAPI
  • PostgreSQL
  • ClickHouse
  • Docker
  • AI / MCP
9 个 Zabbix 实例、987 台主机与全部未处理告警汇于一屏(在线 demo,人人可开)
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
订阅续费与凭据轮换到期一览,覆盖 22 个运维模块(在线 demo,示例数据)
订阅续费与凭据轮换到期一览,覆盖 22 个运维模块(在线 demo,示例数据)
客户面对的问题
IT 团队靠拼凑的工具管理办公网络:资产记在表格里、密码放在共享文档、防火墙日志只能上设备看、流量没有可见性、报修靠聊天消息经常石沉大海。没有任何工具能把一个 IP 关联到设备、再关联到使用人。
交付了什么
资产台账、加密凭据保险箱(AES-256-GCM)与软件订阅管理集中一处
带来的改变
「这个 IP 是谁的设备?」从半天侦探工作变成一次搜索

公司网站落地页套装:5 套模版

演示模板 · 虚构公司

一套五页公司网站,做成五种截然不同的设计方向:货运代理、会计事务所、牙科诊所、精密加工厂、B2B 软件产品。全部 25 个页面都可在线点击浏览。每套模版有自己的字体搭配、配色、页面结构与行业专属组件;每页体积不到 25 KB,不依赖 JavaScript、不依赖图库照片、不使用建站工具。

  • Astro
  • TypeScript
  • CSS
  • Responsive
  • Cloudflare
  • SEO
  • 模版 01,Northwind Freight:首页

    模版 01,Northwind Freight:首页

  • 模版 02,Meridian Advisory Partners:首页

    模版 02,Meridian Advisory Partners:首页

  • 模版 03,Rivergum Dental Studio:首页

    模版 03,Rivergum Dental Studio:首页

  • 模版 04,Forge Precision Engineering:首页

    模版 04,Forge Precision Engineering:首页

  • 模版 05,Cobalt Field Ops:首页

    模版 05,Cobalt Field Ops:首页

25 张截图,点击查看
客户面对的问题
公司网站项目通常卡在同一个地方:老板看着一张情绪板无法判断方向,而另一条路(套一个建站工具主题)出来的效果和同行的网站一模一样。更麻烦的是,给客户看的样板通常只有三屏图库照片加占位文字,没人能判断这个设计放进真实内容后还站不站得住:运价表、收费标准、机床清单、营业时间表。
交付了什么
五种设计方向,而不是同一套换色:每套模版有自己的字体搭配、配色、间距体系与页面结构(运营操作台式、编辑排版式、柔和医疗式、深色工程图纸式、产品导向 SaaS 式)
带来的改变
客户点开五个真正能用的网站来选方向,而不是对着一张图点头

可以开始梳理需求了?

把你现在管什么、哪里最痛发过来。一个工作日内回复;沟通清楚需求后,一个工作日内给你书面范围和按里程碑的固定报价。