未验证 提交 f140a18f 编写于 作者: O openharmony_ci 提交者: Gitee

!3336 开发指南中Samples/Cpdelabs的引入&快速入门system.router改为ohos.router:无需翻译

Merge pull request !3336 from 葛亚芳/master
...@@ -118,7 +118,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -118,7 +118,7 @@ You can implement page redirection through the page router, which finds the targ
- In the **index.ets** file: - In the **index.ets** file:
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
...@@ -131,7 +131,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -131,7 +131,7 @@ You can implement page redirection through the page router, which finds the targ
*/ */
onclick() { onclick() {
router.push({ router.push({
uri: 'pages/second', // Specify the page to be redirected to. url: 'pages/second', // Specify the page to be redirected to.
}) })
} }
...@@ -149,7 +149,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -149,7 +149,7 @@ You can implement page redirection through the page router, which finds the targ
- In the **second.ets** file: - In the **second.ets** file:
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
......
...@@ -153,7 +153,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -153,7 +153,7 @@ You can implement page redirection through the page router, which finds the targ
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
...@@ -181,7 +181,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -181,7 +181,7 @@ You can implement page redirection through the page router, which finds the targ
.height('5%') .height('5%')
// Bind the onClick event to the Next button so that clicking the button redirects the user to the second page. // Bind the onClick event to the Next button so that clicking the button redirects the user to the second page.
.onClick(() => { .onClick(() => {
router.push({ uri: 'pages/second' }) router.push({ url: 'pages/second' })
}) })
} }
.width('100%') .width('100%')
...@@ -196,7 +196,7 @@ You can implement page redirection through the page router, which finds the targ ...@@ -196,7 +196,7 @@ You can implement page redirection through the page router, which finds the targ
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
......
...@@ -104,12 +104,12 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin ...@@ -104,12 +104,12 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin
- In the **index.js** file: - In the **index.js** file:
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
onclick() { onclick() {
router.push({ router.push({
uri:'pages/second/second', // Specify the page to be redirected to. url:'pages/second/second', // Specify the page to be redirected to.
}) })
} }
} }
...@@ -127,7 +127,7 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin ...@@ -127,7 +127,7 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin
- In the **second.js** file: - In the **second.js** file:
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
back() { back() {
......
...@@ -163,12 +163,12 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin ...@@ -163,12 +163,12 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
onclick: function () { onclick: function () {
router.push({ router.push({
uri: "pages/second/second" url: "pages/second/second"
}) })
} }
} }
...@@ -179,7 +179,7 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin ...@@ -179,7 +179,7 @@ You can implement page redirection through the [page router](../ui/ui-js-buildin
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
back: function () { back: function () {
......
...@@ -28,4 +28,7 @@ ...@@ -28,4 +28,7 @@
![lifecycle](figures/lifecycle.png) ![lifecycle](figures/lifecycle.png)
​ 两种模型的基本介绍,详见[FA模型综述](fa-brief.md)[Stage模型综述](stage-brief.md) 两种模型的基本介绍,详见[FA模型综述](fa-brief.md)[Stage模型综述](stage-brief.md)
\ No newline at end of file ## 相关实例
针对Ability开发,有以下相关实例可供参考:
- [Page内和Page间导航跳转](https://gitee.com/openharmony/codelabs/tree/master/Ability/PageAbility)
\ No newline at end of file
...@@ -32,4 +32,14 @@ Ability框架在API 8及更早版本使用FA模型。FA模型中Ability分为Pag ...@@ -32,4 +32,14 @@ Ability框架在API 8及更早版本使用FA模型。FA模型中Ability分为Pag
## 进程线程模型 ## 进程线程模型
应用独享独立进程,Ability独享独立线程,应用进程在Ability第一次启动时创建,并为启动的Ability创建线程,应用启动后再启动应用内其他Ability,会为每一个Ability创建相应的线程。每个Ability绑定一个独立的JSRuntime实例,因此Ability之间是隔离的。 应用独享独立进程,Ability独享独立线程,应用进程在Ability第一次启动时创建,并为启动的Ability创建线程,应用启动后再启动应用内其他Ability,会为每一个Ability创建相应的线程。每个Ability绑定一个独立的JSRuntime实例,因此Ability之间是隔离的。
![fa-threading-nodel](figures/fa-threading-model.png) ![fa-threading-nodel](figures/fa-threading-model.png)
\ No newline at end of file ## 相关实例
针对Ability开发,有以下相关实例可供参考:
- [分布式调度启动远程FA](https://gitee.com/openharmony/codelabs/tree/master/Distributed/RemoteStartFA)
- [分布式新闻客户端](https://gitee.com/openharmony/codelabs/tree/master/Distributed/NewsDemo)
- [分布式手写板(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/DistributeDatabaseDrawEts)
- [分布式鉴权(JS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/GameAuthOpenH)
- [分布式游戏手柄(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/HandleGameApplication)
- [分布式邮件(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/OHMailETS)
- [分布式亲子早教系统(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/OpenHarmonyPictureGame)
- [分布式遥控器(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Distributed/RemoteControllerETS)
\ No newline at end of file
...@@ -272,14 +272,8 @@ Data提供方可以自定义数据的增、删、改、查,以及文件打开 ...@@ -272,14 +272,8 @@ Data提供方可以自定义数据的增、删、改、查,以及文件打开
); );
``` ```
## 开发实例 ## 相关实例
针对dataAbility开发,有以下示例工程可供参考: 针对DataAbility开发,有以下相关实例可供参考:
- [DataAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/DataAbility) - [`DataAbility`:DataAbility的创建与访问(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/ability/DataAbility)
本示例DataAbility中:
在DataAbility目录中的data.ts文件创建一个Data实例。
在MainAbility目录中封装了访问Data的流程。
...@@ -326,10 +326,8 @@ Form需要在应用配置文件config.json中进行配置。 ...@@ -326,10 +326,8 @@ Form需要在应用配置文件config.json中进行配置。
![fa-form-example](figures/fa-form-example.png) ![fa-form-example](figures/fa-form-example.png)
## 开发实例 ## 相关实例
针对FA模型卡片提供方的开发,有以下示例工程可供参考: 针对FA模型卡片提供方的开发,有以下相关实例可供参考:
- [`FormAbility`:FA模型卡片(JS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/ability/FormAbility)
[FormAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/FormAbility) - [`FormLauncher`:卡片使用方(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/ability/FormLauncher)
\ No newline at end of file
本示例FormAbility提供了一张卡片。用户可以通过桌面或者自己开发的卡片使用方,进行卡片的创建、更新和删除等操作。并且本示例通过轻量级数据存储实现了卡片信息的持久化。
\ No newline at end of file
...@@ -260,9 +260,6 @@ export default { ...@@ -260,9 +260,6 @@ export default {
}, },
} }
``` ```
### 开发实例 ## 相关实例
针对pageAbility开发,有以下示例工程可供参考: 针对PageAbility开发,有以下相关实例可供参考:
- [`DMS`:分布式Demo(eTS)(API7)](https://gitee.com/openharmony/app_samples/tree/master/ability/DMS)
[DMS](https://gitee.com/openharmony/app_samples/tree/master/ability/DMS) \ No newline at end of file
在本示例中完整展示了启动本地Ability、启动远程Ability的使用方法。
\ No newline at end of file
...@@ -395,26 +395,8 @@ export default { ...@@ -395,26 +395,8 @@ export default {
}; };
``` ```
## 开发实例 ## 相关实例
### 针对serviceAbility开发,有以下示例工程可供参考: 针对ServiceAbility开发,有以下相关实例可供参考:
- [`ServiceAbility`:ServiceAbility的创建与使用(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/ability/ServiceAbility)
- [ServiceAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/ServiceAbility) - [`DMS`:分布式Demo(eTS)(API7)](https://gitee.com/openharmony/app_samples/tree/master/ability/DMS)
本示例ServiceAbility中:
在ServiceAbility目录中的service.ts文件创建一个本地Service。
在MainAbility目录中封装了启动、连接本地Services的流程。
### 针对跨设备serviceAbility开发,有以下示例工程可供参考:
- [DMS](https://gitee.com/openharmony/app_samples/tree/master/ability/DMS)
本示例DMS中:
在ServiceAbility目录中的service.ts文件创建一个远程Service。
在RemoteAbility目录中封装了连接远程Services的流程。
...@@ -271,9 +271,6 @@ export default class MainAbility extends Ability { { ...@@ -271,9 +271,6 @@ export default class MainAbility extends Ability { {
} }
``` ```
## 开发实例 ## 相关实例
针对Stage模型Ability开发,有以下示例工程可供参考: 针对Stage模型Ability开发,有以下相关示例可供参考:
- [`StageCallAbility`:StageAbility的创建与使用(eTS)(API9)](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)
[StageCallAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)
本示例StageCallAbility中,在Application目录的AbilityStage.ts中实现AbilityStage的接口,在MainAbility目录实现Ability的接口并设置"pages/index"为Ability的页面,在CalleeAbility目录实现另一个Ability并设置"pages/second"为Ability的页面。支持MainAbility启动CalleeAbility。
...@@ -242,9 +242,6 @@ try { ...@@ -242,9 +242,6 @@ try {
} }
``` ```
## 开发实例 ## 相关实例
针对Stage模型本地Call功能开发,有以下示例工程可供参考: 针对Stage模型本地Call功能开发,有以下相关实例可供参考:
- [`StageCallAbility`:StageAbility的创建与使用(eTS)(API9)](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)
[StageCallAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)
本示例StageCallAbility中,在Application目录的AbilityStage.ts中实现AbilityStage的接口,在MainAbility目录实现Ability的接口并设置"pages/index"为Ability的页面,在CalleeAbility目录实现Ability的接口、Callee被调用端,设置"pages/second"为Ability的页面。MainAbility作为调用端,CalleeAbility作为被调用端。MainAbility拉起CalleeAbility,获取Caller通信接口后,支持用户输入字符串,做序列化处理后传递给CalleeAbility处理,CalleeAbility根据收到的数据做页面刷新并返回结果给MainAbility。
...@@ -339,10 +339,7 @@ Form需要在应用配置文件module.json中进行配置。 ...@@ -339,10 +339,7 @@ Form需要在应用配置文件module.json中进行配置。
![fa-form-example](figures/fa-form-example.png) ![fa-form-example](figures/fa-form-example.png)
## 开发实例 ## 相关实例
针对Stage模型卡片提供方的开发,有以下示例工程可供参考: 针对Stage模型卡片提供方的开发,有以下相关实例可供参考:
- [`FormExtAbility`:Stage模型卡片(eTS JS)(API9)](https://gitee.com/openharmony/app_samples/tree/master/ability/FormExtAbility)
[FormExtAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/FormExtAbility) \ No newline at end of file
本示例FormExtAbility提供了一张卡片。用户可以通过桌面或者自己开发的卡片使用方,进行卡片的创建、更新和删除等操作。并且本示例通过轻量级数据存储实现了卡片信息的持久化。
\ No newline at end of file
...@@ -76,12 +76,7 @@ ExtensionAbility,是Stage模型中新增的扩展组件的基类,一般用 ...@@ -76,12 +76,7 @@ ExtensionAbility,是Stage模型中新增的扩展组件的基类,一般用
}] }]
``` ```
## 开发实例 ## 相关实例
针对ServiceExtensionAbility开发,有以下示例工程可供参考: 针对ServiceExtensionAbility开发,有以下相关实例可供参考:
- [`ServiceExtAbility`:StageAbility的创建与使用(eTS)(API9)](https://gitee.com/openharmony/app_samples/tree/master/ability/ServiceExtAbility)
- [ServiceExtensionAbility](https://gitee.com/openharmony/app_samples/tree/master/ability/ServiceExtAbility)
本示例ServiceExtensionAbility中:
在ServiceExtensionAbility目录中的ServiceExtAbility.ts文件创建一个ServiceExtensionAbility实例。
...@@ -172,3 +172,7 @@ OpenHarmony系统中的分布式数据服务模块为开发者提供下面几种 ...@@ -172,3 +172,7 @@ OpenHarmony系统中的分布式数据服务模块为开发者提供下面几种
} }
kvStore.sync(deviceIds, distributedData.SyncMode.PUSH_ONLY, 1000); kvStore.sync(deviceIds, distributedData.SyncMode.PUSH_ONLY, 1000);
``` ```
## 相关实例
针对分布式数据开发,有以下相关实例可供参考:
- [`KvStore`:分布式数据库(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/data/Kvstore)
- [分布式数据库](https://gitee.com/openharmony/codelabs/tree/master/Data/JsDistributedData)
...@@ -161,4 +161,9 @@ ...@@ -161,4 +161,9 @@
console.info("Deleted successfully.") console.info("Deleted successfully.")
}).catch((err) => { }).catch((err) => {
console.info("Deleted failed with err: " + err)}) console.info("Deleted failed with err: " + err)})
``` ```
\ No newline at end of file ## 相关实例
针对轻量级数据存储开发,有以下相关实例可供参考:
- [`LiteStorage`:轻量级存储(eTS)(API7)](https://gitee.com/openharmony/app_samples/tree/master/data/LiteStorage)
- [轻量级偏好数据库](https://gitee.com/openharmony/codelabs/tree/master/Data/Database)
- [备忘录(eTS)](https://gitee.com/openharmony/codelabs/tree/master/Data/NotePad_OH_ETS)
\ No newline at end of file
...@@ -306,3 +306,7 @@ ...@@ -306,3 +306,7 @@
let tableName = rdbStore.obtainDistributedTableName(deviceId, "test"); let tableName = rdbStore.obtainDistributedTableName(deviceId, "test");
let resultSet = rdbStore.querySql("SELECT * FROM " + tableName) let resultSet = rdbStore.querySql("SELECT * FROM " + tableName)
``` ```
## 相关实例
针对关系型数据库开发,有以下相关实例可供参考:
- [`Rdb`:关系型数据库(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/data/Rdb)
- [关系型数据库](https://gitee.com/openharmony/codelabs/tree/master/Data/JSRelationshipData)
...@@ -120,7 +120,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可 ...@@ -120,7 +120,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-**index.ets**”示例如下: -**index.ets**”示例如下:
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
...@@ -133,7 +133,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可 ...@@ -133,7 +133,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
*/ */
onclick() { onclick() {
router.push({ router.push({
uri: 'pages/second', // 指定要跳转的页面 url: 'pages/second', // 指定要跳转的页面
}) })
} }
...@@ -151,7 +151,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可 ...@@ -151,7 +151,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-**second.ets**”示例如下: -**second.ets**”示例如下:
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
......
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
...@@ -183,7 +183,7 @@ ...@@ -183,7 +183,7 @@
.height('5%') .height('5%')
// 跳转按钮绑定onClick事件,点击时跳转到第二页 // 跳转按钮绑定onClick事件,点击时跳转到第二页
.onClick(() => { .onClick(() => {
router.push({ uri: 'pages/second' }) router.push({ url: 'pages/second' })
}) })
} }
.width('100%') .width('100%')
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
``` ```
import router from '@system.router'; import router from '@ohos.router';
@Entry @Entry
@Component @Component
......
...@@ -107,12 +107,12 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可 ...@@ -107,12 +107,12 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-**index.js**”示例如下: -**index.js**”示例如下:
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
onclick() { onclick() {
router.push({ router.push({
uri:'pages/second/second', // 指定要跳转的页面 url:'pages/second/second', // 指定要跳转的页面
}) })
} }
} }
...@@ -130,7 +130,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可 ...@@ -130,7 +130,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-**second.js**”示例如下: -**second.js**”示例如下:
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
back() { back() {
......
...@@ -168,12 +168,12 @@ ...@@ -168,12 +168,12 @@
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
onclick: function () { onclick: function () {
router.push({ router.push({
uri: "pages/second/second" url: "pages/second/second"
}) })
} }
} }
...@@ -184,7 +184,7 @@ ...@@ -184,7 +184,7 @@
``` ```
import router from '@system.router'; import router from '@ohos.router';
export default { export default {
back: function () { back: function () {
...@@ -210,3 +210,6 @@ ...@@ -210,3 +210,6 @@
![zh-cn_image_0000001217527892](figures/zh-cn_image_0000001217527892.png) ![zh-cn_image_0000001217527892](figures/zh-cn_image_0000001217527892.png)
恭喜您已经使用JS语言开发(传统代码方式)完成了第一个OpenHarmony应用,快来[探索更多的OpenHarmony功能](../application-dev-guide.md)吧。 恭喜您已经使用JS语言开发(传统代码方式)完成了第一个OpenHarmony应用,快来[探索更多的OpenHarmony功能](../application-dev-guide.md)吧。
## 相关实例
针对使用JS语言(传统代码方式)开发快速入门,有以下相关实例可供参考:
- [`JsHelloWorld`:你好世界(JS)(API7)](https://gitee.com/openharmony/app_samples/tree/master/common/JsHelloWorld)
...@@ -35,4 +35,7 @@ screenshot.save(ScreenshotOptions).then((image) => { ...@@ -35,4 +35,7 @@ screenshot.save(ScreenshotOptions).then((image) => {
console.log('screenshot.save failed, error : ' + JSON.stringify(err)); console.log('screenshot.save failed, error : ' + JSON.stringify(err));
}) })
``` ```
## 相关实例
针对屏幕截图开发,有以下相关实例可供参考:
- [`Screenshot`:基础功能-屏幕截图(eTS)(API8)](https://gitee.com/openharmony/app_samples/tree/master/Basic/Screenshot)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册