css

1. 项目介绍 软件的官网介绍详情的落地页，兼容手机端 2. 项目架构 采用vue3, 高德地图，Apache ECharts，ant design vue 等

功能模块：产品通过高级图形呈现技术实现了城市交通网络的立体展示。功能模块包括实时交通流量监控、交通效率分析、路网状态动态显示、以及交通数据统计等。页面提供了多个实用工具和视图选项，如不同角度的城市视图、路况监控图、以及性能监控指标，这些都为城市交通规划和管理提供了宝贵支持。 我负责：可视化数据处理，前端页面开发，性能调优

1.技术栈：html+css+layui+js+jquery 2.本项目页面有注册，登录，首页，个人中心界面，课程列表，课程详情，课程支付，支付列表，支付详情等 3.本项目头部为自定义头部，可固定于头部，滚动时自动加白色背景，底部也为固定导航，可点击跳转

项目描述：督办系统是一个工作审批的平台，里面提供了常规的多角色业务流程审批功能，不仅包含工作流程的业务处理，项目超时预警、项目督办、管理审批等模块，还设置了智慧大屏的业务板块，使用echarts图，实时高效的显示出当前的任务，以及季度指标，便于管理人员及时管控。 项目职责： 1. 对设计稿中的功能模块进行细致入微的分析，明确各功能模块的优先级与开发周期，精心挑选能够支撑项目架构的基础框架与组件库。 2. 使用TypeScript的强大类型系统来精确定义接口的结构，创建一个更为通用的基接口使用接口继承的概念促进代码的复用和模块化。 3. 精准还原设计稿，确保页面动态行为与设计初衷相吻合，与后端的接口联调。 技术要点： 1. 使用Vue-Vben-Admin框架结合Ant Design Vue丰富的组件库完成用户界面。 2. 使用Pinia作为组件间状态管理的利器，可以直接在任何需要的地方访问和更新状态，以此来优化多级组件间的数据传递与状态同步难题。 3. 将界面的各个构成部分分解为独立且可复用的组件，促进了代码模块化，提升项目的可维护性和扩展性。 4. 对Echarts中图表实现统一

宜课学习平台 前端 vue2.0. 后端spring cloud 微服务架构 平台拥有3个角色 1. 学生(进行课程的学习) 2. 老师(撰写课程) 3. 管理员(管理系统) 系统采用章节单元碎片化学习管理,支持断点续学,考试等特色

项目描述：该项目旨在为政务管理人员打造一个全面的数据可视化解决方案，集数据采集、处理、分析及展示于一体，利用大屏幕作为展示媒介，能够直观、生动地呈现海量数据信息，极大地提升了数据的可视化效果，使数据更加易于理解与分析。 项目职责： 1. 与产品经理深入沟通可视化方案，明确项目需求，考虑采用多种图表类型（如折线图、柱状图、饼图）、地图视图以及交互式表格等形式。 2. 在ECharts中使用formatter来满足高效和定制化需求的优化策略。 3. 根据客户需求，选择不同的适配方案(例如 4k屏 超宽屏 非16：9)确保大屏的布局和内容能够完美适配 技术要点： 1. 封装和抽离ECharts组件，同时根据设计稿定义通用组件样式。 2. 使用rem、vw、vh等单位来适配大屏幕，确保网页在不同尺寸的设备上都能保持良好的布局和可读性。 3. 使用rem解决ECharts中字体在不同分辨率下显示受限于最小12px的问题。 4. 使用WebSocket实现实时数据推送。

前端采用vite 构建vue 3.0 实现前后台动态路由, 后端采用spring boot 单体应用. 系统为构建碳积分管理端的dashboard. 采用echart实现图标功能.

在当今现代都市生活中，空气质量的预测已经成为人们日常关注的重要话题。 随着工业化和城市化的加剧，以及交通工具的增多，空气污染已成为影响居民健康的主要因素之一。 因此，及时准确地预测空气质量变化，对于人们健康和生活质量具有重要意义。该系统实现了对原始数据的可视化，每年AQI平均值对比，每年污染等级统计，未来5天的空气质量预测，不同模型间的效果对比等功能。

作品介绍： 1.用户注册、登录。 2.用户购买任务。 3.用户下达任务。 4.后台管理员审批任务。 参与模块：数据库、框架设计、搭建，功能实现

英国康力斯集团现已被印度塔塔集团收购，我和3位同事为其开发整个集团的钢铁买卖CMS系统，1.0时是采用WinForm，2.0升级到Web，并且实现多时区，多货币自动结算。

1、系统分为管理员和管理员两部分，用户和管理员需要登陆才能获得相应的访问权限，而对于一般的用户来说，可以使用的是：查看自己的信息，更改自己的信息，查看垃圾详情信息，垃圾站信息，垃圾运输信息以及进投诉，报修，查看自己的投诉，查看自己的报修，而管理员可以对用户信息进行管理，对小区信息进行管理，对垃圾分类信息进行管理，对垃圾详情信息进行管理，对垃圾站信息进行管理，对垃圾运输信息进行管理，对投诉信息进行管理，对报修信息进行管理。 2、负责全栈开发并在外网发布

负责整个微信小程序开发 1.商家入驻发布产品，涉及周边定位功能 2.微信支付，微信授权登录、 3.购买商品、评价、评论等功能

项目分为前端首页、产品分类，公司简介、联系我们，后端添加、删除、修改、查询、排序前段的数据。干网站全部我独立完成。

1.注册登录表单的制作和验证 2.本地存储的使用 3.移动端和pc端两端制作 4.html+css+layui+js+jquery 5.本项目页面有注册，登录，首页，预约界面，个人中心界面等

项目描述：该系统可根据自身业务特点，轻松构建、配置和优化业务流程图，从而实现更高效、更透明的业务管理。支持拖拽操作，自主设计出符合业务需的流程图。可快速创建常见的审批、汇报等业务流程，提升工作效率，加强业务透明度。 项目职责： 1. 前期与产品经理进行可行性分析，共同梳理项目业务需求。 2. 负责项目前端架构的搭建，包括需求分析、技术选型、项目初始化、模块化设计等。 3. 约束统一的代码格式标准、复用性高的工具类引入、路由搭建。 4. 周期性的代码合并，以及完成功能需求后的自测。 技术要点： 1. 采用websocket实现消息提醒功能，让登录角色与定制的流程节点联动实现业务通知提醒。 2. 流程节点根据不同的业务，自动绑定对应的状态颜色（黄红灰绿蓝），从而实现预警、督办、未开始、进行中、已完成等状态标识。提供用户自定义定制，结束时间前多久进行自动预警，延期后发送短信通知用户等功能。

亚洲卫星是亚洲地区不可缺少的卫星租用平台，我和3个同事负责整个系统的设计、开发、部署、交付、维护等工作。

开发工具及环境：Spring tool suite(STS) 、JDK1.8、MySQL5.5、Gitlab 项目技术及框架：SpringBoot2.0+MyBatis + Nginx + redis + Jenkins + Layui 项目描述：此项目为电商项目，针对幼，小，中，老年人群推受羊奶营养制品，本项目的营销模式为分销模式，分为 总平台，一级代理（省代），二级代理（市代），店长，分销员及普通用户，通过分销及推荐购买的方式对本层级及 上级进行分润，不越级分润，店铺为全国连锁，用户注册是进入就近或可选择店铺进行绑定，绑定后无法进入别的冠 林羊行店铺，店长可邀请用户成为分销员，邀请数或销售数达标存在奖励机制 责任描述：在项目中负责服务器选配安装部署，后台代码使用 layui 前端框架，实现层采用 Spring 框架的 IOC 注入表 现层 Controller,控制层使用 Spring 实现文件上传包括用户代理商模块的增删改查，及商品列表价格规格轮播图片的相 关业务，优惠券的下发利用定时器控制优惠券自动发放及过期失效，活动（主题活动，限时秒杀，拼团活动）的相关 代码开发，活动中

功能介绍 （一） 系统无需下载app，可直接在微信登陆。 咖啡云平台已经搭建好并运行于公司总部服务器，智慧农场整套系统的开发、部署、升级将会直接运行于咖啡云系统上。提供微信接口，如，公众号链接，不开发独立APP，无需安装、注册。 （二） 系统的扩展性与集成功能 系统中的配电箱有多路插座及继电器，可根据用户需要连接不同的电器或设备（如抽水机、灯、风扇等），继而通过手机远程控制电器。有手动”及“定时”两种方式，可用手机对系统进行不同的设置。手动模式指用手机端远程控制电器，定时模式则是设定电器设备的启动与关闭时间，系统到达设定的时间后，就会自动启动和关闭电 器设备。 image.png （三） 数据采集、分析及数据挖掘 系统通过传感器采集到的数据保存在服务器后台，若往后采集的数据量大，可以把采集到的数据进行分析、建 模，建立完整数据仓库，深度挖掘数据价值。数据挖掘是指从大量的数据中通过算法搜索隐藏于其中信息的过程，存在大量数据，可以广泛使用，并且迫切需要将这些数据转换成有用的信息和知识。获取的信息和知识可以广泛用 于各种应用，包括工业、农业等。构建农场数据平台，进行数据挖掘

分析： 这一套初始化CSS样式比较简单适合初学者学习, 这套初始化样式相当全面，对HTML中常用的元素进行了样式重置，包括边距、填充、字体、列表样式等。这样的初始化样式对于确保页面元素在各个浏览器中具有一致的外观和布局是很有帮助的。下面是这个初始化样式的一些优点和建议： 优点： 全局重置 * 选择器用于全局重置 margin 和 padding，这确保了所有元素没有默认的边距和填充。 字体堆栈 body 的 font 属性定义了多个备选字体，这增加了字体在不同系统上的兼容性。 链接样式 a 和 a:hover 定义了链接的基本样式，包括去除了默认的文本装饰和下划线，以及悬停时的颜色变化。 图片和表单元素 img、input 和 textarea 的样式确保了它们在不同浏览器中的一致表现。 浮动和显示 .fl、.fr、.block 和 .none 类为快速设置元素的浮动和显示属性提供了便利。 居中文本 .text-center 类使得文本居中变得简单。 建议： 代码优化： 有些样式被重复定义了，例如 margin: 0; padding: 0; 在多个地方出现。您可以考虑

做了一个可以爬取各种漫画网站信息，使用mongodb 存储， 并做一个前台站，负责展示这些信息， 另外还包括1：使用waifu2x的图片放大工具， 2：基于英伟达的pix2pix实现的去码功能，3： 基于orc做漫画中的文字识别，并传入gpt实现自动翻译的功能。