基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析(nodejs mocha)

推荐整理分享基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析(nodejs mocha)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:nodejs nodemon,基于英语,基于python的毕业设计题目,nodejs mocha,基于python的毕业设计题目,nodejs mocha,nodejs mocha,nodejs gm,内容如对您有帮助，希望把文章链接给更多的朋友！

这章的目的是为了把前面所学习的内容整合一下，这个示例完成一个简单图书管理模块，因为中间需要使用到Bootstrap这里先介绍Bootstrap。

示例名称：天狗书店

功能：完成前后端分离的图书管理功能，总结前端学习过的内容。

技术：NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap、跨域

效果：

一、Bootstrap

Bootstrap是一个UI框架，它支持响应式布局，在PC端与移动端都表现不错。

Bootstrap是Twitter推出的一款简洁、直观、强悍的前端开发框架。

Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。

在线可视布局： install bootstrap@3

1.1、添加引用

也可使用包管理器也可以去官网下载后添加引用。

1.2、在页面中使用BootStrap

添加CSS引用：

添加JavaScript引用：

在页面中引用BootStrap定义好的样式

运行结果：

1.3、可视化布局

如果想快速高效的布局可以使用一些在线辅助工具，如：

FilesMongoDBServer3.4binmongod.exe

2.2、启动数据库GUI管理工具

2.3、创建数据库与集合

在localhost上右键“create database”创建名称为BookStore的数据库。

创建一个用于存放图书的集合名称为books。

在集合中添加5本图书。

三、创建一个Express项目

这里使用Eclipse（HBuilder）为开发工具，添加Nodeclipse插件，新增一个Express项目：

3.1、创建app.js

四、Monk访问MongoDB数据库

monk是NodeJS平台下访问MongoDB数据库的一个模块。monk访问MongoDB更加方便比NodeJS直接访问。

git仓库地址： install --save monk

4.1、创建连接

4.2、插入数据

4.3、更新数据

4.4、删除数据

4.5、查找数据

为了完成跨域请求，修改http头部信息及路径映射，app.js文件如下：

查询所有：

其它服务的测试可以使用Fiddler完成。

六、使用AngularJS调用后台服务

这里的UI使用BootStrap完成，前端使用AngularJS调用NodeJS发布的服务，将数据存放在MongoDB中。

index.js页面如下：

运行结果：

新书上架：

编辑图书

添加成功后：

七、示例下载

前端：

Node.js制作简单聊天室 看了TCP的有关知识，写了个基于NET的聊天室。varnet=require('net');varcount=0,users={};varserver=net.createServer(function(conn){console.log('连接到');conn.write("rnwelcometonode-c

简单实现nodejs上传功能 本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下npminstallformidablevarformidable=require('formidable'),http=require('http'),util=requir

Node.js中用D3.js的方法示例 前言D3.js是一个基于数据操作文档JavaScript库。D3帮助你给数据带来活力通过使用HTML、SVG和CSS。D3重视Web标准为你提供现代浏览器的全部功能，而不是给你