业务和功能介绍
本项目是一款面向高中生物教学的交互式遗传系谱图学习工具，帮助学生直观理解孟德尔遗传规律、绘制系谱图并计算子代患病概率。
核心功能模块包括：
1. 人物管理系统：支持添加、编辑、删除家族成员，设置姓名、性别、世代、患病状态及基因型。
2. 四种遗传模式：常染色体隐性(AR)、常染色体显性(AD)、X连锁隐性(XLR)、X连锁显性(XLD)。
3. 可视化系谱图：SVG动态绘制家族关系图，方形代表男性、圆形代表女性、实心表示患病，自动生成父母-子代连线，支持缩放与拖拽。
4. 子代概率计算器：根据父母基因型自动计算子代患病、携带和正常的概率，支持指定子代性别或按1:1加权计算。
5. 数据持久化：支持导出/导入JSON格式系谱数据，方便保存与分享。
6. 深色/浅色主题切换：自动适应系统偏好或手动切换。
核心功能模块包括：
1. 人物管理系统：支持添加、编辑、删除家族成员，设置姓名、性别、世代、患病状态及基因型。
2. 四种遗传模式：常染色体隐性(AR)、常染色体显性(AD)、X连锁隐性(XLR)、X连锁显性(XLD)。
3. 可视化系谱图：SVG动态绘制家族关系图，方形代表男性、圆形代表女性、实心表示患病，自动生成父母-子代连线，支持缩放与拖拽。
4. 子代概率计算器：根据父母基因型自动计算子代患病、携带和正常的概率，支持指定子代性别或按1:1加权计算。
5. 数据持久化：支持导出/导入JSON格式系谱数据，方便保存与分享。
6. 深色/浅色主题切换：自动适应系统偏好或手动切换。
项目实现
本项目采用原生HTML/CSS/JavaScript实现，零依赖，核心使用SVG动态绘图与遗传学概率算法。
我的主要工作包括：
1. 整体架构设计：单页面应用结构，左侧为人物编辑面板，右侧为SVG系谱图画布，底部为概率计算器。
2. SVG系谱图引擎：手写布局算法（按世代分层、自动计算节点坐标），动态生成父母-子代连线，支持节点点击回填编辑、hover信息提示。
3. 遗传概率计算引擎：实现完整的孟德尔遗传模拟算法，处理配子生成、基因型组合、表现型判定，支持常染色体和性染色体遗传的四种模式。
4. 画布交互系统：实现鼠标拖拽平移、滚轮缩放（以光标为中心）、空格键平移等交互，缩放范围限制0.3x-3x。
5. 基因型动态选择：根据当前遗传模式和人物性别，动态生成可选基因型列表，降低学习门槛。
6. 数据导入导出：JSON格式保存/加载系谱数据，便于课堂分享和作业提交。
遇到的难点：X连锁遗传的性别差异计算逻辑较为复杂，通过拆分配子生成、表现型判定为独立函数解决；SVG画布拖拽与节点点击事件的冲突，通过事件目标判断和g元素层级管理解决。
我的主要工作包括：
1. 整体架构设计：单页面应用结构，左侧为人物编辑面板，右侧为SVG系谱图画布，底部为概率计算器。
2. SVG系谱图引擎：手写布局算法（按世代分层、自动计算节点坐标），动态生成父母-子代连线，支持节点点击回填编辑、hover信息提示。
3. 遗传概率计算引擎：实现完整的孟德尔遗传模拟算法，处理配子生成、基因型组合、表现型判定，支持常染色体和性染色体遗传的四种模式。
4. 画布交互系统：实现鼠标拖拽平移、滚轮缩放（以光标为中心）、空格键平移等交互，缩放范围限制0.3x-3x。
5. 基因型动态选择：根据当前遗传模式和人物性别，动态生成可选基因型列表，降低学习门槛。
6. 数据导入导出：JSON格式保存/加载系谱数据，便于课堂分享和作业提交。
遇到的难点：X连锁遗传的性别差异计算逻辑较为复杂，通过拆分配子生成、表现型判定为独立函数解决；SVG画布拖拽与节点点击事件的冲突，通过事件目标判断和g元素层级管理解决。
示例图片视频
相似推荐
企业级云原生酒店管理系统 (HMS) & 财务审计核心引擎-HMS
核心解决方案：现代化 Monorepo 云原生微服务架构
系统采用 前端 Angular 22 多子应用 Monorepo + 后端 NestJS 模块化微服务 Monorepo 的现代化高内聚设计：
1. 高密度 PMS 桌面端业务控制台
1.1. 五态实时房态矩阵 (Visual Room Rack)：毫秒级实时呈现客房五大业务状态——VC（空净房）、VD（空脏房）、OC（住净房）、OD（住脏房）、OOO（维修停用房）。支持右侧抽屉式无刷新极速办理 Check-in / Check-out 与挂账操作。
1.2. 远期房态排房甘特图 (Tape Chart & Matrix Timeline)：30 天跨度交互式日历矩阵，支持团队批量锁房、散客预订跨房型拖拽调整排房与库存深度优化。
1.3. 抽屉式上下文订单中心 (Contextual Order & Folio Hub)：单屏集成多渠道订单拆单、协议改价分级授权、同行多客分账水单与消费入账。
2. 移动端客房保洁与工程维护 PWA
专为楼层服务员和工程维修师傅打造的移动优先响应式 PWA 应用。
支持 1 键房态流转（置净/置脏）、拍照验收工单流、设施报修调度与遗留物品登记。
3. 高可用财务记账与五阶段夜审核心 (cron & gateway)
3.1. 五阶段全自动夜间财务审计流程 (5-Stage Night Audit Engine)：
第 1 阶段 · 审计前校验与异常拦截：自动化扫描并阻断欠费逾期、未到订单（No-Show）判定与自动扣取违约金；
第 2 阶段 · 自动房费与套餐分账过账：批量自动计提全店夜间房费，执行房费与餐饮早餐套餐自动拆分过账；
第 3 阶段 · 试算平衡表与数学恒等式校验：实时执行 昨日余额 + 本期借方发生额 - 本期贷方发生额 = 今日余额 严密试算，一旦借贷失衡秒级告警阻断；
第 4 阶段 · 营业日历原子结转：原子化结转酒店物理营业日期（Business Date Rollover），对过去历史账务施加不可逆审计结账锁；
第 5 阶段 · 审计报表自动生成：自动化归档总经理日报表（Manager Daily Report）、实时营收快报与收银员交接班清单。
3.2. 收银交接班与应收账款（AR）台账：盲盘对账机制（Blind Drop）、押金收退平衡、企业协议客户 AR 账期账龄分析与开票核销。
中北大学车辆管理系统
1. 用户认证与权限模块
- 登录注册 ：支持用户名密码登录、新用户注册
- 密码管理 ：提供忘记密码、管理员重置密码功能
- 黑名单机制 ：可对违规用户进行拉黑处理，保障系统安全
- 操作日志 ：记录所有关键操作行为，便于审计追溯 2. 车辆管理模块
- 车辆档案管理 ：新增、编辑、删除车辆信息，涵盖车牌号、品牌型号、购置信息等
- 车辆审核机制 ：新增车辆需经审核通过后才能正式入库，支持驳回并填写原因
- 数据验证与清洗 ：自动检测无效数据、重复数据，提供一键清洗功能
- 批量导入导出 ：支持 Excel 批量导入车辆数据、导出车辆信息报表
- 智能搜索 ：按车牌号、类型、状态等多条件组合搜索 3. 驾驶员管理模块
- 驾驶员档案 ：维护驾驶员基本信息、准驾车型、所属学院/部门
- 批量管理 ：支持批量导入驾驶员信息
- 信息查询 ：按姓名、工号、部门等条件快速检索 4. 维修保养模块
- 维修记录 ：记录车辆每次维修的时间、项目、费用、维修厂等信息
- 保养管理 ：按保养周期记录定期保养情况
- 历史追溯 ：可查询单车的完整维修保养历史 5. 保险管理模块
- 保险记录 ：录入车辆保险信息，包括保险公司、保单号、有效期
- 到期提醒 ：智能识别即将到期的保险，提前 N 天预警
- 理赔管理 ：记录保险理赔情况 6. 年检管理模块
- 年检记录 ：登记车辆年检信息，包括检测机构、结果、有效期
- 到期预警 ：自动检测即将到期的年检记录 7. 统计分析模块
- 数据看板 ：车辆总数、驾驶员总数、各类型占比等核心指标
- 状态统计 ：按车辆状态（在用、维修、报废）分类统计
- 保险年检统计 ：统计即将到期的保险和年检数量 8. 文件管理模块
- 文件上传 ：支持图片、文档（PDF、Word、Excel）上传
- 文件下载 ：提供安全的文件下载接口，防止路径穿越攻击
高并发铁路在线购票系统
基于 Java 微服务架构开发的铁路在线购票系统，围绕用户出行购票场景，实现从用户登录、车票查询、乘车人管理、在线购票、座位分配，到订单生成、在线支付、退票退款的完整业务闭环。
系统采用前后端分离及微服务架构设计，针对购票业务中高并发访问、库存一致性、重复请求、订单超时、分布式数据存储等场景进行了专项设计，可用于展示团队在 Java 企业级应用、微服务及高并发系统方面的开发能力。
daiweihawaiitours.com-夏威夷大岛私人包车旅游服务平台
面向夏威夷大岛中文游客的私人包车旅游服务平台，由 Daiwei Transportation LLC 运营，解决海外华人游客语言不通、交通不便、行程规划困难等痛点。
7大核心功能模块：
模块 关键内容
① 首页展示 Hero区域 + 五大信任标签（PUC持证、商业保险、私人SUV、中英双语、本地向导）
② 旅游路线 三条路线：Mauna Kea观星（¥680起）、Kona火山一日游、Hilo东北海岸线
③ 服务特色 Local灵活路线、Private一车一群、双语沟通、Simple先预约后付款
④ 图片画廊 夏威夷风景照片，支持全屏查看
⑤ 预约表单 姓名/日期/酒店/人数/路线/联系方式，流程：提交需求→确认行程→支付定金
⑥ 在线客服 Live Chat实时对话 + 电话808.749.0388 + 微信DAIWEI600
⑦ 多语言切换 中英文双语切换，全页中英对照
访问首页 → 浏览路线 → 填写预约表单 → 运营确认 → 支付定金 → 安排出行
零距物联
零距物联是面向个人用户、车主、宠物主与渠道代理商的定位器物联网管控系统。交付包含 Flutter 跨端 App（Android/iOS）、Java 业务服务端（Sa-Token 鉴权）以及蜂窝 GPS 定位器硬件云协同。产品以「绑定设备—实时定位—轨迹回放—电子围栏与告警—远程控制—套餐续费」为主链路，覆盖车辆、人员、宠物及畜牧等多场景资产追踪，不是单点看地图工具，而是「定位器硬件 + 云端轨迹指令与告警 + App 管控 + 订阅变现」的一体化物联网方案。
【业务目标】对终端用户：随时掌握设备位置、历史轨迹、电量信号与安防状态，降低丢车、丢物与异常风险；对代理商：独立登录承接渠道业务；对平台：通过设备续期、秒定模式、轨迹存储延长、流量卡充值及 VIP 安防录音等增值包形成持续收入；对运营：告警推送、远程指令、订单支付与客户服务可配置、可追溯。
【用户端—定位与轨迹】「定位」页基于百度地图展示设备实时位置，并呈现电量、信号、运动状态及 GPS/WIFI/基站等定位方式；支持按日查询与回放历史轨迹，云端轨迹存储天数受套餐限制，超限引导购买轨迹存储服务。支持圆形电子围栏的新增、编辑与删除，设备进出围栏触发告警进入消息中心，形成「看见位置—回看轨迹—围栏守护」闭环。
【用户端—控制中心与设备】控制中心聚合远程能力：定位/工作模式切换（含高频秒定）、远程关机省电与一键重启；震动、断电、低电压、超速、光感等安防参数远程下发；声音报警/异响听取与手动录音；VIP 安防录音、高清录音与录音恢复；设备电话簿维护并下发；今日与历史里程统计；流量卡 ICCID 查询与套餐充值。设备管理支持扫码或输入 IMEI 绑定/解绑、设备改名及场景图标（汽车/货车/电动车/人/宠物等），一套 App 适配多种定位器用途。
【用户端—账号消息与商业化】登录支持设备号、手机号、代理商多角色，权限与菜单差异化（如设备登录限制解绑、代理商精简个人中心）。告警列表与订阅开关结合极光及华为/小米/OPPO/vivo/荣耀厂商通道触达。商业化路径清晰：设备激活/到期续费、秒定增值、轨迹存储、流量卡与 VIP 录音，微信支付与支付宝完成下单支付。主路径：协议登录→绑设备→地图监控→设围栏与告警→远程控制→到期续费或购买流量/增值。
【服务端与复杂度】Java 后端承接用户、设备、监控、轨迹、围栏、告警、指令、订单、SIM/反馈等模块；App 不经 BLE 直连硬件，定位数据与控制指令均经云端与定位器蜂窝通道交互，属「端—云—器」高复杂度集成。双端已上架安卓和苹果各大应用市场。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服