鸿蒙开发者社区

摘要：轮播图导航(ASwiperNav)：实现沉浸式体验的App全屏轮播引导页效果。可设置图片数据(含文本、图片地址、路由、标题、子标题)，可设置按钮颜色。调用示例：提示：轮播图导航组件是App引导页专用组件，其它类型页面无法使用该组件。1.将轮播图导航组件拖拽到排版区左上角配置导航项的数据，注意，初始化数据中的路由"home"必须改为存在的页面，否则生成鸿蒙代码时无法通过数据有效性检查。2.点击“配置数据”按钮，为每个导...

摘要：按钮导航组件(AButtonNav)：可设置导航数据(含文本及路由)，可设置按钮颜色、导航标题及导航子标题。调用示例：提示：按钮导航组件是App引导页专用组件，其它类型页面无法使用该组件。1.将按钮导航组件拖拽到页面排版区2.点击“配置数据”，配置每个导航的文字和页面路由3.可选项：按钮颜色;导航标题;导航子标题保存设置生成纯血鸿蒙代码：javascriptAButtonNav({data:[{text:'AIGC',router:'MainTabView'},{text:'纯血鸿...

摘要：视频播放组件(AVideo)：支持设置视频的数据源、视频封面，宽高比、是否自动播放、是否循环播放。调用示例一：极简调用1.将视频播放组件拖拽到排版区2.设置视频地址3.保存设置调用示例二：更多属性1.将视频播放组件拖拽到排版区可设置视频宽度2.设置视频地址，视频封面，宽高比，选择自动播放，选择循环播放3.保存设置生成纯血鸿蒙代码：javascriptGridCol({span:12}){AVideo({src:'https:cdn.aigcoder.comsampleVideoaigc...

摘要：轮播图组件(ASwiper)：关键属性广告数据(支持远程图片和本地资源)。手机上显示一张图，折叠屏同时显示2张图，平板同时显示4张图。所有显示的图片都在一行上，更多图通过轮播显示。1.将轮播图组件从组件库拖拽到页面排版区域：1.1：将轮播图组件拖拽到页面排版区和图片列表不同，轮播图组件无论图片多少，永远显示为一行。如果共有四张图片轮播，那么，手机上每次显示一张图片，分四次轮播；如果在折叠屏上展示，每次展示...

摘要：图片列表(AImageList)：关键属性为图片数据(支持远程图片和本地资源)，可选板块标题。手机每行显示一张图片，折叠屏每行2图，平板一行显示4图。1.将图片列表组件拖拽到页面排版区域，如下图所示，是PC模式下的预览效果，一行显示4张图片，如有更多图片，会自动换行展示：将图片列表组件拖拽到页面排版区将页面设计预览器切换到手机模式，可以看到图片列表在手机模式下每行显示一张图片：折叠屏模式下，每行显示两张图片：...

摘要：图片组件(AImage)：可设置图片地址、图片宽度、图片高度、圆角类型及是否显示外框线。圆角类型支持普通圆角、圆形及无圆角。调用示例一：极简调用1.将图片组件拖拽到页面排版区2.设置图片地址3.保存设置调用示例二：更多属性1.将图片组件拖拽到页面排版区2.设置图片地址、宽度、高度、圆角类型、显示外框线3.保存设置调用示例三：圆形图片1.将图片组件拖拽到页面排版区2.设置宽度，圆角设置为圆形3.保存设置生成纯血鸿蒙...

摘要：搜索数据。关键属性：颜色及设置搜索提示语。可设置组件宽度，默认100%。调用示例一：极简调用1.将搜索栏组件拖拽到页面排版区即可调用示例二：更多属性2.设置组件宽度、颜色和提示语文字3.保存设置生成纯血鸿蒙代码：javascriptGridCol({span:12}){Search({value:'',placeholder:'搜索....'})TODO将value值改为变量.searchButton('搜索',{fontColor:this.primaryColor}).width(GirdConstants.FULLPERCENT).height(FloatC...

摘要：分隔上下不同板块的内容。将分割线组件从组件库拖拽到页面排版即可：生成鸿蒙代码如下：javascriptGridCol({span:12}){Divider()}以下分别为分隔线组件在平板、折叠屏、手机，以及在浅色模式和深色模式下的表现：

摘要：标题栏组件(ATitleBar)：页面标题，支持点击返回箭头跳回上级页面。标题栏组件调用仅需要提供文本属性即可，调用代码如下：javascriptATitleBar({text:'AI极客'})以下分别为标题栏组件在平板、折叠屏、手机，以及在浅色模式和深色模式下的表现：

摘要：按钮组件(AButton)：支持胶囊按钮、圆形按钮和普通按钮。关键属性：文本、按钮类型、按钮颜色、图标、按钮尺寸、块级按钮、加载状态、禁用。调用示例一：极简调用1.拖拽按钮组件到页面排版区2.设置按钮文字3.保存设置调用示例二：圆形按钮1.拖拽按钮组件到排版区2.设置按钮为圆形，选择颜色、设置图标3.保存设置调用示例三：更多属性设置1.拖拽按钮组件到排版区2.按钮类型：胶囊，设置图标：选择按钮尺寸，块级按钮：是。...

本节内容概要：1.测试驱动开发的好处；2.测试驱动开发的痛点；3.两全其美。1.测试驱动开发的好处测试驱动开发（TestDrivenDevelopment，TDD）是一种不同于传统软件开发流程的新型的开发方法，它要求在编写某个功能的代码之前，先编写测试用例。TDD的过程通常遵循以下几个步骤：A.红阶段(编写测试用例)：开发人员首先根据当前要解决的问题，编写一个或多个测试用例，描述代码应该如何工作。这些测试用例通常包含预期的输入和预期...

本章首先介绍了一款完全免费Quakus项目代码生成器工具网站码农网，然后演示了如何通过该网站实现领域驱动开发的基本步骤：创建项目、创建微服务、领域类设计和快速生成Quarkus微服务项目代码。通过生成的示范代码，我们可以感受到这个工具对于快速开发高质量Quarkus项目的威力。下一章，我们继续讲解如何做详细设计和测试驱动开发，让我们生成更高质量的项目代码，生成的代码质量越高，我们开发的速度和质量也越高。

本节内容概要：1.生成Quarkus微服务代码；2.在线预览代码；3.下载项目代码。经过前两节的步骤，快速创建项目、微服务和领域类设计后，就可以1秒钟快速生成整个Quarkus微服务代码了。1.生成Quarkus微服务代码在码农网工作台的左侧栏菜单中选择“后端代码”下的“Quarkus”菜单，点击“生成微服务代码”按钮，如下图所示：2.在线预览代码现在我们可以在类IDEA的风格体验中预览代码了。根据需要，展开代码目录，选择要预览的代码文...

本节内容概要：1.新增领域类；2.领域类设计。回顾上节，创建了一个项目和一个微服务，本节继续在微服务下设计领域类。1.新增领域类点击左侧栏菜单“项目设计”下的“领域类”，默认进入当前活跃项目的第一个微服务下的领域类列表，如下图所示：如果希望查看其它微服务里的领域类，可以切换项目和微服务，以及通过关键字搜索。这里可以找到你所有项目中及微服务下的领域类，便于设计和查看，如下图所示：点击领域类列表页右上角...

本节内容概要：1.什么是领域驱动开发，及领域驱动开发的好处；2.如何创建项目；3.如何创建微服务。1.什么是领域驱动开发，及领域驱动开发的好处“领域驱动开发”(domaindrivendevelopment)，简称DDD。是一种处理高度复杂领域的设计思想，它试图分离技术实现的复杂性，并围绕业务概念构建领域模型来控制业务的复杂性，以解决软件难以理解，难以演进的问题。在我还没有接触“领域驱动开发”之前，我一直采用的是“数据驱动开发”...

既然云原生势不可挡，我们能做的就是拥抱云原生！无论是学生、刚进入职场的新人或已非常熟悉SpringBoot框架的Java开发者，笔者强烈建议学习为云原生量身设计的优秀Java框架Quarkus！并示范了如何搭建开发环境、创建及运行第一个Quarkus项目、自动生成OpenAPI规范文档和开发GraphQL风格的API,最后介绍了三种常用的打包方式。

本节介绍常用的几种Quarkus应用打包方式。1.6.1开发模式点击IDEA底部的“终端”，调出终端面板，执行如下指令：.mvnwcompilequarkus:dev如图128所示：图128开发模式打包有可能需要下载相关依赖包，耐心等待，直到出现图129的界面，就代表打包完成，可以点击链接，在浏览器中访问Quarkus应用，此时更改代码是支持热更新的：图129开发模式打包1.6.2普通打包方式使用mavenpackage命令打包项目。这是默认的方式，打包出来的jar不包...

传统RestAPI是由后端决定请求接口时输出的数据结构。GraphQL是一种用于API的查询语言，使得客户端能根据自己的需要获取数据，没有任何冗余，从而减少不必要的网络传输浪费。本节介绍使用Quarkus来实现GraphQL基本功能。1.5.1添加GraphQL功能扩展在pom.xml文件中添加smallryegraphql扩展来启用GraphQL支持：<dependency><groupId>io.quarkus<groupId><artifactId>quarkussmallryegraphql<artifactId><dependency>1.5.2创建领域类...

让Quarkus微服务自动生成OpenAPI规范文档的方法很简单，只需要在pom.xml文件中添加OpenAPI扩展即可：<dependency><groupId>io.quarkus<groupId><artifactId>quarkussmallryeopenapi<artifactId><dependency>如图119所示：图119OpenApi依赖运行项目，访问http:localhost:8080qswaggerui，可访问项目中各API接口描述的SwaggerUI界面，如图120和图121所示：图120swaggerui界面图121展开查看API详情

1.3.1通过IntelliJIDEA创建Quarkus项目在IDEA中新建项目，类型选择“Quarkus”，填写项目名称，如，“hello”，设置语言为“Java”，构建系统选择“Maven”，根据项目实际填写“组”（一般根据项目部署时采用的域名反向拼接来设定，比如，“码农网”项目的域名为“manon.wang”，那么组可以设置为“wang.manon”），默认会自动选择上节安装的JDK版本graalvm17，然后点击“下一步”，如图111所示：图111通过IDEA创建Quarkus项目...