位置: 编程技术 - 正文
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析(nodejs mocha)
发布时间：2024-02-27推荐整理分享基于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标准为你提供现代浏览器的全部功能，而不是给你
标签: nodejs mocha
本文链接地址:https://www.jiuchutong.com/biancheng/374147.html 转载请保留说明！上一篇：NodeJS实现客户端js加密(nodejs客户端框架)
下一篇：Nodejs中自定义事件实例(nodejs yield)
