使用低代码开发工具自动生成Angular项目
Magic xpa是什么？
魔法xpa应用平台（以下简称魔法xpa）是一种被称为低代码开发工具的开发工具之一。无需进行编程，只需在仓库中定义应用程序的设计信息（模型、表格、逻辑、界面设计等），即可进行业务应用程序的开发。
因为Magic xpa最新版本Magic xpa 4.6的Web Client功能，现在可以自动将Magic xpa开发的业务应用程序的Web UI部分生成为一个Angular项目，现在我们将介绍一下其概要。
Web客户端功能的特点
-
- Angularを搭載したSPA型のWebアプリケーションを簡単に作成できます
-
- ローコード開発により、高品質、スピーディーにSPA型のWebアプリケーションを構築できます
-
- １クリックだけで、Magic xpaで定義されたリポジトリ情報を元にAngularプロジェクトを自動生成します
- 純粋なJavaScript、HTML5、およびCSS3で構成され、ブラウザから動作します
您可以充分利用 Angular 的丰富功能、库以及 HTML5 技术。
使用Web Client所需的准备工作
以下内容将会被安装：
1. Node.js
https://nodejs.org/en/download/
2．Angular CLI（目前推荐使用Angular v8）
执行命令→npm install -g @angular/cli@8.3.25
3. Visual Studio Code
https://code.visualstudio.com/
三．Visual Studio Code
https://code.visualstudio.com/
4．谷歌浏览器
5. 魔术 xpa 4.6
Web客户端开发的大致流程
Magic xpaでのプログラミング
Magic xpaの開発環境（IDE）である、Magic xpa Studioで業務アプリケーションを作成します
ロジックの開発はMagic xpaでローコード開発で行います（各リポジトリを定義）
Magic xpa Studioの[Webアプリケーションの作成]を利用して画面のレイアウトを生成
＊.css、＊.ts、＊.html の3ファイルが生成されます
生成された画面コントロールとロジックとの紐づきは保持されています
コントロールの位置、大きさ、色などの設定はここではできません
外部エディタでの画面完成
上記で自動生成されたAngularプロジェクトをベースに画面を編集します
＊.css と ＊.html を外部エディタで編集（Visual Studio Code 推奨）し、UIデザインを仕上げます
总结
使用Magic xpa的Web Client功能，可以高效地创建面向B到B和B到C的SPA型Web应用程序。在利用Angular的灵活性进行UI设计的同时，可以通过低代码快速开发DB定义、后端处理逻辑、Web UI之间的会话管理和加密等功能。
