【问题标题】:How to build a UI with typescript/NodeJS如何使用 typescript/NodeJS 构建 UI
【发布时间】:2019-01-12 00:00:27
【问题描述】:

我对这个话题完全陌生。我想使用 NodeJS 学习 Typescript 并有一些简单的问题。据我所知,NodeJS 正在使用 Javascript,但是如何获得 UI?您是否必须创建 HTML/CSS 网页并使用 Typescript 运行它?如何在 Typescript 中获取图像、选项、按钮?它们是如何在本准则中实施的?我找到了很多教程,但它们只是返回“Hello World”,我认为我不必在 Typescript 的输出中“写”整个页面。

【问题讨论】:

  • 我认为您正在寻找服务器端渲染 (SSR)。 Express 是一个流行的 NodeJS 框架。但是,对于动态 UI,您需要的不仅仅是 SSR,因为您只能使用它提供静态页面。看看一些客户端框架,例如 ReactVue.jsAngular

标签: node.js typescript


【解决方案1】:

NodeJS 是纯服务器端 javascript,你不会用它来构建 UI,你会为客户端提供 html/css/js,并且可能创建一个 API 来与客户端通信。

我假设您不需要一个如何创建 Node 项目的示例,因为您已经阅读了一些关于它的教程。

对于初学者,我建议在服务器上使用 NodeJSExpressjs,然后开始提供简单的静态网站(例如手写的 'index.html' )。 Expressjs 使开发特别是在开始时变得容易得多。提供静态文件只需要像

这样的东西
app.use(express.static('public'))

..在您的服务器代码中。如果您导航到例如localhost:3000/test/route,它会在你的公共文件夹中寻找 /test/route/index.html(它应该在你的项目根目录中)

然后使用框架进行客户端开发。

如果您想使用 Typescript 开发应用程序的客户端,您可能需要研究 Angular。它与 Typescript 紧密相关,但如果你是初学者,学习曲线会非常苛刻。 Vue.jsReact 等其他开箱即用或通过 cli 与 Typecsript 配合良好的客户端框架,仅作为示例。

【讨论】:

    猜你喜欢
    • 2022-07-05
    • 2016-03-21
    • 2018-05-07
    • 2016-02-09
    • 2012-10-12
    • 2019-07-06
    • 2012-10-25
    • 2022-11-10
    • 1970-01-01
    相关资源
    最近更新 更多