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