前面已经更新完布局、文本输入、按钮图片、状态管理、路由、Toggle、Tab 轮播相关博客，本文把剩下所有未讲解的示例整合到一篇，包含入门基础页面、单选组件、样式复用、综合卡片页面，适合有少量鸿蒙基础的新手一次性吃透剩余高频知识点。@Styles 封装样式仅支持通用组件属性，无法写业务逻辑；Radio 必须放在 RadioGroup 内，否则无法实现单选互斥；layoutWeight 均分宽度时，

前面已经更新完布局、文本输入、按钮图片、状态管理、路由、Toggle、Tab 轮播相关博客，本文把剩下所有未讲解的示例整合到一篇，包含入门基础页面、单选组件、样式复用、综合卡片页面，适合有少量鸿蒙基础的新手一次性吃透剩余高频知识点。@Styles 封装样式仅支持通用组件属性，无法写业务逻辑；Radio 必须放在 RadioGroup 内，否则无法实现单选互斥；layoutWeight 均分宽度时，

不管做学生管理系统还是普通 APP，页面都是由文本、输入框、按钮、图片这四类基础组件组合而成。本文按纯文本→简单注册表单→多风格按钮登录页→高多行输入表单→图文完整登录页的难度递进，所有代码可直接复制运行，适合只有少量鸿蒙基础的新手循序渐进练习。Text 文字居中失效：没有给 Text 设置 width ('100%')；密码输入框明文显示：缺少.type (InputType.Password)

不管做学生管理系统还是普通 APP，页面都是由文本、输入框、按钮、图片这四类基础组件组合而成。本文按纯文本→简单注册表单→多风格按钮登录页→高多行输入表单→图文完整登录页的难度递进，所有代码可直接复制运行，适合只有少量鸿蒙基础的新手循序渐进练习。Text 文字居中失效：没有给 Text 设置 width ('100%')；密码输入框明文显示：缺少.type (InputType.Password)

Row 横向、Column 纵向、RelativeContainer 相对布局是鸿蒙页面搭建最基础的三大容器，绝大多数 APP 页面都靠它们组合实现。本文按最简横向布局→对齐控制→综合业务页面→相对定位布局顺序分层讲解，贴合学生管理系统场景，适合有少量鸿蒙基础的新手实操。容器未设 width:"100%"，居中、对齐样式失效；Column 管垂直排布，Row 管水平排布，不要混淆；Relative

Row 横向、Column 纵向、RelativeContainer 相对布局是鸿蒙页面搭建最基础的三大容器，绝大多数 APP 页面都靠它们组合实现。本文按最简横向布局→对齐控制→综合业务页面→相对定位布局顺序分层讲解，贴合学生管理系统场景，适合有少量鸿蒙基础的新手实操。容器未设 width:"100%"，居中、对齐样式失效；Column 管垂直排布，Row 管水平排布，不要混淆；Relative

State是 ArkTS 本地响应式状态核心装饰器，变量变更后页面自动刷新，是表单、开关交互的基础。本文分 3 个梯度案例，从最简单输入框到多控件联动，循序渐进掌握状态绑定逻辑。

State是 ArkTS 本地响应式状态核心装饰器，变量变更后页面自动刷新，是表单、开关交互的基础。本文分 3 个梯度案例，从最简单输入框到多控件联动，循序渐进掌握状态绑定逻辑。

阶段 1 踩坑：页面找不到 检查是否注册页面，url 路径大小写、拼写必须完全匹配。阶段 2 踩坑：图片资源报错 media 文件夹必须存在同名图片banner0，资源名称不能包含中文、空格。阶段 3 踩坑：输入框内容不更新 必须给TextInput绑定text参数 +onChange同步 @State 变量，缺一不可。阶段 4 踩坑：接收不到 params 参数 获取参数代码写在onPageSh

阶段 1 踩坑：页面找不到 检查是否注册页面，url 路径大小写、拼写必须完全匹配。阶段 2 踩坑：图片资源报错 media 文件夹必须存在同名图片banner0，资源名称不能包含中文、空格。阶段 3 踩坑：输入框内容不更新 必须给TextInput绑定text参数 +onChange同步 @State 变量，缺一不可。阶段 4 踩坑：接收不到 params 参数 获取参数代码写在onPageSh