在移动端开发中，前端开发人员使用跨平台的框架创建移动应用程序。其中，NativeScript是一个很好的选择，并且它的核心是一个开源JavaScript框架。tns-core-modules是NativeScript的一部分，是一个npm包，它提供了一些核心模块和类，允许您编写原生移动应用程序。在本篇文章中，我们将探讨如何使用tns-core-modules来开发一个简单的原生移动应用程序。
安装tns-core-modules
首先，您需要确保在系统上安装有node.js和npm。接下来，您可以在您的项目目录中安装tns-core-modules。使用以下命令在命令行中安装：
npm install tns-core-modules --save
在安装完成后，您可以使用require函数来引入您所需的模块。
实现一个简单的原生移动应用程序
接下来，我们将开始为我们的移动应用程序编写代码。我们将创建一个用于登录的简单登录表单，并使用tns-core-modules来实现提交表单的逻辑。
安装依赖
为了便于我们的开发过程，我们需要先安装以下依赖：
npm install nativescript-angular --save npm install nativescript-ui-dataform --save
创建登录页面
创建一个组件login.component.js和一个js文件login.component.html。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------------------------
------------
--------- --------
------------------------------------
--
------ ----- -------------- -
---- - -
------ ---
--------- --
-
---------- -
------------------- - - -----------------
---------------------- - - --------------------
-
--- -------------------- ---- -------
---------- ------------- -------------------------------
----------- -------- ----- ------------------
------------ ------- -------------
------------ -------------------
------ ------------ ----------------------
---------- ------------------------ --------------------------
--------------
------------ -------------------
------ --------------- ----------------------
---------- --------------------------- ------------- --------------------------
--------------
------- ---------- --- ------------------ ---------- ----------- --------------------
--------------
------------ ------- ---------------
------ ------------- -- -- ----- ----------------------
--------------
-------------添加路由
接下来，我们需要在app.module.ts中定义路由配置。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------ - ---- --------------------------------
------ - ------------------------ - ---- ------------------------------
------ - ---------------- - ---- -----------------------
------ - ------------ - ---- ------------------
------ - -------------- - ---- -------------------------------------
-----------
------------- ------------------------------
---------- ---------------
-------- -
-------------------
-------------------------
----------------
--
--
------ ----- --------- - --- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------------ - ---- ------------------------------
------ - ------ - ---- ------------------
------ - -------------- - ---- -------------------------------------
----- ------- ------ - -
-----------------------------------------------
---------------------------------------
--
-----------
---------------------------------------------------
----------------------------------
--
------ ----- ------------------在app.component中加载登录页面
最后，在app.component.js中，我们将加载我们的登录页面。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- ---------
--------- -------------------------------------------
--
------ ----- ------------ -
------------- --
-运行程序
运行以下命令在模拟器中运行程序：
tns run android --emulator
在模拟器中，您应该能够看到一个简单的登录页面。
总结
在本文中，我们介绍了如何使用tns-core-modules创建一个用于登录的简单移动应用程序。虽然这是一个简单的例子，但它向我们展示了tns-core-modules的基本特性，我们可以使用它来构建复杂的移动应用程序。此外，我们还学习了如何在NativeScript应用程序中使用npm包和Angular框架。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/tns-core-modules