Hello World
@@ -73,6 +78,7 @@
```css
+ /* index.css */
.container {
display: flex;
flex-direction: column;
@@ -103,9 +109,7 @@
```
4. 在编辑窗口右上角的侧边工具栏，点击Previewer，打开预览器。第一个页面效果如下图所示：
-
-
- 
+ 
## 构建第二个页面
@@ -113,14 +117,14 @@
1. 创建第二个页面。
在“**Project**”窗口，打开“**entry > src > main > js > MainAbility**”，右键点击“**pages**”文件夹，选择“**New > Page**”，命名为“**second**”，点击“**Finish**”，即完成第二个页面的创建。可以看到文件目录结构如下：
- 
+ 
2. 添加文本及按钮。
参照第一个页面，在第二个页面添加文本、按钮及点击按钮绑定页面返回等。“**second.hml**”文件的示例如下：
```html
-
+
Hi there
@@ -131,9 +135,10 @@
```
-3. 设置页面样式。“**second.css**”文件的示例如下：
+3. **设置页面样式。**“**second.css**”文件的示例如下：
```css
+ /* second.css */
.container {
display: flex;
flex-direction: column;
@@ -200,24 +205,18 @@
}
```
-3. 打开index文件夹下的任意一个文件，点击预览器中的  按钮进行刷新。效果如下图所示：
-
- 
+3. 打开index文件夹下的任意一个文件，点击预览器中的按钮进行刷新。效果如下图所示：
+ 
## 使用真机运行应用
1. 将搭载OpenHarmony标准系统的开发板与电脑连接。
-2. 点击**File** > **Project Structure** > **Project** > **Signing Configs**界面勾选“**Automatically generate signing**”，等待自动签名完成即可，点击“**OK**”。如下图所示：
-
- 
-
-3. 在编辑窗口右上角的工具栏，点击按钮运行。效果如下图所示：
+2. 点击**File**> **Project Structure...** > **Project**>**Signing Configs**界面勾选“**Automatically generate signing**”，等待自动签名完成即可，点击“**OK**”。如下图所示：
+ 
- 
+3. 在编辑窗口右上角的工具栏，点击按钮运行。效果如下图所示：
+ 
-恭喜您已经使用JS语言开发（传统代码方式）完成了第一个OpenHarmony应用，快来[探索更多的OpenHarmony功能](../application-dev-guide.md)吧。
-## 相关实例
-针对使用JS语言（传统代码方式）开发快速入门，有以下相关实例可供参考：
-- [`JsHelloWorld`：你好世界（JS）（API8）](https://gitee.com/openharmony/app_samples/tree/master/common/JsHelloWorld)
+恭喜您已经使用JS语言开发（FA模型）完成了第一个OpenHarmony应用，快来[探索更多的OpenHarmony功能](../application-dev-guide.md)吧。
diff --git a/zh-cn/application-dev/quick-start/start-with-js-low-code.md b/zh-cn/application-dev/quick-start/start-with-js-low-code.md
deleted file mode 100644
index bdd4bfad89140eacc919502e19bd0993885a3dff..0000000000000000000000000000000000000000
--- a/zh-cn/application-dev/quick-start/start-with-js-low-code.md
+++ /dev/null
@@ -1,170 +0,0 @@
-# 使用JS语言开发（低代码方式）
-
-
->  **说明：**
-> 该特性在**DevEco Studio V2.2 Beta1**及更高版本中支持。
->
-> 为确保运行效果，本文以使用**DevEco Studio V3.0.0.900 Beta3**版本为例，点击[此处](https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta_openharmony)获取下载链接。
-
-
-OpenHarmony低代码开发方式具有丰富的UI界面编辑功能，通过可视化界面开发方式快速构建布局，可有效降低开发者的上手成本并提升开发者构建UI界面的效率。
-
-
-使用低代码开发应用或服务有以下两种开发方式：
-
-
-- 直接创建一个支持低代码开发的新工程以进行开发。本文以此方式为例进行说明。
-
-- 在已有工程中，创建visual文件来进行开发。此种方式的操作可参考[创建visual文件支持低代码开发](#构建第二个页面)。
-
-
-## 创建新工程支持低代码开发
-
->  **说明：**
-> 该功能在DevEco Studio 3.0 Beta2及更高版本中支持，且compileSdkVersion必须为7或以上。
-
-1. 若首次打开**DevEco Studio**，请点击**Create Project**创建工程。如果已有一个工程，请点击**File** > **New** > **Create Project**。选择模板“**Empty Ability**”，点击**Next**进行下一步配置。
-
- 
-
-2. 进入配置工程界面，打开“**Enable Super Visual**”开关，**UI Syntax**选择“**JS**”，其他参数保持默认设置即可。
-
- 
-
-3. 点击**Finish**，工具会自动生成示例代码和相关资源，等待工程创建完成。
-
-
-## 低代码开发工程项目文件
-
-工程同步完成后，自动生成以下目录结构：
-
-
-
-- **entry > src > main > js > MainAbility > pages > index > index.js** ：低代码页面的逻辑描述文件，定义了页面里所用到的所有的逻辑关系，比如数据、事件等，详情请参考[JS语法参考](../ui/js-framework-syntax-js.md)。如果创建了多个低代码页面，则pages目录下会生成多个页面文件夹及对应的js文件。
-
- >  **说明：**
- > 使用低代码页面开发时，其关联js文件的同级目录中不能包含hml和css页面，例如上图中的 **js > MainAbility > pages > index** 目录下不能包含hml与css文件，否则会出现编译报错。
-
-- **entry > src > main > supervisual > MainAbility > pages > index > index.visual** ：visual文件存储低代码页面的数据模型，双击该文件即可打开低代码页面，进行可视化开发设计。如果创建了多个低代码页面，则pages目录下会生成多个页面文件夹及对应的visual文件。
-
-
-## 构建第一个页面
-
-工程同步完成后，第一个页面已有一个容器、一段文本（Hello World）显示。为了更详细地了解低代码开发，我们将删除画布原有模板组件，从零开始完成页面的添加、设置。
-
-第一个页面内有一个容器、一段文本和一个按钮，通过Div、Text和Button组件来实现。
-
-1. 删除画布原有模板组件。
- 打开index.visual文件，选中画布中的组件，单击鼠标右键，选择Delete删除画布原有模板组件。操作如下所示：
-
- 
-
-2. 添加容器，设置Div容器的样式和属性。
- 选中UI Control中的Div组件，将其拖至画布。点击右侧属性样式栏中的样式图标（General），设置Div组件的高度Height为100%，使其占满屏幕；点击右侧属性样式栏中的样式图标（Flex），设置Div组件的FlexDirection样式为column，使Div的主轴垂直；设置Div组件的JustifyContent样式为center，使得其子组件在主轴上居中显示；设置Div组件的AlignItems样式为center，使得其子组件在交叉轴上居中显示。操作如下所示：
-
- 
-
-3. 添加文本。
- 选中UI Control中的Text组件，将其拖至Div组件的中央区域。点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为“Hello World”；点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为60px，使得其文字放大；设置组件的TextAlign样式为center，使得组件文字居中显示。再选中画布上的Text组件，拖动放大。操作如下所示：
-
- 
-
-4. 添加按钮。
- 选中UI Control中的Button组件，将其拖至Text组件下面。点击右侧属性样式栏中的属性图标（Properties），设置Button组件的Value属性为“Next”，点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为40px，使得其文字放大；再选中画布上的Button组件，拖动放大。操作如下所示：
-
- 
-
-5. 在编辑窗口右上角的侧边工具栏，点击Previewer，打开预览器。第一个页面效果如下图所示：
-
- 
-
-
-## 构建第二个页面
-
-1. 创建第二个页面。
- 在“**Project**”窗口，打开“**entry > src > main > js > MainAbility**”，右键点击“**pages**”文件夹，选择“**New > Visual**”，命名为“**second**”，单击“**Finish**”，即完成第二个页面的创建。
- 新建visual文件的操作如下：
-
- 
-
- 可以看到文件目录结构如下：
-
- 
-
-2. [删除画布原有模板组件。](#delete_origin_content)
-
-3. [添加容器，设置Div容器的样式和属性。](#add_container)
-
-4. 添加文本。
- 选中Text组件，拖至Div组件的中央区域。点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为“Hi there”；点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为60px；设置组件的TextAlign样式为center。再选中画布上的Text组件，拖动放大。操作如下所示：
-
- 
-
-5. 添加按钮。
- 选中UI Control中的Button组件，将其拖至Text组件下面。点击右侧属性样式栏中的属性图标（Properties），设置Button组件的Value属性为“Back”，点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为40px，使得其文字放大；再选中画布上的Button组件，拖动放大。操作如下所示：
-
- 
-
-
-## 实现页面间的跳转
-
-页面间的导航可以通过[页面路由router](../ui/ui-js-building-ui-routes.md)来实现。页面路由router根据页面url找到目标页面，从而实现跳转。使用页面路由请导入router模块。
-
-1. 第一个页面跳转到第二个页面。
- 在第一个页面中，跳转按钮绑定onclick方法，点击按钮时跳转到第二页。需同时处理js文件及visual文件。
- - “**index.js**”示例如下：
-
- ```js
- import router from '@ohos.router';
-
- export default {
- onclick() {
- router.push({
- url:'pages/second/second', // 指定要跳转的页面
- })
- }
- }
- ```
-
- - “**index.visual**”： 打开index.visual，选中画布上的Button组件。点击右侧属性样式栏中的事件图标（Events），鼠标点击Click事件的输入框，选择onclick，如下所示：
-
- 
-
-2. 第二个页面返回到第一个页面。
- 在第二个页面中，返回按钮绑定back方法，点击按钮时返回到第一页。
-
- 需同时处理js文件及visual文件。
-
- - “**second.js**”示例如下：
-
- ```js
- import router from '@ohos.router';
-
- export default {
- back() {
- router.back()
- }
- }
- ```
- - “**second.visual**”： 打开second.visual，选中画布上的Button组件。点击右侧属性样式栏中的事件图标（Events），鼠标点击Click事件的输入框，选择back，如下所示：
-
- 
-
-3. 打开index.visual或index.js文件，点击预览器中的  按钮进行刷新。效果如下图所示：
-
- 
-
-
-## 使用真机运行应用
-
-1. 将搭载OpenHarmony标准系统的开发板与电脑连接。
-
-2. 点击**File** > **Project Structure** > **Project** > **Signing Configs**界面勾选“**Automatically generate signing**”，等待自动签名完成即可，点击“**OK**”。如下图所示：
-
- 
-
-3. 在编辑窗口右上角的工具栏，点击按钮运行。效果如下图所示：
-
- 
-
-恭喜您已经使用JS语言开发（低代码方式）完成了第一个OpenHarmony应用，快来[探索更多的OpenHarmony功能](../application-dev-guide.md)吧。
diff --git a/zh-cn/application-dev/website.md b/zh-cn/application-dev/website.md
index 4c0b015c9e43669753a882fa918f722bde263b32..adb102e1bebe8ce6ec20daa4f3460cae4209b38b 100644
--- a/zh-cn/application-dev/website.md
+++ b/zh-cn/application-dev/website.md
@@ -4,10 +4,9 @@
- 快速入门
- [开发准备](quick-start/start-overview.md)
- - [使用eTS语言开发（传统代码方式）](quick-start/start-with-ets.md)
- - [使用eTS语言开发（低代码方式）](quick-start/start-with-ets-low-code.md)
- - [使用JS语言开发（传统代码方式）](quick-start/start-with-js.md)
- - [使用JS语言开发（低代码方式）](quick-start/start-with-js-low-code.md)
+ - [使用eTS语言开发（Stage模型）](quick-start/start-with-ets-stage.md)
+ - [使用eTS语言开发（FA模型）](quick-start/start-with-ets-fa.md)
+ - [使用JS语言开发（FA模型）](quick-start/start-with-js-fa.md)
- 开发基础知识
- [应用包结构说明(FA模型)](quick-start/package-structure.md)