位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享基于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。

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

在集合中添加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)

  • 购买增值税发票金税盘计入什么科目?
  • 应交所得税的计税依据
  • 企业给员工交公积金国家有规定的
  • 上年多交的增值税能退吗
  • 累计净值包含业务收入吗
  • 怎么从营业执照上看是不是一般纳税人
  • 政府回购土地免税政策
  • 小规模增值税的三个附加税计算公式是什么
  • 销售自产设备税率
  • 以前年度损益调整影响哪个科目
  • 滞留票的处理
  • 先开了发票给客户,不付款怎么办
  • 土地出让金抵减销项税如何申报
  • 车间停产期间设施有哪些
  • 建筑业开票金额与审定金额之间的关系
  • 进出口货物买卖合同
  • 小规模纳税人月超10万季度不超30万
  • 开通税种需要带发票吗
  • 租金和物业费怎么计算
  • 公司的班车费用怎么入账
  • 如何增加发票数量和额度
  • 所有者权益为什么是负债
  • 个人使用过的设备有哪些
  • TP-Link TL-WR841N管理员密码(初始密码)是多少
  • win11怎么取消登录pin密码
  • 税负率的计算方法公式
  • 上月有留底税额,这个月有销销没有进项怎么做账
  • 公司净资产怎么算出来的
  • 资不抵债从资产负债表上怎么看出来
  • 摊余成本计量的金融资产账面价值
  • win11怎么清理电脑垃圾
  • 固定资产自行建造的会计处理
  • 上年未结转的成本今年可以结转吗
  • 报销差旅费的会计分录为什么是其他应收款
  • 一证通网上报税流程
  • php微信公众号开发框架
  • torchaudio教程
  • 微服务框架图
  • 社保缴费基数3400
  • 增值税小规模纳税人
  • 预收账款发货
  • 佣金代扣代缴增值税如何计算
  • 国家研发费用补助
  • 配电室增容验收标准
  • 什么是电子承诺
  • 分组计数什么意思
  • 百万级别数据库mysql
  • 管理费用冲减其他应付款分录
  • 什么情况需要个人所得税
  • 冲减以前年度管理费用需要更正报表吗
  • 存货核算方法有五种
  • 因管理不善材料被盗应记啥科目
  • 企业所得税留抵税额
  • 采购方退货的会计分录
  • 待转销项税额对应科目
  • 发票拒收证明盖公章还是财务章
  • sqlserver数据完整性
  • win10注册表主键
  • Windows Server 2008病毒偷改账号的安全隐患
  • centos安装选择哪个
  • linux rmdir
  • 用u盘安装ubuntu
  • linux无法运行yum
  • win8是怎么样的
  • cocos-2dx
  • srslte源码分析
  • javascript提交数据
  • 自动化测试读写题答案
  • python正则匹配url
  • html常用字符
  • unity 循环列表
  • linux rsync命令详解
  • javascript怎么写
  • android基础知识点
  • java jsonstring
  • python 上传文件到ftp
  • 福建税务总局电话
  • 实木地板什么
  • 土地增值税如何入账
  • 房屋赠与给子女要交多少税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设