程序聚合 软件案例 静态站点配置后台

静态站点配置后台

2026-09-09 22:38:26
行业:内容平台
载体:网站、H5
技术:Node.js、TypeScript、Express、React

业务和功能介绍

本项目是为静态博客站点量身打造的可视化运维后台,旨在解决静态博客无法动态更新内容、部署流程繁琐的核心痛点。系统允许用户通过可视化界面直接修改站点配置、编辑内容,并一键触发远程重新构建与部署。
我负责了整个前后端系统的架构设计与全栈开发。针对静态配置文件(TS/JSON)的精准修改难题,采用Recast库进行AST解析与代码生成,实现了对代码节点的精确编辑,并解决了因格式化导致的变量丢失、注释丢失等历史问题。在构建部署环节,设计了基于子进程的异步构建队列,并采用SSE协议实现构建日志的实时流式推送渲染。

项目实现

采用前后端分离架构。前端基于 React + TypeScript + Ant Design 构建,后端基于 Node.js + Express,提供了一套轻量安全的文件操作接口。
利用Recast解析源码为AST,修改完成后生成新代码并保留原有格式与注释。针对构建流程,调度子进程执行构建命令,将子进程的stdout实时通过SSE推送给前端;服务端支持客户端断线重连后自动补发日志,确保连接稳定性。安全方面实施严格的路径白名单校验,防止越权访问,对上传或修改的文件大小进行流式读写限制,防止内存溢出。

示例图片视频


Rao
1天前活跃
方向: 前端-Web前端、前端-跨端开发、
交付率:100.00%
相似推荐
跑步俱乐部社交平台小程序-喵扎特跑步
喵扎特跑步是一款面向跑步爱好者的俱乐部社交平台,旨在为跑步俱乐部提供数字化管理工具,促进跑者之间的交流互动。 核心功能模块包括: 1. 俱乐部管理:支持俱乐部创建、成员管理、权限分级、数据统计、月报生成等完整的俱乐部运营功能 2. 活动系统:支持多种活动类型(常规跑步活动、打卡挑战、PK对战、投票比赛),包含活动发布、报名管理、成绩记录、排行榜等 3. 社交动态:类似朋友圈的动态发布系统,支持图文发布、点赞评论、内容审核 4. 消息系统:私信聊天、系统通知、活动提醒等消息功能 5. 个人中心:跑步数据统计、目标设定、成就系统、设备绑定(运动手表) 业务流程:用户注册登录→加入/创建俱乐部→参与活动/发布动态→记录跑步数据→查看统计排名→获得成就奖励
宠物收养交流平台
项目主要分为“宠物信息展示”和“即时通讯”两部分进行开发,其中使用 JsonWebToken 实现前后端用户验证登录;并配合 Axios 实现前后端数据传输、请求响应拦截等操作;使用阿里云OSS对象存储服务对用户图片进行网上托管; 服务端使用Koa Web应用框架搭建后端,并封装Sql语句对数据库进行相关数据操作;基于socket.io库来实现服务端实时推送消息,客户端并配合使用socket.io-client 库来接收数据,由此实现即时通讯功能;
上上签·-微信
业务和功能介绍 1. 立项背景和目标 平时大家总有拿不定主意的时候:中午吃什么、聚会玩什么、事情选哪个。也有人喜欢求个签讨个好彩头。市面上工具要么功能单一,要么搞得太复杂。我们想做一个小而全的小程序,把"随机决策"和"抽签"放一起,打开就能用,不用登录、不用后端,数据都存在自己手机里,方便又省事。目标就是:想纠结时点一下,马上出结果。 2. 软件功能和核心模块 一共三大块: • 决策器:有抓阄和吃什么两种模式,每种都有转盘、抓阄、抽签三种玩法。选项自己加,还能把常用的选项组合存起来,下次直接用。吃的也可以存几套常吃菜单。 • 抽签(每日一签):每天一次,零点自动刷新,抽完能看历史记录。除了内置签文,也能自己加签。 • 我的:换头像、填昵称,设置默认用哪种决策形式,管理自定义签文,一键清空所有数据。 另外支持把决策结果分享给朋友,抓阄还能拉好友进同一个房间一起抽,可以设置"每人只能抽一次""每种只能被抽一次"。 3. 业务流程和功能路径 • 用决策器:打开小程序 → 进"决策"页 → 选抓阄还是吃什么 → 加选项(或从已存的组里选)→ 选转盘/抓阄/抽签 → 点"开始决策" → 出结果 → 可分享或重新来。 • 用每日一签:进"上上签"页 → 点抽签 → 看签文 → 可看历史。 • 管理个人数据:进"我的"页 → 改头像昵称 / 设决策形式 / 管理签文 / 清空数据。 • 和朋友一起抓阄:决策页 → 加好选项 → 点"邀请好友一起抓阄" → 设规则 → 生成房间分享给朋友 → 大家一起抽
上海数银科技有限公司停车系统-停车+会员
智慧城市是未来城市发展的方向,而智慧停车是其中的一个单元。为了让车主节省时间、室内导航快速找到停车位,离场时可以使用优惠、无感支付不停留出场;车场可以规范化、高效化、清晰化管理,我们开发了智慧停车系统。停车系统包含的子系统有:网关、权限云、优惠云、停车云、支付云、银联支付云、建行支付云、农行支付云、银联商务支付云、发票云、会员云、报表云、对账云、Job、地锁、商城、监控、微消息、短信
AY 手机维修检测设备(ROC-RK3308B-CC Plus)-嵌入式 Linux 手持设备 / 工业检测终端 UI 与本地服务联调
1、立项背景和目标 项目面向手机维修场景,在 Firefly ROC-RK3308B 手持板上提供本地操作界面,完成电池排线信息读取、底层修复、排线固件 OTA、WiFi/系统设置等检测业务。目标是:新板从零可部署、UI 可操作、与本地后端通过本机 HTTP 联通,形成「屏幕操作 → 本地服务 → 串口/云端」闭环。底层 Python 服务非本人从零开发,本人从拿到新板开始负责系统部署、UI 落地与端到端联调。 2、软件功能与核心模块 LVGL 人机界面:主菜单多业务入口(设置、电池修复、点阵/原彩/听筒/相机等);设置页含 WiFi、系统升级入口、服务器/语言/亮度等。 rk_client 通信层:板端 C 通过 curl/HTTP 调用本机 127.0.0.1:8080 后端。 电池与排线:FPC 信息读取、底层修复任务与进度、排线固件列表查询与升级进度展示。 设置子系统:WiFi 扫描连接、亮度 PWM、语言/服务器持久化、界面主题与二级/三级菜单样式统一。 本地后端(联调对象):FastAPI 提供健康检查、Apple/串口/FPC/云端固件列表等 API。 3、业务流程与功能路径 新板部署 → 启动 rk-backend 与 lvgl-ui → 主界面进入业务页 → UI 发 HTTP → 后端驱动串口/排线/云端 → 轮询进度并刷新界面。排线 OTA 路径:插 FPC → POST /fpc/firmware/list 取 sdk_key 与云端 packages → 用户选择后 upgrade → 轮询 progress。电池修复:选容量模式 → 创建任务 → 轮询 → 重启确认。设置路径:二级菜单 → 三级选择面板保存配置并即时预览(如亮度)。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服