业务和功能介绍
1. 立项背景和目标
为工作室（雪人玉米）建立线上可信据点，需要一个合规、现代、多端适配的企业展示官网。目标是用最小代价完成一个可直接部署、可被索引、能亮照认证的正式站点，以替代占位页。
2. 软件功能/核心模块
包含5个核心页面：品牌首页（含服务/方案展示）、隐私政策页、法律声明页、自定义404页及错误提示页。内置SEO工具、sitemap、robots.txt，支持多视口适配。
3. 业务流程/功能路径
用户访问首页浏览服务与方案 → 通过链接跳转合规页 → 对隐私或法律条款有任何疑问可联系邮箱。 访问非标准路径时被优雅引导至404/error页。页面加载性能经优化，确保移动端首次访问流畅。
为工作室（雪人玉米）建立线上可信据点，需要一个合规、现代、多端适配的企业展示官网。目标是用最小代价完成一个可直接部署、可被索引、能亮照认证的正式站点，以替代占位页。
2. 软件功能/核心模块
包含5个核心页面：品牌首页（含服务/方案展示）、隐私政策页、法律声明页、自定义404页及错误提示页。内置SEO工具、sitemap、robots.txt，支持多视口适配。
3. 业务流程/功能路径
用户访问首页浏览服务与方案 → 通过链接跳转合规页 → 对隐私或法律条款有任何疑问可联系邮箱。 访问非标准路径时被优雅引导至404/error页。页面加载性能经优化，确保移动端首次访问流畅。
项目实现
1. 整体架构与设计思路
项目采用 Astro 6.4 静态输出 + Tailwind CSS 4。
通过阿里云云效流水线 + rsync，实现不具备原生CI/CD的服务器的CI/CD，接入阿里云ESA同时实现安全与加速。
设计上优先保证内容快速呈现，通过 content-visibility 实现按需渲染，并以 PageLayout 四插槽布局统一页面结构。所有图片资源通过 CardPicture 组件实现响应式 WebP/AVIF 输出。
2. 我负责的模块和结果（量化）
独立完成从原型设计、迁移到部署的全流程。实现了 5个生产页面，Git 提交 35次，将 Lighthouse 性能评分从基线 63 提升至 97，LCP 从 4.7s 降至约 1.9s。
3. 遇到的难点、坑，和解决方案
亮照验照：电子营业执照验照依赖 Referer，初始部署时亮照无法加载。解决方案：移除 noreferrer 属性，强制保留正确 Referer。
性能瓶颈：首屏图片过大。用 WebP/AVIF 替代 PNG，并通过 generate:images 脚本自动化压缩，总大小从约1.55MB降至393KB。
持续部署：使用的既有服务器资源为传统人工FTP管理模式，无原生CI/CD，通过rsync实现CI/CD。
项目采用 Astro 6.4 静态输出 + Tailwind CSS 4。
通过阿里云云效流水线 + rsync，实现不具备原生CI/CD的服务器的CI/CD，接入阿里云ESA同时实现安全与加速。
设计上优先保证内容快速呈现，通过 content-visibility 实现按需渲染，并以 PageLayout 四插槽布局统一页面结构。所有图片资源通过 CardPicture 组件实现响应式 WebP/AVIF 输出。
2. 我负责的模块和结果（量化）
独立完成从原型设计、迁移到部署的全流程。实现了 5个生产页面，Git 提交 35次，将 Lighthouse 性能评分从基线 63 提升至 97，LCP 从 4.7s 降至约 1.9s。
3. 遇到的难点、坑，和解决方案
亮照验照：电子营业执照验照依赖 Referer，初始部署时亮照无法加载。解决方案：移除 noreferrer 属性，强制保留正确 Referer。
性能瓶颈：首屏图片过大。用 WebP/AVIF 替代 PNG，并通过 generate:images 脚本自动化压缩，总大小从约1.55MB降至393KB。
持续部署：使用的既有服务器资源为传统人工FTP管理模式，无原生CI/CD，通过rsync实现CI/CD。
示例图片视频
相似推荐
拼豆喵
本项目为手工爱好者打造的拼豆交流与创作工具，旨在解决拼豆爱好者设计图案困难、交流分享不便、成品记录零散的问题。
业务背景覆盖手工DIY、亲子互动、创意手作、文创周边等场景，用户需要便捷的图案设计、作品分享、社区交流功能，降低创作门槛，提升爱好者之间的互动与粘性。
B2B/B2C+游戏论坛功能集成网站-清江我的世界社区
立项背景与目标
《我的世界》玩家社区长期存在游戏与Web平台割裂的问题，区域性玩家社群缺乏专属技术支持。本项目旨在打造游戏数据与社区实时互通的一站式平台，覆盖普通玩家、内容创作者、服务器管理者三类人群，目标是通过实时同步、社交互动与资源孵化，构建有归属感的线上家园。
核心功能模块
（1）用户权限体系：支持网页/游戏端统一登录，基于RBAC实现五级权限管理，绑定游戏ID后享有完整权限。（2）实时同步引擎：基于Netty和Redis实现游戏内动态（在线状态、聊天、成就）与社区消息的双向毫秒级推送。（3）论坛社交：设建筑、红石、生存、模组等多主题分区，支持发帖、评论、点赞、私信及Markdown编辑。（4）资源管理：提供地图存档、材质包等资源的分类检索、版本标注、审核上架与免费下载，并设立月度激励计划。（5）服务器监控：网页端实时显示在线人数、TPS等指标，支持服主远程执行管理指令。（6）智能搜索：基于Elasticsearch实现帖、人、资源的全文检索及运营数据看板。
业务流程与功能路径
用户侧：注册→邮箱验证→绑定游戏ID→浏览/发帖/下载资源（按权限解锁）。创作者：进入发布中心→选择类型→填写版本信息并上传→提交审核→通过后上线并获得曝光。管理侧：资源提交后经自动扫描和三人评审团审核→通过/驳回并通知；服主登录后台→查看监控面板→下发指令（公告/封禁等）→同步至游戏端并记录日志。整体流程闭环，确保内容安全与运营效率。
贵才通-贵才通
贵才通系统是综合人才管理平台，助力网格员管理人才资源，为企业提供招聘渠道，该系统由后台管理系统和小程序端（含企业端、人才端、网格员端）构成。后台管理系统供管理员、网格员进行人才信息、企业审核、需求及任务管理等，能展示人口、就业等基本数据统计，支持数据权限控制，企业可借此发布招聘信息、查看人才信息并做需求匹配与面试管理；小程序端方便企业和求职者操作，求职者能上传简历、搜索职位、接收面试邀请及参与视频面试。此外，系统还有日常任务管理和客服中心功能，保障操作及时响应与有效处理。
个人博客-博客
基于vue前端框架和typescript类型约束以及webpack服务开发的个人博客实现前端大数据埋点包括但不限于跳转路径解析路径和解析访问方式以及后端统计反馈给单独的管理和改后台自由控制博客主题业务
榜单-社区实时热点榜单引擎
模拟兴趣社区平台（即刻/小红书）的热点榜单核心系统：用户每次点赞、评论、转发都会实时影响话题热度，系统需要在分钟级内将热度变化反映到榜单上，同时支持不同兴趣圈子的个性化榜单（科技圈/游戏圈/美食圈独立排名）和防刷热度机制（机器人刷赞识别）。
该项目技术栈包括：
Java多线程、MySQL窗口函数/物化视图、定时聚合任务，Redis ZSet、时间衰减热度算法
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服