JavaScript

为企业搭建的公司宣传网站，实现对公司及产品的介绍。公司非程序开发人员也可通过管理页面，采用所见即所得的方式修改网页展示内容。 本网站由本人独立搭建完成。

整体描述： 本项目使用Nextcloud框架，通过应用的方式实现了该项目。 主要模块： 1、缔约方资质审查：合同缔约方及缔约方的资质凭证的管理； 2、合同示范文本管理：合同的范文模板的管理； 3、新签合同起草和审查：合同的新签和审查； 4、合同归档管理及统计：归档合同的管理和统计。 负责内容： 1、依据客户给出的需求文档，进行需求分析，并对需求进行进一步确认； 2、项目的数据表结构设计； 3、服务器端项目功能逻辑代码的开发实现； 4、服务器前端页面及功能的开发； 5、针对测试人员测试出的BUG进行修复。

项目一：卡维图可视化系统 模块：地图展示、报表展示、监控 该项目我负责整个项目的前端工作，使用了vue2框架和高德地图，最终实现了设备供应商管理和监控客户的设备以及电路故障

工具采用B/S架构开发，实现了集测试场景搭建、测试运行配置、测试过程监控与结果分析于一体的全方位的性能测试能力。 我负责脚本编辑器和脚本录制器两个模块。 脚本编辑器是draggable实现从页面左侧预置组件 库中拖拽相应组件至编辑区域指定位置。 脚本录制器使用electron+puppeteer实现自动捕捉浏览器操作数据并转换为测试脚本存入编辑器，并对录制抓取到的内容进行分类，去重。

集团驾驶舱展示，数据联调，关系图，产品节点，文本节点，线条；除了静态图片素材，通过JS和一些插件还可以实现如下的大屏动态背景； 工厂的可视化系统，可以通过监控、接入数据库及其他数据可视技术，可以实现工厂生产信息集成统一管理； 明确目的、选择图表、视觉设计、突出重点，它将企业的文化、产品、人资、经营范围、市场地位等信息融合在一张大屏中，用或酷炫、或稳重的视觉效果呈现。在客户、领导、投资人等外部嘉宾前来参观视察时，综合展示大屏便是接待室最佳的视觉中心

项目描述：来料筛选，参数设置，匹配结果调整等 责任描述：1、根据需求进行所有模块开发设计，接口设计 2、来料筛选模块前后端代码开发及调试 3、后期各模块功能优化 4、客户现场测试环境，正式环境部署 5、客户现场bug消缺 技术路线：spring cloud + springboot+jpa+vue+elementui+MySQL

完成后台管理系统，一级二级，树形结构，图标联动，前端负责响应用户，获取需求后传给后端，后端负责具体实现，通过接口回传，然后前端呈现结果，管理后台负责资源提供，任务处理及效果分析，前端获取页面模板和接口数据，完成渲染（拼装页面），与用户交互，简言之：前端负责展现逻辑。

交付管理系统是企业交付团队用来进行项目管理和确认收入的内部管理系统 【功能模块】 （1）系统门户：比如待办，常用图表等； （2）项目管理：把项目拆分成任务，跟踪任务执行人 （3）工时填报：让甲方确认工时，财务用来确认收入 （4）各种管理报表：支持逐级钻取 （5）主数据管理：客户主数据来自于 crm，项目集群和问题跟踪来自于 jira 【负责内容】做为该项目的负责人，主要需求调研，资源调配，项目管理，业务和方案制定，门户设计，产品实施，用户培训，迭代更新 【困难和解决】 产品是国内一套低代码平台，但平台能力局限性，导致很多功能不能达到用户满意效果。 作为需求方和厂商之间的桥梁和对结果负责的人，不能直接实现的想其他办法变相实现，双方妥协，最终实现效果是能用但不是很好用； 需求方团队庞大，主要对接人并不完全清楚团队业务，有些需求沟通不准确，导致后期不断修正。后面采取沟通后签字确认，才得以改善； 产品稳定性差，比如客户同步数据很慢，而且经常丢数据，多次沟通后仍未见效。后面直接拉双方boss面对面会晤，才得以彻底解决

目前市面大部分专线类TMS系统都是点对点运输，不支持多点运输，装卸,此系统加入多点之间内部核算,分摊规则。 系统主要包括:基础数据，订单管理，客户管理，订单签收，库存查询，运单管理，站点管理。财务核算,报表中心，异常处理，系统管理等

项目：中油设备可视化系统 模块：地图展示、报表 该项目我负责整个项目的前端工作，使用了vue3框架和echarts，最终实现了设备租赁共享关数据的报表展示。

测试与优化：完成以上步骤后，需要对数据大屏进行测试和性能优化，以确保其在各种情况下的稳定性和高效性。 四、前端可视化数据大屏的关键技术 Web前端技术：包括HTML、CSS、JavaScript等，用于构建和呈现数据大屏的界面和组件。 数据可视化库：如ECharts、Highcharts等，这些库提供了丰富的可视化组件和功能，可帮助开发者快速实现复杂的数据可视化。 数据处理技术：包括数据清洗、数据转换等处理技术，这通常涉及到一些数据处理库和工具，如Pandas、Numpy等。 API接口技术：为了从后端获取数据，通常需要使用到API接口技术，如RESTful API等。

用原生HTML、CSS、JavaScript编写的一个静态电影网站，取名叮当电影。 以前学习前端基础知识时做的一个小作品，参考了很多电影网站的一个原型，在这里记录一下自己的学习过程及产物。 ❉ 二、实现 叮当电影总共4个页面，分别是登录注册页面、首页、电影详情页面和电影选票购票页面

大苏打实打实大苏打实打实打算大苏打事实上大苏打萨达萨达是大苏打撒打算的撒大撒大撒大撒打赏的萨达萨达萨达撒旦大苏打阿松大阿斯顿飒飒大阿松啊实打实的啊啊实打实

测试与优化：完成以上步骤后，需要对数据大屏进行测试和性能优化，以确保其在各种情况下的稳定性和高效性。 四、前端可视化数据大屏的关键技术 Web前端技术：包括HTML、CSS、JavaScript等，用于构建和呈现数据大屏的界面和组件。 数据可视化库：如ECharts、Highcharts等，这些库提供了丰富的可视化组件和功能，可帮助开发者快速实现复杂的数据可视化。 数据处理技术：包括数据清洗、数据转换等处理技术，这通常涉及到一些数据处理库和工具，如Pandas、Numpy等。 API接口技术：为了从后端获取数据，通常需要使用到API接口技术，如RESTful API等。

项目：中油设备可视化系统 模块：地图展示、报表 该项目我负责整个项目的前端工作，使用了vue3框架和echarts，最终实现了设备租赁共享关数据的报表展示。

通过对校园网站的课表页进行数据获取，并且将获取的数据显示为一张课程表显示在安卓软件上，也可以在手机主屏幕上显示一张weidge卡片，支持显示当前时间点正在进行的课程，支持课程闹钟提醒，实时动态获取课表变动，比如课程的更换和减少等状态 软件使用安卓和java技术，数据获取使用Okhttp，模拟网页账号登录，实时获取数据后，使用安卓的webview重新显示课程表，并且使用weidge做出能在手机主屏幕上显示课程表卡片 难点在于使用Okhttp获取数据，包括数据的加密解密，数据清洗格式化，账号自动登录等等

通过对校园网站的课表页进行数据获取，并且将获取的数据显示为一张课程表显示在安卓软件上，也可以在手机主屏幕上显示一张weidge卡片，支持显示当前时间点正在进行的课程，支持课程闹钟提醒，实时动态获取课表变动，比如课程的更换和减少等状态 软件使用安卓和java技术，数据获取使用Okhttp，模拟网页账号登录，实时获取数据后，使用安卓的webview重新显示课程表，并且使用weidge做出能在手机主屏幕上显示课程表卡片 难点在于使用Okhttp获取数据，包括数据的加密解密，数据清洗格式化，账号自动登录等等

用原生HTML、CSS、JavaScript编写的一个静态电影网站，取名叮当电影。 以前学习前端基础知识时做的一个小作品，参考了很多电影网站的一个原型，在这里记录一下自己的学习过程及产物。 ❉ 二、实现 叮当电影总共4个页面，分别是登录注册页面、首页、电影详情页面和电影选票购票页面

项目简介：该项目主要是整合某省下所有地区进行某一指标下某一采集点填报，分析，评建等过程。 技术选型：React，supabase。 主要职责： 1.数据可视化大屏开发。 2.指标管理、用户管理、地区管理开发，其中包含一键导入按钮，使用xlsx封装数据转换组件。 3.采集点管理、题目管理、答案管理、角色管理、采集点分配管理开发，实现搜索按钮查找。 4.指标填报页面开发，一些常见固定题型开发、封装。 5.对接数据页面开发，包含上传固定格式的.xlsx文件生成可视化图标分析排名情况，根据算分方法实现各地区排名。 6.工作台页面开发，可以对于分配之后的指标进行总体填报进度查看。 7.数据统计页面开发，使用vchart进行填报数据分析占比情况。 重难点分析：使用supabase链式调用，进行工作台进度填报分析，包括但不限与地区筛选，指标筛选，数据采集点筛选等。

目前市面大部分专线类TMS系统都是点对点运输，不支持多点运输，装卸,此系统加入多点之间内部核算,分摊规则。 系统主要包括:基础数据，订单管理，客户管理，订单签收，库存查询，运单管理，站点管理。财务核算,报表中心，异常处理，系统管理等