node.js中如何组织前端和后端项目结构? [关闭]

     2023-03-03     270

关键词:

【中文标题】node.js中如何组织前端和后端项目结构? [关闭]【英文标题】:How to organize frontend and backend project structure in node.js? [closed] 【发布时间】:2014-12-07 02:12:28 【问题描述】:

在我的项目中,我想在后端和前端都使用 coffeescript,以便用一种编程语言进行开发。下面是我将要使用的模块列表:

后端

咖啡脚本 node.js express.js mongodb redis 玉 手写笔

前端

咖啡脚本 angular.js 玉 手写笔

请注意,有些模块同时用于后端和前端:coffeescript、jade、stylus。

我使用 npm 管理服务器端模块,使用 bower 管理客户端模块。我决定将其作为一个项目保留,以便于维护和代码共享。我使用 grunt 作为 javascript 任务运行器。

我的问题是:

是否有一个工具可以自动生成上述配置中的项目并提供基本文件结构和示例?

【问题讨论】:

这个设置很不错! 【参考方案1】:

构建 MEAN 项目

你刚才描述的是MEAN stack

有大量的 MEAN 框架可以促进良好的实践。考虑看看这两个,如果你有兴趣,也可以谷歌一下这个话题:

MEAN.js Sails.js (我目前正在用于项目)

您可能想看看 MEAN 堆栈上的 Thinkster.io's 之类的教程。

管理依赖项

管理依赖绝不应该比将库添加到您的package.jsonbower.json 文件和 require()'ing 或以其他方式加载那些已安装的依赖项更麻烦。值得庆幸的是,我们为 MEAN 堆栈的各个方面提供了一套很好的包管理器:

请参阅NPM,节点后端 JS 包管理器,您将使用它来处理服务器端依赖项。 [Getting Started with NPM] 另请参阅Bower,前端 * 包管理器,用于客户端 JS 库、css 框架等。 [Getting Started with Bower]

Grunt 作为任务管理器

我建议您考虑 Gulp 而不是 Grunt,因为它具有灵活性和改进的性能 [Getting Started with Gulp]

【讨论】:

5_前后端分离

...进行页面的组装和渲染,最终返回给浏览器。 2代码组织形式在传统架构模式中,前后端代码存放于同一个代码库中,甚至是同一工程目录下。页面中还夹杂着后端代码。前后端工程师进行开发时,都必须把整个项目导入到... 查看详情

如何部署分离的前端和后端?

】如何部署分离的前端和后端?【英文标题】:Howtodeployseparatedfrontendandbackend?【发布时间】:2017-05-0523:40:12【问题描述】:我正在开发一个新项目,其中react/express作为前端,loopback作为后端api。我在我的开发环境中使用不同的端... 查看详情

前端开发和后端开发有啥区别

前端开发和后端开发的区别在于:一、展示方式不同1、前端开发主要做的是用户所能看到的前端展示界面。2、后端开发主要做的是逻辑功能等模块,是用户不可见的。二、所用技术不同1、前端开发用到的技术包括但不限于html5... 查看详情

Kubernetes 前端和后端之间的通信

】Kubernetes前端和后端之间的通信【英文标题】:KubernetesCommunicationbetweenFrontendandBackend【发布时间】:2017-12-2305:47:20【问题描述】:对于本地开发,我有一个可以工作的minikube。我们在那里部署了不同的服务。现在我想连接前端和... 查看详情

前端和后端如何进行交互流程

...在的分工角色也主要分为前端工程师和后端工程师。但是如何更好的前后端交互感觉一直对测试工程师来说是盲盒。网上看到的一篇文章,让我明白了前端和后台是如何结合进行工作的。参考网址:https://blog.csdn.net/a772116804/articl... 查看详情

docker容器中的前端和后端[关闭]

】docker容器中的前端和后端[关闭]【英文标题】:Frontendandbackendindockercontainer[closed]【发布时间】:2020-09-1309:14:10【问题描述】:我在Angular中有一个前端,在SpringBoot中有相应的后端。两者都是独立项目。现在,在这两个项目的开... 查看详情

vue.js---实现前后端分离架构中前端页面搭建

【Vue.js实现前后端分离架构中前端页面搭建】一、前后端分离1.简介前后端分离属于软件架构的一种。其核心思想是把前端项目(Node.js实现的)和后端项目独立部署到不同的服务器上,前端项目在通过Ajax请求服务器... 查看详情

如何在本地应用程序中连接前端(js)和后端(php)?

】如何在本地应用程序中连接前端(js)和后端(php)?【英文标题】:Howtoconnectfrontend(js)andbackend(php)inalocalapplication?【发布时间】:2016-04-0423:12:03【问题描述】:对如何连接前端和后端感到困惑?假设我有一个对象obj和varjsonText... 查看详情

在 spring-boot 中如何分离前端和后端机器?

】在spring-boot中如何分离前端和后端机器?【英文标题】:HowseperateFront-End&Back-Endmachineinspring-boot?【发布时间】:2015-10-1017:27:37【问题描述】:我想将后端和前端(HTML页面)机器分开。后端将由Spring-Boot开发。如何将控制器中... 查看详情

组织架构树的实现,前端和后端处理逻辑(代码片段)

渲染结果 第一种情况:后台处理了数据,前台只需要展示(后台返还的结果就是一个数组树)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>组织架构</title><linkrel="stylesheet"href="./lib/jquery 查看详情

如何在解耦的前端和后端中的每个请求中仅发送 http cookie(包含 jwt)?

】如何在解耦的前端和后端中的每个请求中仅发送httpcookie(包含jwt)?【英文标题】:Howtosendhttponlycookies(containingjwt)witheveryrequestindecoupledfrontendandbackend?【发布时间】:2021-10-1511:47:00【问题描述】:如何在分离的前端和后端中为... 查看详情

theia架构(代码片段)

...工作方式,Theia运行在两个独立的进程中,它们被称之为前端和后端,相互之间通过WebSockets上的JSON-RPC消息或HTTP上的RESTAPIs来通信。对于Electron而言,前端和后端都在本地运行,而在远程上下文中,后端运行在远程服务器上。 ... 查看详情

前端和后端交互的一些认识

...初学者一看就懂:Ajax调用后台接口案例ajax后端怎么写?如何实现前后端交互(代码示例) 查看详情

当前端和后端分离时,我如何根据数据库中的记录来呈现不同的按钮

】当前端和后端分离时,我如何根据数据库中的记录来呈现不同的按钮【英文标题】:HowamImeanttorenderdifferentbuttonsbasedonarecordindatabasewhenhavingaseparatedfront&backend【发布时间】:2019-10-1107:47:01【问题描述】:我有一个分开的前端和... 查看详情

如何使用 App Insights 关联前端和后端?

】如何使用AppInsights关联前端和后端?【英文标题】:HowcanIcorrelatefrontendandbackendusingAppInsights?【发布时间】:2021-12-2005:34:23【问题描述】:我有一个ASP.NETCoreRazor应用程序,我在其中将JavaScriptAppInsights组件用于ckient端(在_Layout.csht... 查看详情

如何在前端和后端存储 JWT 刷新令牌?

】如何在前端和后端存储JWT刷新令牌?【英文标题】:HowtostoreJWTrefreshtokenonfront-endandback-endsides?【发布时间】:2019-01-2923:40:33【问题描述】:客户端-如果我们将刷新令牌保存在“本地存储”中并且黑客获取了此令牌,他/她将永... 查看详情

node.js用户注册功能的实现(代码片段)

文章目录前言一、项目结构二、用户注册功能的实现1.前端-注册入口2.前端-路由中间件测试3.前端-请求发送4.后端-请求接收5.后端-请求处理&数据库操作总结前言最近一直在忙着练这个项目,所以…没有写甚麽东西,哈哈.现在这... 查看详情

day03_项目前端相关基础知识一(代码片段)

一、前端开发环境搭建1.1前端开发概述前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。最初... 查看详情