js项目技术分析

Question

最近刚接触一个项目，采用nodejs+mongodb+express+angularjs+bootstrap技术栈，项目结构目录如下：

第一次接触，有点搞不懂这些技术是怎样构建起一个系统的，各自的作用关联又如何？

不知有没大神可以科普下，或者提供一些相关的技术学习资料，谢过~~

Answer 1

• nodejs：后台语言

• mongodb：数据库

• express：nodejs的一个框架

• angularjs：前端JS框架

• bootstrap：前端侧重UI的框架

Answer 2

自己查阅了一些资料，学习总结如下:
1、express用来快速构建web应用的骨架，采用mvc模式，在控制器中（router模块）接收客户端的get或post请求，并且使用第三方数据库模块mongodb构建数据库模型，通过数据库读写操作，组装好相应的响应数据（res），调用相应的view视图（项目使用ejs模板）渲染，这一部分是经典的后端mvc模式。
2、angular用来快速高效构建前端应用，通过双向数据绑定、指令扩展、scope模型、控制器、内置服务等实现前端的mvc模式，减少dom操作。bootstrap则用来快速构建UI界面。
3、所以我的理解是，通过url请求，由后端渲染返回页面，并在前端通过mvc做单页面的管理。
那么有两个疑问：
前端路由和后端路由不会冲突吗？前端数据模型scope和后端数据模型是完全独立的吗？

Answer 3

网页的渲染分为前端渲染和服务器端渲染，前端渲染可以说是前端与后台分离的，而服务器端渲染的页面是把整个页面重新解析并返回，这样就比如express的ejs模板可以在node的路由处理中直接传递处理数据并重新渲染。