招商平台

我要开发同款
BJFQY2024年05月15日
82阅读
开发技术elementui、axios、html5、cssvue

作品详情

从0搭建项目,经历了整个项目生命周期。对接业务前端。负责技术选型,难点攻克。

使用Vue全家桶进行开发,并使用Vuex作为状态管理工具。

使用sass预加载以及mixin样式编程优化代码结构提升代码质量。

经历过3次重构,注重性能优化与体验,在2.0版本,打开首页速度提高1倍。

Webpack 个性化配置以及优化,采用 keep-alive 缓存机制,追求用户体验与细节。

axios二次封装,支持取消请求,请求超时、拦截等功能。

封装Echarts、支持窗口缩放时的适应问题、实时更新。

使用relation-graph插件完成企业人员图谱、企业投资图谱、企业关系图谱。

可定制化用户logo、背景页设置、水印。

使用geojson.io补全Echarts地区缺失。

使用百度地图DrawingManager绘制自定义围栏获取企业数据。

招商数据管理平台
技术选型: Vue Echarts element-ui Vuex zm-tree-org

项目概述:该项目面向公司开发和运维人员、招商人员使用,包括标签池、标准图谱、项目管理、触达管理、企业库、采集库、行为数据。

负责内容:

独立负责项目搭建。使用Vue全家桶进行开发,并使用vuex作为状态管理工具。

期间承担PM职责,对接需求方进行原始需求分析与拆解,负责产品设计、产品追踪、技术方案推进及后续优化。

封装表格表单联动组件。

负责标准图谱、项目管理、标签池模块。

项目业绩:

首页大量图片以及 echarts 组件,所以采用压缩图片,协商缓存,组件懒加载,可以防止首页加载时间过长。

企业名单上传体积过大,优化上传过程等待。

根据需求自己封装了树组件,支持添加、搜索、编辑等功能。

大数据可视化大屏
技术选型:Vue Echarts 百度地图
项目概述:该项目面向政府使用。包括重大项目签约台帐、重点项目库大数据分析、企业家全国分布。
负责内容:

使用vue搭建项目,多屏幕适配。

封装Echarts组件,利用图片展示词云。

页面动画动态效果。

项目业绩:

处理大量数据在地图渲染和卡顿。
文章列表的长列表优化,使用虚拟滚动。
使用 Echarts 多系列混合图表的大数据量个性化配置和展示。
模块封装组件便于维护。
数据提前清洗和预处理。
招商引资重大项目台账管理
技术选型: Vue element-ui Echarts
项目概述:该项目面向政府招商引资审批项目管理流程系统。包括项目管理、台账报表、统计系统、系统管理。
负责内容:

代码 review 以及前端规范制定。
开发台帐审批流程模块。
表格表单联动组件开发。
复杂财务报表组件开发。
项目业绩:

完成相同工作量,线下变成了线上,人数不变的情况下,记录量翻倍。
处理不同等级用户在不同时间段操作系统。
预览、导出每个季度台账报表。
实现了根据用户权限挂载不同的权限路径,让其拥有不同的权限。
使用加密狗生成密钥,保护源代码。
慧数招商人工智能行业报告(H5)
技术选型:vue Vant Echarts
项目概述: 精准洞察人工智能行业的动态和趋势,智能分析整合,每月定时更新行业分析报告。包括月关键词、产业链高亮、本月焦点、行业动态、明星推荐、优质企业。
负责内容:

负责项目整体搭建,使用vue+Vant开发。

使用Swiper可自定义轮播。

使用Echarts-graph关系图表示产业链高亮。

可分享第三方平台。

城市人才雷达大数据平台
技术选型: Vue element-ui
项目概述:该平台以人才为导向,以企业工 商数据为辅助,把实现个人价值与社会人才经济发展联系起来。包括企业家雷达、价值测评、企业家触达、企业家智库、企业家搜猎。

负责内容:

负责项目搭建,使用vue+element。

根据地区建立企业家雷达。

根据ACMII指标价值、商业维度、人脉维度、资产维度、媒体维度、产业维度测评企业家。

使用活动页、短信、邮箱模版开展活动。

数智ONE系统
技术选型:vue iview Axios
项目概述:通过付费实力和选址动力进行排序,来筛选符合指定条件的企业。包括产业分布、产业链、潜在伙伴、潜在项目、我的关注、控制面板。
负责内容:

负责项目搭建,使用vue+iview开发。
Echarts地图支持省市县下钻。
使用Echarts地图实现企业热力图、散点图、迁入、迁出。
冯青云 - 前端工程师
女/17600425823
17600425823@163.com

东北农业大学/计算机科学与技术

本科/2021年毕业
山西能源学院/信息管理
专科2016年毕业

介绍
能使用 HTML5 + CSS3 ,并结合 Sass/Less 等预处理器进行设计稿还原。

多次使用Vue全家桶进行项目开发,使用过ElementUI、VantUI、iviewUI。

了解数据可视化技术,多次使用Echars,根据要求实现可视化图表展示。

了解webpack打包工具基本配置,基于工具搭接通用的开发环境。

良好的代码编程,具有框架意识,乐于封装代码,拆分代码组件化。

独立开发能力强,逻辑思维强,能够快速定位问题,并提出技术解决方案。
了解常规开发流程,开发调试技巧,部署步骤。

工作
中科点击(北京)科技有限公司 (2018.1-2023.11)
负责公司自研产品、小程序、公司官网、后台管理系统研发工作。

推动技术栈升级统一,基于业务场景调研技术方案选型、组件库的选取。

拉通UI部门,统一前端标准化。制定组内研发代码规范。

任职期间担任过PM角色,与客户对接需求,负责产品设计、技术方案推进。

项目
慧数招商平台
技术选型: Vue Vuex Axios Echarts 百度地图 G6 relation-graph

项目概述: 该项目主要面向政府、企业招商。打破传统招商引资,通过大数据监测企业动态。整个平台包括首页推荐、产业图谱、园区猎企、招商渠道、招商情报、重点关注、企业触达。

负责内容:

从0搭建项目,经历了整个项目生命周期。对接业务前端。负责技术选型,难点攻克。

使用Vue全家桶进行开发,并使用Vuex作为状态管理工具。

使用sass预加载以及mixin样式编程优化代码结构提升代码质量。

经历过3次重构,注重性能优化与体验,在2.0版本,打开首页速度提高1倍。

Webpack 个性化配置以及优化,采用 keep-alive 缓存机制,追求用户体验与细节。

项目业绩:

axios二次封装,支持取消请求,请求超时、拦截等功能。

封装Echarts、支持窗口缩放时的适应问题、实时更新。

使用relation-graph插件完成企业人员图谱、企业投资图谱、企业关系图谱。

可定制化用户logo、背景页设置、水印。

使用geojson.io补全Echarts地区缺失。

使用百度地图DrawingManager绘制自定义围栏获取企业数据。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论