图6-27 调用API测试页面截图图6-27 调用API测试页面截图第七章 使用HZERO进行前端开发

第一节 技术设计

本章涉及前端开发四个基本模块的前端页面功能开发，但限于篇幅，我们仅对其中的订单管理功能页面进行讲解。

图7-1是前端开发四个模块功能。

图7-1 前端开发四个模块功能第七章 使用HZERO进行前端开发

第一节 技术设计

本章涉及前端开发四个基本模块的前端页面功能开发，但限于篇幅，我们仅对其中的订单管理功能页面进行讲解。

图7-1是前端开发四个模块功能。

图7-1 前端开发四个模块功能第二节 前端开发步骤

一、前端开发基础知识点

本节主要对HZERO前端开发需要掌握的技术知识点进行说明，每个技术知识点请参考相关资料（官方文档/github），具体知识点如下（见图7-2）。

1.JavaScript

2.CSS样式

3.HTML/HTML5基础语法

4.HTTP协议

5.eslit语法检查工具、yar ode odules管理工具、lera多模块管理工具

6.NODE JS

其他前端知识点说明请参考汉得公司开放平台在线文档。第二节 前端开发步骤

一、前端开发基础知识点

本节主要对HZERO前端开发需要掌握的技术知识点进行说明，每个技术知识点请参考相关资料（官方文档/github），具体知识点如下（见图7-2）。

1.JavaScript

2.CSS样式

3.HTML/HTML5基础语法

4.HTTP协议

5.eslit语法检查工具、yar ode odules管理工具、lera多模块管理工具

6.NODE JS

其他前端知识点说明请参考汉得公司开放平台在线文档。图7-2 前端开发技术知识点页面截图

二、开发环境准备

前端开发环境需安装如表7-1所示的工具。

表7-1 前端开发环境需安装的工具图7-2 前端开发技术知识点页面截图

二、开发环境准备

前端开发环境需安装如表7-1所示的工具。

表7-1 前端开发环境需安装的工具以上工具请按顺序依次安装。

1.安装 Node.js

请在 Node.js官网下载用于Widows平台的安装包。

本地执行安装文件，安装Node.js环境。

2.安装Yar

pm是Node.js的包管理工具（package maager），Node.js安装中包含pm的安装，故使用pm命令来安装Yar：

3.安装Eslit

方式一：使用pm命令安装

方式二：使用Yar命令安装

4.安装HZERO-cli

使用pm命令安装：以上工具请按顺序依次安装。

1.安装 Node.js

请在 Node.js官网下载用于Widows平台的安装包。

本地执行安装文件，安装Node.js环境。

2.安装Yar

pm是Node.js的包管理工具（package maager），Node.js安装中包含pm的安装，故使用pm命令来安装Yar：

3.安装Eslit

方式一：使用pm命令安装

方式二：使用Yar命令安装

4.安装HZERO-cli

使用pm命令安装：