雾扰ぃ-CSDN博客

原创实训组长如何同时推进多个模块开发

本文分享了6人团队并行开发8个模块的协作工程实践。核心策略包括：模块化代码设计严格划分工程结构，每个模块拥有独立Controller/Service/Entity 组长预先搭建项目骨架，避免共享文件冲突统一技术规范定义Result统一返回结构（状态码/字段名标准化）制定命名规则（类名/表名/URL路径统一范式）接口契约解耦各模块通过RESTful接口通信，前端只需处理标准响应示例：二手商品模块完整实现CRUD与业务闭环开发流程优化表结构设计采用中文拼音命名，提升可读性通过接口文档先行，

2026-07-02 00:24:23 231

原创统一用户体系与信用分机制

本文介绍了校园综合服务平台中用户系统的核心设计与实现，重点阐述了四个关键方面：登录注册的Session实现、用户信息传递、实名认证与头像上传、信用积分体系。系统采用简洁而克制的用户表设计，包含14个字段，使用BCrypt加密密码，account唯一约束保障数据一致性，并通过varchar类型的role字段保持扩展性。登录流程基于HTTP Session实现，采用"双轨制"方案解决前后端分离场景下的Session保持问题。系统选择Session而非JWT作为认证方案，是基于项目实际需求的合理权衡。信用积分体

2026-07-01 18:40:52 210

原创校园综合服务平台架构设计

文章摘要：校园综合服务平台采用Spring Boot 2.7 + MyBatis-Plus技术栈，整合二手交易、跑腿服务等8大校园场景功能。项目采用模块化架构设计，通过统一工程结构（common/config/controller/entity/mapper/service）实现多业务域隔离与公共能力复用。技术选型注重实用性：Spring Boot 2.7兼容JDK8降低门槛，MyBatis-Plus简化CRUD开发，jQuery+Bootstrap5保证快速交付。项目采用四层架构（Controller→

2026-07-01 18:28:13 123

原创 AI 修仙功法（凡人修仙传版）— 鸿蒙原生修仙问答应用深度解析

《AI修仙功法》应用技术解析与设计理念摘要：本文深度解析了一款基于HarmonyOS NEXT构建的修仙主题AI问答应用。该应用以《凡人修仙传》世界观为背景，将小说主角韩立塑造为AI导师角色，通过精心设计的系统提示词工程和ArkTS严格编程模式，实现了沉浸式修仙问答体验。文章详细介绍了从通用AI助手到垂直领域产品的转型决策逻辑、韩立AI人格的塑造方法、修仙世界观与软件工程的技术映射关系，以及鸿蒙原生应用的三层架构设计。项目创新性地将仙侠文化元素融入AI交互，形成了包括修炼境界对应API版本、功法对应设计模

2026-06-22 11:18:09 358

原创 AI万能手册-项目详解

《AI 万能手册：鸿蒙原生智能问答应用解析》是一篇深入介绍基于 HarmonyOS NEXT 开发的 AI 生活助手应用的技术文章。该应用采用 ArkUI/ArkTS 原生开发，集成 DeepSeek-V3 大模型，专注于生活全场景智能问答服务。文章从项目背景、技术选型、架构设计、核心功能等方面进行了系统阐述，重点分析了纯原生开发的优势（性能、API一致性、包体积等），以及严格模式下的类型安全实践。该应用通过预设问答场景和定制化提示词，降低了用户使用门槛，为普通消费者提供便捷的生活咨询服务。

2026-06-22 11:00:41 345

原创鸿蒙原生ArkTS布局方式之Panel+fullHeight全高面板

HarmonyOS NEXT的ArkTS提供了两种实现全高面板的方式：Panel组件和bindSheet属性。Panel组件从API7开始支持，但API12后不再维护，推荐使用bindSheet属性。bindSheet通过SheetOptions可配置高度、拖拽条、背景色等，支持多档位高度切换（API11+），是更灵活的面板实现方案。全高面板适用于设置页、详情展示、筛选条件等需要大空间交互的场景，通过设置height为'100%'可实现真正的全屏效果。开发者可根据API版本选择合适方案，其中bindShee

2026-06-20 16:29:53 223

原创鸿蒙原生ArkTS布局方式之Panel面板拉出布局

本文深入介绍了鸿蒙ArkTS中Panel面板拉出布局的实现技术。Panel组件作为鸿蒙原生UI组件，支持半屏(Half)、迷你(Mini)、全屏(Full)三种模式，配合Foldable/Temporary/Permanent三种类型，可实现灵活的底部拖拽交互效果。核心属性包括mode（模式）、type（类型）、dragBar（拖拽条）、backgroundMask（背景遮罩）等，通过onChange事件监听面板状态变化。文章还指出原生Panel仅支持底部弹出的局限性，提供了基于Stack+条件渲染+遮罩层

2026-06-20 16:03:11 385

原创鸿蒙原生 ArkTS 布局方式之 aspectRatio 宽高比约束布局

鸿蒙 ArkTS 中的 aspectRatio 宽高比约束布局本文系统介绍了鸿蒙原生 ArkTS 布局中的 aspectRatio 宽高比约束布局功能。aspectRatio 是 ArkTS 通用属性，用于约束组件的宽度与高度之比，确保 UI 元素在不同设备上保持固定比例。文章详细讲解了 aspectRatio 的核心特性、工作原理和优先级规则，并提供了基础用法和典型应用场景，包括图片展示、卡片布局、视频预览等。通过代码示例展示了如何实现 1:1 正方形、16:9 宽屏等常见比例，帮助开发者掌握这一布局利

2026-06-19 20:12:41 335

原创鸿蒙原生ArkTS布局方式之constraintSize约束布局

本文介绍了鸿蒙原生ArkTS布局中的constraintSize约束布局机制。constraintSize通过设置组件的最小/最大宽高约束，实现了灵活可控的自适应布局效果。文章详细讲解了其核心思想、API使用方法、约束优先级规则以及典型应用场景。该技术特别适用于需要确保组件在不同设备上保持合理尺寸范围的场景，如按钮防过小、图片限最大尺寸等。constraintSize作为一种通用的尺寸约束机制，能够与各类布局容器配合使用，增强布局的灵活性和健壮性，是构建响应式鸿蒙应用的重要工具。

2026-06-19 20:01:05 351

原创鸿蒙原生ArkTS布局方式之RelativeContainer水平居中相对布局

本文介绍了鸿蒙原生ArkTS中的RelativeContainer相对布局容器，重点讲解如何实现子组件水平居中。RelativeContainer通过alignRules规则实现组件相对于父容器或兄弟组件的精确定位，其中middle属性用于水平居中，center属性用于垂直居中。文章详细解析了核心API（alignRules、HorizontalAlign、VerticalAlign）和使用方法，并通过代码示例演示了实现过程，同时指出常见误区。这种布局方式特别适合需要精确控制组件位置或实现重叠效果的场景，相

2026-06-18 10:08:18 369

原创鸿蒙原生ArkTS布局方式之Scroll禁止滚动布局

本文介绍了鸿蒙（HarmonyOS NEXT）中ArkTS的Scroll组件禁止滚动布局的实现方法。通过设置scrollable(ScrollDirection.None)，可以在内容超出容器边界时禁止用户手动滚动，但仍保留编程控制滚动和内容裁剪能力。文章详细解析了Scroll组件的基础用法、禁止滚动的原理与特性，并对比了与普通容器的区别。重点分析了5个典型应用场景：弹窗固定文本、嵌套滚动防冲突、轮播指示器、表单固定区域和引导页，通过代码示例展示了如何实现这一布局技巧。该技术适用于需要内容裁剪但禁止用户滚动

2026-06-18 09:54:09 198

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Flex+alignSelf单独对齐布局

本文介绍了鸿蒙原生ArkTS开发中Flex布局的alignSelf属性，该属性允许子组件在交叉轴上单独设置对齐方式，覆盖容器的统一对齐规则。文章首先回顾Flex布局的主轴与交叉轴概念，以及justifyContent和alignItems属性的作用。接着详细解析alignSelf的核心概念、与alignItems的优先级关系，并通过完整代码示例展示其6种枚举值（Auto、Start、Center、End、Stretch、Baseline）的具体用法。alignSelf能够灵活处理表单、卡片列表等需要差异化对

2026-06-17 14:09:56 322

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Flex+flexBasis基准尺寸布局

本文深入解析鸿蒙ArkTS中Flex布局的flexBasis属性，通过六大实际场景演示其核心用法：基础概念：flexBasis决定弹性子组件在分配空间前的初始主轴尺寸，在Row布局中替代width，在Column布局中替代height。核心特性：支持数值(vp)、百分比和auto三种取值弹性计算三步流程：按flexBasis分配→计算剩余空间→按flexGrow/flexShrink调整典型场景：等分基准：固定尺寸子项组合混合基准：不同尺寸子项组合百分比基准：响应式适配容器 auto基准：基

2026-06-17 13:44:00 355

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Row+Badge+offset角标布局

本文介绍了鸿蒙原生 ArkTS 中的 Row + Badge + offset 角标布局方式。Badge 组件可在目标元素指定位置显示数字、文字或纯圆点标记，通过 BadgeStyle 配置角标样式。结合 Row 容器实现水平排列，利用 offset() 方法微调角标位置，适用于消息通知、购物车角标等场景。文中提供了完整示例代码，展示数字角标和小红点两种模式的实现，包括角标重置功能，帮助开发者快速掌握鸿蒙角标布局技巧。

2026-06-16 18:48:16 382

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Row换行标签布局

本文介绍了鸿蒙原生ArkTS布局中的Row换行标签布局实现方式。通过Flex容器或Row容器的flexWrap属性，结合justifyContent、margin/spacing等关键配置，可以灵活实现标签自动换行效果。文章对比了不同实现方案的优缺点，并提供了完整的代码示例，帮助开发者快速掌握这一常见UI布局模式。适用于具备一定HarmonyOS开发基础的读者，可作为标签类UI开发的实用参考。

2026-06-16 18:30:35 334

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之RowCenter主轴分布

本文深入解析鸿蒙原生ArkTS布局中的RowCenter主轴分布方式。文章从鸿蒙ArkUI布局体系概览入手，介绍Row组件特性及其坐标系，重点剖析justifyContent属性的6种FlexAlign枚举值（Start、Center、End、SpaceBetween、SpaceAround、SpaceEvenly），对比不同取值对布局的影响。RowCenter布局通过Row+justifyContent(FlexAlign.Center)组合实现水平居中排列，适用于标题居中、弹窗按钮组等常见场景。文中还对

2026-06-15 15:32:58 170

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之RowStart主轴分布

本文介绍了鸿蒙原生ArkTS布局中的Row容器及其主轴分布方式，重点解析了justifyContent(FlexAlign.Start)的使用。文章从Flexbox布局思想切入，阐述了Row容器的主轴与交叉轴概念，并通过代码示例详细展示了如何实现子项左对齐排列。核心内容包括：1) Row容器负责水平排列子组件；2) justifyContent控制主轴对齐方式；3) FlexAlign.Start使子项紧贴左侧排列，右侧留空。代码解析部分展示了完整的布局结构、成员变量定义和核心Row组件的实现方式，帮助开发

2026-06-15 15:12:04 322

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Column间距分隔布局

本文介绍了鸿蒙原生ArkTS中的Column间距分隔布局方式。Column作为基础纵向布局容器，通过space参数可轻松实现子组件间的统一间距控制。文章详细解析了space的工作原理、与传统margin方案的对比优势，并展示了其在列表卡片、表单、信息展示等场景的实际应用。Column的space特性以声明式语法提供简洁高效的布局方案，支持嵌套使用构建复杂界面层次，是鸿蒙应用开发中实现一致视觉间距的最佳实践。

2026-06-14 17:58:22 381

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Column权重占比布局

鸿蒙原生ArkTS布局方式之Column权重占比布局摘要：本文深入解析鸿蒙ArkUI中的Column容器结合layoutWeight属性的权重占比布局方式。文章首先介绍鸿蒙ArkUI布局体系，重点阐述Column容器的基本概念、对齐方式和尺寸行为。随后详细讲解layoutWeight属性的工作原理和空间分配计算规则，通过示例说明权重相同时的等分布局和权重不同时的比例分布局。最后探讨嵌套layoutWeight实现复杂布局的技巧，并与其他布局方式进行对比。该布局方式适用于表单、仪表盘等需要灵活分配屏幕空间的

2026-06-14 14:18:28 366

原创【共创季稿事节】ColumnEnd主轴末端排列布局完全指南

本文深入解析鸿蒙ArkTS中的ColumnEnd主轴末端排列布局技术，通过Column容器配合justifyContent(FlexAlign.End)实现子组件底部对齐。文章首先介绍Column组件的基础概念和主轴坐标系，重点讲解FlexAlign.End布局的计算规则和视觉表现，对比默认Column布局的区别，并详细分析子组件从底部向上堆叠的排列顺序。最后提供一个完整的示例代码，展示如何构建包含标题栏和沉底布局的界面，适用于底部导航栏、操作按钮组等典型场景。通过本文，开发者可以掌握这种高效实用的布局技术

2026-06-13 11:43:02 368

原创【共创季稿事节】HarmonyOS_Python学习助手_布局架构详解

本文深入解析了基于HarmonyOS ArkTS开发的Python学习助手App的全栈布局设计。文章从项目整体架构出发，详细介绍了单页面多视图的SPA-like架构模式，并重点剖析了首页和教程页面的布局实现。首页采用深色主题设计，包含渐变头部、欢迎卡片和常见问题区域，通过ArkTS的声明式UI和状态管理实现优雅交互。教程页面则采用卡片列表展示学习内容，保持视觉一致性。全文通过10000字详述了从技术栈选择到具体组件实现的完整过程，为HarmonyOS开发者提供了一份UI布局的实战指南，展现了ArkTS在移动

2026-06-13 10:08:25 283

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之Column垂直排列与固定宽度约束

本文深入探讨鸿蒙ArkTS开发中的Column垂直布局容器，聚焦固定宽度约束的三种核心实现方式： width属性：直接设置固定数值宽度（如300vp），适用于确定尺寸需求的场景 constraintSize：通过设置minWidth/maxWidth实现响应式约束，能在不同屏幕尺寸下保持合理宽度 layoutWeight：子组件按权重分配剩余空间，实现灵活的等分或比例布局文章详细分析了各属性的交互规则，包括constraintSize对width的钳制作用，以及layoutWeight在垂直方向的空间分配

2026-06-12 23:10:36 348

原创【共创季稿事节】鸿蒙原生ArkTS布局方式之ColumnStretch垂直排列

3.2.2 多层嵌套的注意事项宽度传递： Stretch 只影响直接子组件，不自动穿透到更深层级边界处理：每层 Column 都可以独立设置 padding，会影响内部可用空间性能考虑：嵌套过深会增加布局计算复杂度，建议不超过 3 层 3.2.3 嵌套示例：表单布局 Column() { .alignItems(ItemAlign.Stretch) .padding(20) // 表单标题 Text('用户注册') .fontSize(24) .margin({ bottom: 20 }) //

2026-06-11 21:53:19 546 1

2501_91738721的博客