简介
timesheets-server 是一款使用 Node.js 和 Express 框架开发的后端服务，能够接收用户通过 API 发送的时间记录，并将这些记录存储于数据库中，以便后续使用。这个包可以轻松地为前端应用程序提供后端支持，从而使得前后端分离的开发变得更加容易和优化。本文将提供一个使用 timesheets-server 的简单教程，让你快速上手这款工具，并在实际项目中进行应用。
安装
要安装 timesheets-server，你应该先安装 Node.js，然后使用以下命令进行安装。
$ npm i timesheets-server
配置
你需要在你自己的项目中创建一个引用 timesheets-server 的文件，并在其中添加以下代码：
-- -------------------- ---- -------
----- ---------- - ----------------------------
----------------------
--------- -
----- ------------
--------- -------------
----- -------
--------- ----------
-
--
------------------这里，我们设置了数据库的连接信息，部署在本机上并使用 MySQL 数据库。你同样可以使用你自己的数据库地址和认证信息。timesheets-server 内置了处理 HTTP 请求的代码，这就意味着你不需要编写额外的代码来实现你应用的接口，timesheets-server 将会代劳。
创建视图
现在，你需要创建一个用于主页的视图和一个用于显示时间记录的视图。因为我们使用的是前后端分离的开发方式，所以我们仅需要创建一个 HTML 文件和 JavaScript 文件。在 HTML 文件中，你应该包含一些用来显示时间记录的元素，如下所示：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- -------------- ------------------- ------- ------ ------------- --- --------------------------- ------- -------
在 JavaScript 文件中，再通过 Ajax 请求获取 time-records 数据并将数据转换为 HTML 格式，如下所示：
-- -------------------- ---- -------
----- --- - --- ----------------
--------------- ---------------- -----
---------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
----- ----------- - ----------------------------
-------------------------- -- -
----- -- - ----------------------------
------------ - ------------- - ----------------------
-----------------------------------------------------------
--
-
-
----------发送时间记录
好了，现在你在前端创建了时间记录的视图。那么，怎么让用户输入时间记录呢？用 timesheets-server 的接口，你可以发送一条新的时间记录到后端服务器，并将其存储到数据库中。以下是一个使用 JavaScript 的示例代码：
-- -------------------- ---- -------
----- --- - --- ----------------
----- ------ - -
------------ ----------
------ --- -------
---- --- ------
-
---------------- ---------------- -----
------------------------------------ -------------------
---------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
-----------------------------
-
-
--------------------------------这个代码将会创建一个时间记录，其中包含一个描述和起止时间，然后将其以 JSON 格式发送到 timesheets-server 的处理接口。完成了以上步骤，你的时间记录数据就储存在数据库中了。
总结
本文提供了一个使用 timesheets-server 的简单教程，让你快速上手这款工具，并在实际项目中进行应用。在创建视图和发送时间记录数据的过程中，我们还深入地学习了相关技术，在实践中不断进行优化，并理解了前后端分离开发的优点。因此，学习 timesheets-server 不仅可以帮助我们实现应用程序的开发，同时也是深入学习 Web 开发技术的好方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcf967216659e244e21