CSS

本方案面向追求独特旅游体验的游客，包括文化爱好者、历史探索者、游戏玩家及寻求个性化旅行的新世代旅行者。平台通过AI技术、实景互动与文化剧本，解决传统旅游“走马观花”、缺乏深度互动及个性化体验不足的问题。针对游客希望深入了解当地文化、历史并获得沉浸式参与的需求，平台提供定制化、交互式的旅游体验，让用户从“看景”转变为“入景”，深度感受目的地的文化魅力。 相比市场常规旅游方案，本方案具有以下独特特点： 虚实结合的沉浸式体验：通过扩展现实（XR）技术，将实景与数字内容无缝融合，游客可通过手机或专用设备在真实环境中体验虚拟剧本，突破传统旅游仅停留于观光的局限。 AI驱动的动态剧本：采用专为剧本游训练的大语言模型及自适应AI技术，替代传统真人NPC，实时根据用户决策调整剧情，支持多周目与平行宇宙玩法，显著提升互动性与重游价值。 高度个性化：AI分析用户喜好（如历史时期、文化主题、游戏类型），提供定制化的剧本与导航推荐，相比市场上标准化的旅游产品，更能满足个性化需求。 文化与教育深度融合：剧本融入当地历史与文化，通过互动任务引导用户深入了解目的地背景，优于传统导游讲解的单向输出模式。 多场景适用性：适用于景区、街区、公园、博物馆等多种场所，结合AR互动（如实景拼图、物品扫描等），提供多样化体验，超越单一的旅游产品形式。 产品组成与技术选型 移动应用：提供高自定义剧本选择、实时AR导航、AI虚拟助手、社区分享及语言学习功能，支持用户个性化旅游体验。 线下设备：XR设备（如AR眼镜）与360度全景相机，增强实景互动与远程参与体验。 剧本内容：涵盖历史文化、推理解谜、科幻冒险等多种类型，结合实景设计的原创互动剧本。 技术选型：采用大语言模型（LLM）驱动AI角色与动态剧本生成，Unity与ARCore/ARKit支持XR功能，LBS（基于位置的服务）实现精准导航，Node.js与MongoDB保障高并发与数据处理，WebRTC支持远程全景视频传输。这些技术确保了平台的沉浸感、交互性与可扩展性，为用户提供创新的旅游体验。

生产设备规划工具方案简介 1. 面向群体与解决的问题 本方案面向罐子生产企业的设备规划人员、生产管理者及相关决策者，旨在解决罐子生产过程中设备选型效率低、配置不精准、成本计算繁琐等问题。 传统设备规划依赖人工经验匹配生产需求与设备参数，易因罐子规格（大小、形状）、工艺类型（自动 / 半自动）等差异导致选型偏差，且人工统计设备数量、计算总成本耗时耗力，难以快速生成标准化设备清单。本工具通过自动化匹配逻辑与可视化管理功能，帮助用户高效完成设备规划全流程。 2. 方案特点（相较于市场常规方案） 智能化匹配，精准度更高 基于罐子规格（大 / 小、圆 / 方）、工艺类型（自动 / 半自动）及特殊参数（如大圆形罐子的封口类型），预设多维度设备映射关系，输入参数后自动生成适配的设备清单，避免人工选型的主观性误差。 全流程可视化管理 支持设备列表拖动排序、数量 / 单价实时调整、总价自动计算，且可通过表格直观展示设备图片、技术参数、总价等信息，解决传统 Excel 统计中信息分散、修改繁琐的问题。 灵活扩展与输出 提供 “添加新设备” 功能，支持自定义设备参数并纳入清单；支持一键导出 Word 文档，自动生成含图片、参数、价格的标准化设备清单，满足企业汇报、采购备案等需求。 用户友好的交互设计 通过下拉筛选、输入联想（设备名称自动补全）、拖放操作等优化体验，降低操作门槛，即使非技术人员也能快速上手。 3. 方案的技术选型与产品组成 技术栈 前端框架：采用 Vue 3 作为核心框架，结合 ArkTS 语法特性，适配多端展示； 界面渲染：使用 HTML/CSS 实现响应式布局，支持 PC 端与移动设备访问； 数据处理：通过 JavaScript 实现设备匹配逻辑、价格计算及 Word 导出功能（依赖docx库与file-saver库）； 交互增强：集成拖放 API 实现设备排序，通过 Vue 响应式数据实时更新页面状态。 产品组成 工具核心包含三大模块： 参数配置模块：提供罐子规格、工艺类型等选项，作为设备匹配的输入条件； 设备管理模块：支持自动生成设备清单、手动添加设备、调整数量 / 价格及删除操作； 输出模块：实现设备清单的表格展示与 Word 文档导出，满足多样化需求。 通过上述技术与功能组合，本工具为罐子生产企业提供了一套高效、精准、易用的设备规划解决方案。

该作品是一个基于frameset框架布局的网页结构，通过index.html构建了清晰的页面分区体系。整体采用上下三行划分，上方20%区域加载top.html，中间75%区域进一步以左右分栏形式布局——左侧固定200px宽度加载left.html，右侧为自适应宽度的主内容区（命名为content，默认加载1.html），底部5%区域加载foot.html。这种设计通过框架嵌套实现了页面的模块化拆分，让不同功能区域各自独立又相互关联，展现了早期网页开发中对内容分区管理的典型思路。 从功能逻辑来看，该结构具备明确的区域分工特性。顶部区域可承载网站标题、全局导航等核心标识信息，左侧区域适合放置功能菜单或目录列表，主内容区作为信息展示的核心载体，能通过左侧菜单的链接跳转（target指向content）实现内容切换，底部区域则可用于版权信息、联系方式等辅助内容展示。各区域通过独立的HTML文件维护，既降低了单个页面的复杂度，也方便后续对特定区域进行单独更新。 这种框架布局在特定场景下具有实用价值，尤其适用于需要固定导航与内容分离的网页场景，如后台管理系统、文档查阅平台等。尽管随着前端技术发展，frameset逐渐被更灵活的div+CSS布局替代，但该作品仍体现了早期网页开发中“结构与内容分离”的设计理念，为理解网页布局演进提供了典型案例，其模块化的思路对现代前端组件化开发也具有一定的参考意义。

通过全员互动式分工点名，将标准化作业要求从理论转化为实际操作，确保每名职工明确岗位职责和操作规范，避免因人为疏忽导致的作业风险。 ‌ 风险防控机制完善 该项目将事故防范转化为超前风险防控，通过点名环节的动态检查，及时发现并纠正不规范操作，减少因习惯性违章引发的安全隐患。 ‌ 职工参与度提升 通过全员参与的互动式点名，增强职工对安全生产的责任感，同时将日常检查与绩效考核挂钩，推动职工从"要我安全"向"我要安全"转变。

1.【30%】本方案面向陪护人员，解决了部分需要陪护的人和陪护人员之间更方便的联系，以及后期的保障。养老服务（居家养老服务）；组织文化艺术交流活动；健康咨询服务（不含诊疗服务）；养生保健服务（非医疗）；智能家庭消费设备销售；护理机构服务（不含医疗服务）；康复辅具适配服务；残疾康复训练服务（非医疗）； 2.【50%】相比于市场常规方案，本方案 简介透明，信息全面，审核严谨 3.【20%】技术选型是 uniapp 同时开发 小程序和 h5,一码多端，方便维护,轻便

该系统针对某传媒公司内部使用，原OA为传统的本地部署系统，需安装app或通过浏览器访问，存在消息推送不及时、流程维护成本高、兼容性差、无法单点登录等问题。鉴于存在以上问题，同时考虑到扩展性和后期使用成本，本人使用低代码Paas平台搭建了全新OA系统，并将新OA与“钉钉”进行集成。 业绩: 1. 消息提醒直接通过钉钉推送，避免了消息漏看情况的发生，提升了审批效率； 2. 可直接使用钉钉账号登录OA，实现SSO，无需每次打开浏览器、输入用户名/密码； 3. 移动端无需单独安装APP，解决了手机兼容性问题； 4. 对所有审批流程进行重新授权、设计、优化，使审批时效性提升40%； 5. 低代码Paas平台，使后续表单、流程的维护，无需再次投入费用，极大节省了运维成本；

面向情侣间，个性化的日历定制，打造独属于对方的日历，可自由添加日程，伴随有点击音效。 主要是个性化定制，制作一个属于对方的APP，与市面上能够购买的日历不同，打造专属日历。 可以适配Android系统，已在手机、平板上稳定运行。 自由添加在日历中的日程，用以做提醒，个性化的定制又可显示出独一无二。 伴随有可爱的音效，这个也可定制，独属于对方的性格。

# 记账本 个人开发的简易记账应用，前端基于 **Vue 3** + **Tailwind CSS**，后端采用 **Flask** 与 **SQLite**。项目既可以在浏览器中运行，也能通过 PyWebView 打包为桌面程序，适合学习和自用。 ## 功能概览 - 邮箱验证码登录 - 新增、编辑、删除账单 - 自定义收支分类 - 查看分类统计图表 ## 本地运行（直接复制全部代码粘贴到终端即可启动/打包项目） ### 进入项目根目录终端执行（确保存在node和python坏境） ```bash cd backend pip install -r requirements.txt cd ../frontend npm install npm run build xcopy dist\* ..\backend\frontend_dist\ /E /I /Y cd ../backend python run.py ``` ### 在backend目录下执行以下命令可打包项目为.exe文件 ```bash pyinstaller ^ --onefile ^ --windowed ^ --name jz_app ^ --icon app.ico ^ --add-data "app;app" ^ --add-data "frontend_dist;frontend_dist" ^ run.py ``` 执行完毕后`backend/dist` 目录会提供 Windows 可执行文件 `jz_app.exe`，无需安装环境即可启动。 ## 数据存储位置 开发模式下数据库文件位于 `backend/app/db.sqlite3`。打包运行时，数据会保存到用户主目录 `~/.jizhang/db.sqlite3`，关闭应用后数据依然存在。 ## 已修复问题 - 缺少收支类型定义字段 - 修改“添加账单”页面的分类时编辑接口不适配 - 列表账单页面：排序未调整，编辑和删除未连接后端，“所有时间”下拉列表改为“所有时间” - 登录流程及导航栏 UI 优化 - 图表分析页面的分类统计图调整 - 登录验证码五分钟后自动失效 ## 个人开发声明 本项目为个人学习和兴趣所作，代码和功能仍在持续完善中，暂不保证适用于生产环境。如有建议或问题，欢迎提出。

都很好奶茶店小程序作品通常包含以下核心功能与特色： 核心功能 ‌商品展示‌：分类展示奶茶、果茶、原茶等系列，支持图片轮播与规格选择（如冷热饮、甜度、价格）。 ‌ 1 2 ‌在线下单‌：用户可添加商品至购物车，支持支付后生成取餐码（适用于高峰期减少排队）。 ‌ 1 3 ‌订单管理‌：查看订单详情、地址编辑、评论互动及管理员回复。 ‌ 2 ‌用户管理‌：支持注册登录、地址编辑及收藏功能。 ‌ 2 交互设计 ‌页面布局‌：垂直导航栏+搜索框，分类菜单支持左右滑动，商品卡片含主图、名称及价格。 ‌ 1 4 ‌动画效果‌：加入购物车时显示数字动画，提升操作反馈。 ‌ 1 技术架构 ‌开发工具‌：基于微信小程序框架，无需服务器配置，支持下拉刷新与滚动加载。 ‌ 1 3 ‌管理后台‌：支持商品分类管理、热销排行及评论管理（管理员可回复）。 ‌ 2 特色亮点 ‌界面设计‌：采用圆角矩形设计，搭配奶茶主题视觉元素，增强用户体验。 ‌ 1 4 ‌用户留存‌：通过收藏、评论功能增强用户粘性，支持社交分享。 ‌ 2

这是一个专为朋友珠宝店量身定制的进销存管理系统，功能全面且细致。系统涵盖基础的系统管理模块，保障整体稳定运行；用户管理模块实现人员信息精准维护；权限管理模块确保数据安全与操作规范。工作流模块助力业务流程高效流转，营销管理模块支持多样促销活动开展。统计报表模块提供精准数据分析，商品基本信息维护、入库、上下柜、月结等功能实现商品全生命周期管理，排版功能则优化店铺陈列展示，全方位满足珠宝店日常运营与管理的多样化需求，

寻求陪伴者： 刚进入新城市、社交圈较小的年轻人。 有特定兴趣（如小众运动、看展、探店、学习小组）但找不到同伴的人。 需要临时陪伴参加活动（如婚礼、聚会、看演出）的人。 需要特定场景陪伴（如就医陪诊、旅行伴游、健身搭子）的人。 单纯想找人聊天、散步、分享心情的孤独人群。 提供陪伴者： 时间充裕、乐于社交、希望认识新朋友的人。 拥有特定技能、知识或资源（如本地通、摄影达人、游戏高手）并愿意分享陪伴的人。 希望利用空闲时间提供有偿陪伴服务，获得额外收入的人（需符合平台规范）。 兴趣广泛，渴望参与多样化活动的人。

可以参考以下内容： 1.【30%】本方案面向谁，解决了什么问题 2. 首页自由化定义 3.【20%】方案的产品组成或技术选型 1.【30%】本方案面向谁，解决了什么问题 2. 首页自由化定义 3.【20%】方案的产品组成或技术选型 1.【30%】本方案面向谁，解决了什么问题 2. 首页自由化定义 3.【20%】方案的产品组成或技术选型 1.【30%】本方案面向谁，解决了什么问题 2. 首页自由化定义 3.【20%】方案的产品组成或技术选型

**工业互联网低代码平台简介** 1. **面向对象与核心价值（30%）** 本平台面向制造业企业、工业软件开发团队及系统集成商，致力于解决工业领域数字化转型中开发周期长、技术门槛高、定制化成本大的痛点。通过低代码可视化开发，用户可快速构建工业物联网（IIoT）应用、智能监控系统、设备管理平台等，实现生产数据实时采集、分析与业务协同，大幅降低工业软件的实施与维护成本。 2. **差异化优势（50%）** - **全栈技术集成**：基于SpringCloud微服务架构与SpringCloud Alibaba组件，支持高并发、分布式部署，结合Redis缓存、RabbitMQ消息队列及XXL-JOB任务调度，确保平台的高性能与可靠性。 - **低代码高效开发**：通过Vue+ElementUI前端框架提供拖拽式界面设计，后端SpringBoot快速生成服务，减少80%以上重复编码，同时支持自定义代码扩展，兼顾灵活性与效率。 - **工业场景深度适配**：内置设备连接协议库、实时数据看板模板及告警规则引擎，无缝对接PLC、传感器等工业设备，缩短从开发到落地的周期。 3. **产品组成与技术架构（20%）** 平台由可视化开发工具、微服务治理中心、工业数据中台及运维监控模块组成，涵盖前端配置、后端逻辑编排、多源数据整合及自动化运维全流程。核心技术采用Java生态（SpringBoot/Cloud）与轻量级中间件（Redis/RabbitMQ），确保企业级稳定性的同时，支持云原生与混合部署。 ——以低代码赋能工业智能化，让复杂系统开发更简单。

本系统专为教育工作者设计，解决了传统课堂点名效率低、随机性不足的问题。相比市场常见方案，本系统具有以下特点：（1) 纯前端实现，无需服务器支持，即开即用；（2) 简洁直观的交互界面，教师可快速上手；（3) 支持批量导入学生名单，自动去重。 技术方案采用HTML5+CSS3+JavaScript标准Web技术栈，包含三个核心模块：（1) 输入模块（文本区+添加按钮）；（2) 随机点名模块（定时器控制滚动）；（3) 名单展示模块（实时更新可视化）。系统响应式设计适配各类设备，数据完全本地处理保障隐私安全。整套方案仅需三个文件即可部署，是教师课堂管理的轻量级助手。

AI工具导航与对比平台 项目简介 这个项目是一个全面的AI工具导航与对比平台，旨在帮助用户发现、评估和比较各种人工智能工具。平台提供了丰富的功能，包括： 核心功能亮点： AI工具导航：按类别（如聊天AI、音频AI、图像生成等）浏览数百种AI工具 详细工具信息：每个AI工具都有详细的功能描述、优缺点、用户评分和评论 案例分享系统：用户可分享AI工具的实际使用案例和经验 智能对比功能：选择多个工具进行详细功能对比 个性化体验：用户可收藏工具、保存浏览历史、参与评论 技术亮点： 多语言支持（包括藏文特殊处理） 响应式设计，适配各种设备 用户友好的表单验证和交互体验 强大的后台管理工具 全面的数据库结构检查和修复功能

本项目中包含相当多的大屏页面，通过一系列的沉淀，我有一套快速适合开发系统的插件，比如 视频、地图，管理系统框架。vue3 + elementPlus + vite。也可开发简单的 spring boot 项目。小程序、NestJs项目也没问题。欢迎垂询：199107881655。空闲时间相当多，保质保量、价格低廉。只要不去现场，不去坐班，一切好谈。

一个功能强大的Chrome广告拦截插件，提供智能广告拦截、元素隐藏、拦截统计和自定义规则管理等功能 ? 主要功能 ?️ 智能广告拦截 自动识别并阻止常见广告请求 支持横幅广告、弹窗广告、视频广告等多种类型 基于Chrome Extension Manifest V3规范 ? 元素隐藏功能 动态检测并隐藏页面中的广告元素 保持页面布局整洁 实时监控DOM变化 ? 拦截统计面板 实时显示已拦截的广告数量 提供今日、本周、总计等详细统计 当前页面拦截状态显示 ⚙️ 自定义规则管理 支持添加、编辑、删除自定义拦截规则 支持URL拦截、元素隐藏、域名拦截等多种规则类型 白名单功能，允许特定网站显示广告 ? 一键开关控制 简洁的popup界面 快速启用或禁用拦截功能 实时状态反馈

StudyHub 致力于解决学习资料分散、信息闭塞等问题。平台整合了多学科题库资源，涵盖高中和大学的数学、物理、化学、英语等核心学科，提供分级难度题目、历年真题及竞赛试题。通过AI智能解题功能，学生可快速获取详细解答和学习建议，支持文本、图像及语音输入。此外，平台还提供试卷管理、教材资源库、个性化学习路径及知识图谱系统，帮助学生高效规划学习进度。教师可上传资源、管理学生数据，管理员则负责内容审核与权限管理。采用Next.js、TypeScript和MongoDB技术栈，StudyHub以数据驱动为核心，为学生打造一站式学习解决方案，助力提升学习效率与成绩。

【开发进度：30%】 1、根据用户需求，设计后台系统大纲，梳理各类系统、查询日志报表等分支页面需求； 2、设计界面布局，完成模块化整理，开始接入需求数据。 【开发进度：50%】 1、完成操作界面，完成后台管理用户组模块、各功能入口及基础界面，用户可自由操作，完成各类查询等； 2、接入完重要数据需求。 【开发进度：75%】 1、完成全部管理系统功能，进行数据测试，修复可能存在的bug。 【开发进度：100%】 1、验收完后台全部功能和数据校验，交付给用户。

响应式网格系统 采用CSS Grid + auto-fit实现智能布局，面具展示区可自动适配250px~1fr的弹性列宽 支持从手机端（320px）到4K屏幕的流畅显示，通过媒体查询优化移动端触控体验 动态交互体系 javascript // 复合变换动画 card.addEventListener('mouseenter', function() { this.style.transform = 'rotate(-2deg) scale(1.05)'; this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'; }); 悬停时触发旋转+缩放复合动画，采用贝塞尔曲线优化运动曲线 导航栏滚动渐变效果，通过Intersection Observer API实现精准滚动监测 地理信息可视化 使用SVG内联技术构建交互式地图框架 热区标记支持点击事件，预留GIS数据接口便于后续集成真实地理坐标数据 性能优化策略 图片采用WebP格式+srcset属性实现自适应加载 CSS动画仅使用transform和opacity属性，确保GPU加速渲染 二、功能特点 多维度文化展示 时间轴模块：通过滚动监听实现历史段落渐进式加载（需后续扩展） 工艺流程可视化：采用分步式卡片设计，支持流程图扩展 面具360°展示：预留Three.js接口，可扩展WebGL 3D旋转功能 交互式学习体验 地图热区弹出地理分布知识卡片 面具细节放大镜功能（需集成medium-zoom.js库） 语音导览按钮（预留Web Speech API接口） 文化保护功能 非遗档案数字化存储方案（需对接后台数据库） 制作工艺VR展示入口（预留A-Frame框架接口） 传承人访谈视频弹窗模块 教育拓展功能 面具涂色互动小游戏（预留Canvas绘图接口） 文化知识问答系统（需集成自然语言处理） 课程资料下载中心（需配置文件服务器） 三、创新点 游戏化学习机制 设计"面具拼图"互动游戏，完成可解锁非遗证书（预留Phaser.js游戏引擎接口） AR增强现实 通过WebAR技术实现现实场景面具叠加（需集成8th Wall AR库） 区块链存证 预留以太坊接口，为数字藏品提供区块链确权服务 多语言支持 设计i18n国际化方案，支持中英法等多语言切换（需配置语言包） 四、技术架构图 前端层 ├─ 响应式布局（CSS Grid/Flex） ├─ 交互动画（Web Animations API） ├─ 3D可视化（Three.js） └─ 地理信息（Mapbox GL JS） 后端层（预留） ├─ 内容管理系统（Strapi） ├─ 数字资产存储（IPFS） └─ 用户行为分析（Matomo） 该设计实现了传统文化展示与现代Web技术的深度融合，既保证了文化表达的准确性，又通过交互创新提升了数字文化体验的沉浸感，为非遗数字化保护提供了可扩展的技术解决方案。