Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
大型(Node.js)单页项目是如何实现的?_Node.js_Express_Handlebars.js - Fatal编程技术网

大型(Node.js)单页项目是如何实现的?

大型(Node.js)单页项目是如何实现的?,node.js,express,handlebars.js,Node.js,Express,Handlebars.js,我目前正在做我的第一个项目,这是一个具有大后台背景的单一页面。 有5个完整的1920x1080 HTML监视器卷轴(也称为1个卷轴=1个页面块)。我把它作为一个项目,没有后端,没有模板,什么都没有。 还有第二个,基于后端的项目,它应该作为另一个模块进入第一个项目 现在是将它们合并为一个的时候了 但这只是一个巨大的html,我害怕迷失在其中。即使是基于后端的项目,这也让我想到了这个问题: 这些繁重的html项目是如何制作的?只有像把手这样的模板引擎,还是有其他方法?最有效的方法是什么?如果它只使用

我目前正在做我的第一个项目,这是一个具有大后台背景的单一页面。 有5个完整的1920x1080 HTML监视器卷轴(也称为1个卷轴=1个页面块)。我把它作为一个项目,没有后端,没有模板,什么都没有。 还有第二个,基于后端的项目,它应该作为另一个模块进入第一个项目

现在是将它们合并为一个的时候了

但这只是一个巨大的html,我害怕迷失在其中。即使是基于后端的项目,这也让我想到了这个问题:


这些繁重的html项目是如何制作的?只有像把手这样的模板引擎,还是有其他方法?最有效的方法是什么?如果它只使用一个模板引擎,它只是从不同的部分生成一个biiiig html并提供给用户吗?

首先,您需要选择两者之间的通信方式。通常JSON是首选方式(在谷歌上搜索)。您以这种格式将数据从后端发送到前端,以便它们“说”相同的“语言”

第二,如果像你说的那样是一个大项目(1000行代码没那么大),我建议你把后端组织成更小的部分。怎么用?视情况而定。例如,如果您有一个博客应用程序,您可以将后端组织为一个小文件,该文件提供博客文章列表,另一个文件提供博客类别列表等。通过这种方式,您可以一次组织文件以提供资源

通常大型项目是使用模式组织的,比如MVC(模型-视图-控制器) -模型->与数据库建立连接 -查看->这里是html的来源。这是视觉部分 -控制器->链接上面的2个

看看express.js如何组织项目。使用它制作一个小应用程序。看看sails.js,并尝试用它来做一个小项目。另外,看看meteor.js,也做一个项目。通过这种方式,您将了解他们如何组织项目:

  • 文件夹结构
  • 任务执行者
  • 数据库结构
  • 代码样式
  • 包管理
  • 工作流程
  • 等等

    • 我建议使用Vue.js之类的工具来组织HTML。因为它使用纯HTML作为模板,所以对于您的目标来说,这可能是一个不错的选择。
      从一些更广泛的组件开始,一旦您意识到您有重复的代码部分,就将它们重构为更小的组件

      您从哪里获得前端项目?你试过什么?这个项目是关于什么的?为什么要合并这两个项目?。所以你知道,一个5页的应用程序不是一个繁重的html项目。其实这两个都是tinyI写的。第一个html部分,我在过去的两个月里学习了很多后端,现在大约有1000行,我希望能够将它分解成几个部分,以便进行更简单的修改和重用。有什么建议吗?谢谢你的回答。我使用express的“静态”设置向用户提供html。并且正在考虑使用车把模板引擎来简化这一过程。我真正感兴趣的是——是构建可分为不同文件的html的全部功能,还是其他功能?使用模板引擎是最好的方法(几乎每个主要框架都使用此功能)