朱天宇

计算机科学与技术

2021年09月 — 2025年06月

2024年04月 — 2025年10月

项目描述:该系统是面向智慧城市建设的时空信息综合应用平台,集成地图配置、图层管理、空间分析、专题地图等核心模块,为城 市规划、资源管理、公共服务等场景提供时空数据支撑与可视化决策能力。 技术栈:mapbox、Vue.js、abtv/l7、deckGL、truf,js、element-plus、TypeScript、ECharts、GeoJSON、瓦片数据 工作内容: 1.时空地图模块: · 完成地图场景 Schema 结构化定义与解析,实现专题地图独立配置;封装地图内组件,实现可配置化地图操作功能;搭建地图资 源项目,完成多类别图层的展示与配置管理。 · 开发区域导航、坐标定位、地名检索功能,实现后台数据服务配置管理;完成空间查询统计的交互界面与接口开发,实现查询结果 可视化展示。 · 开发基础分析工具,实现卷帘、分屏功能;完成本地数据与瓦片数据加载,保障多源地理数据的高效渲染。 · 实现地图点、线、面基本形状标绘,搭建标绘后独立组件的事件响应机制;完成二三维数据模块与数据加载功能,支持本地 GeoJSON 格式数据加载。 2.数据探查模块: · 开发气泡层、区域层、线图层、弧图层、热力层、网络层、蜂窝层、符号层、复合图表层、标记布局层等多类型图层,实现各图层 风格渲染与可视化交互界面开发。 · 实现数据排序、分组、聚合、扩充 3.时空分析模块: · 完成专题图分享功能,支持专题图以链接、图片形式分享;开发 15 分钟生活圈分析功能,实现基于路网的点区域分析,完成学 校、医院主题展示与多模式分析。 · 开发公服设施可达性分析交互界面,完成分析结果展示优化;推进公服设施承载力分析功能开发,完成交互界面开发与功能迭代。

2024年05月 — 2025年06月

项目描述:基于 Vue 生态开发的地理可视化组件库,封装了海量可复用的 WebGIS 组件(如地图场景、弹窗、地形展示、多地图实例等),并通过 VuePress 搭建了配套文档系统,为开发者提供开箱即用的地理可视化解决方案,降低 WebGIS 开发门槛,提升开发 效率。 技术栈:vue.js、VuePress、L7 图层库、DeckGL 图层库、mapbox 工程化:Webpack、Docker 工作内容: 1.地理可视化封装 · 针对基础地图类组件:封装了支持多地图实例、地形展示、卷帘对比的基础地图组件,支持自定义地图样式、层级、数据源配置, 开发者可通过简单参数传入快速搭建地图容器。 · 针对交互组件类:开发了可拖拽 Marker、自定义 Marker 弹窗组件,支持 Marker 点击、拖拽、弹窗内容自定义,满足地理要素 的交互需求;实现 V-model 参数化控制,让组件与业务逻辑的双向绑定更简洁。 · 针对数据源与图层类:封装了矢量数据源、GeoJSON 数据源、视频数据源组件,支持多种地理数据格式的解析与渲染;同时开发 了 L7 图层、Layer3D 图层、DeckGL 图层等高级可视化图层组件,实现热力图、3D建筑、动态数据可视化等复杂地理效果。 · 针对工具类组件:完成了场景加载、控件示例、分析组件(如空间分析、路径分析)的封装,提供开箱即用的地理工具能力,减少 重复开发成本。 2.VuePress文档系统搭建 · 基于 VuePress 搭建了组件库文档系统,将每个封装组件的使用示例、API 文档、参数说明进行系统化梳理,配套截图与代码演 示,确保开发者能快速理解组件功能与使用方式。 · 实现文档的版本管理与搜索功能,支持开发者快速定位所需组件文档;同时配置了响应式布局,保障文档在 PC、移动端的阅读体 验一致性。 3.部署工程化 · 使用 Webpack 对组件库进行打包优化,分离业务代码与依赖,减小包体积,提升组件加载速度;通过 Docker 构建组件库镜 像,实现多环境一致性部署,支持开发者快速集成到各类项目中。

2024年02月 — 2024年07月

项目描述:该系统是为中小型企业定制的客户关系管理平台,核心功能涵盖客户信息管理、销售流程跟踪、商机转化分析、合同管理 及数据报表可视化,旨在帮助企业规范客户服务流程、提升销售转化效率。项目需适配 PC 端与平板端,同时满足多角色(管理员、销售、客服)的权限差异化需求,最终实现客户数据全生命周期的数字化管理 技术栈:Vue3+TypeScript + Pinia + Vue Router + Element Plus + ECharts + Axios + Vite + Git 工作内容: 1.客户信息管理模块开发: · 设计并实现客户列表页(支持分页、多条件筛选、批量操作)、详情页(包含客户基本信息、跟进记录、关联商机)的前端界面, 通过 Pinia 实现客户数据的状态管理,确保多组件数据同步; · 开发客户信息新增 / 编辑表单,封装下拉选择、日期选择、富文本输入等可复用表单组件,添加前端校验逻辑(如手机号格式、邮箱合法性),减少后端无效请求; · 实现客户跟进记录的实时新增与列表渲染,通过 Axios 拦截器处理请求异常,添加加载状态与错误提示,提升用户操作体验。 2.销售漏斗可视化模块开发: · 基于 ECharts 封装漏斗图、折线图组件,实现销售各阶段(线索 - 商机 - 报价 - 成交)的数据可视化展示,支持按时间维度(周 /月 / 季度)切换筛选,直观呈现转化效率; · 开发数据钻取功能,点击漏斗图某一阶段可下钻查看该阶段所有客户详情,通过 Vue Router 实现页面路由跳转与参数传递,确保 数据关联一致性。 3.权限控制与适配优化: · 基于后端返回的角色权限列表,实现前端路由守卫(Router Guard),限制不同角色对敏感页面(如合同管理、数据报表)的访 问权限,同时隐藏无权限操作按钮; · 采用 Flex + Grid 布局结合媒体查询,完成平板端界面适配,优化列表页、表单页的元素排版,确保在 768px-1200px 屏幕尺寸 下操作流畅; · 配合后端完成接口联调,使用 Postman 测试接口兼容性,通过 Vite 构建优化(如代码分割、图片压缩)将项目打包体积减少 30%,首屏加载时间缩短至 1.8 秒。