介绍
npm 是 Node.js 的包管理器，它可以方便地安装和管理各种 Node.js 包，其中包括用于前端开发的很多包。其中一个非常有用的包就是 Petclinic，它是一个基于 Spring Boot、AngularJS 和 TypeScript 的 Web 应用程序，用于管理兽医诊所的各种信息。此教程将介绍如何使用 Petclinic 包。
安装
在开始使用 Petclinic 之前，需要确保已经安装 Node.js 和 npm。如果还没有安装，请到官网下载并安装。
安装完 Node.js 和 npm 之后，打开终端并执行以下命令：
npm install -g petclinic
这个命令将全局安装 Petclinic 包。完成后，就可以通过以下命令来运行应用程序：
petclinic start
这个命令将启动一个本地服务器，通过浏览器访问 http://localhost:8080 就可以访问应用程序了。
使用
在浏览器中打开 http://localhost:8080，应该能够看到一个兽医诊所管理应用程序的主界面。应用程序包含多个页签，每个页签都可以让用户查看和编辑不同类型的数据，例如兽医、宠物、访问等。
查看数据
要查看数据，请单击应用程序主界面上的任何页签。例如，单击“兽医”页签，将显示所有已注册的兽医的列表。您可以在列表上方的搜索框中输入搜索词来缩小列表。
编辑数据
要编辑数据，请从列表中选择要修改的条目并单击它。将显示一个详细视图，允许您在更改表单中更改数据。单击“保存”按钮将提交您所做的更改。
示例代码
以下是 Petclinic 的示例代码，用于显示所有已注册兽医的列表：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- - ---- ------------
------------
--------- ---------------
--------- -
-------------
------ --------------
-------
----
-----------
-----------
-----------
-----
--------
-------
--- ----------- --- -- ------
------ ------ -------
------ ------------- -- -- ------------ -------
------ --------------------- -- --------------- -- -------
-----
--------
--------
--
--
------ ----- ---------------- -
---- - ---
------------------- ---------- ----------------- --
---------- -
-------------------------------------------- -- ---------- - -------
-
-这个组件使用 petclinic 服务来获取兽医列表，并将其渲染为 HTML 表格。在 ngOnInit 函数中，它调用 petclinic.vets.findAll()，该函数返回一个 Observable，用于获取所有兽医的列表。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005595f81e8991b448d6cac