位置: 编程技术 - 正文

基于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)

  • 如何开局增值税发票
  • 征地补偿费谁来支付
  • 印花税按什么金额吗
  • 法人分配利润分录
  • 汽车保险专用发票可以抵扣吗
  • 房地产开发企业预缴增值税
  • 延迟取得发票的原因
  • 税务评估补税如何入账处理合适?
  • 在筹建期间的费用属于什么
  • 个体户季度报税表怎么填
  • 减免税费期末如何结转
  • 包装材料报废后如何做会计核算?
  • 进项税额转出转多了
  • 发票冲红后原发票还有用吗?
  • 营改增后卖房交的增值税
  • 单位日常发的钱都有哪些
  • 咨询案例模板
  • 远程清卡失败f50004
  • 地下建筑如何防潮
  • 发票不验旧可以领取新的吗
  • 文化事业建设费计入什么科目
  • 小规模企业增值税税收优惠政策2023
  • 办理税务迁移
  • 融资租入固定资产计提折旧吗
  • 按揭的车可以只买交强险吗
  • 铁杆茉莉的养殖方法
  • 无形资产转让的会计处理
  • vue router怎么传值
  • ChatGPT火爆来袭,携手参与为开源助力
  • PHP strcmp()和strcasecmp()的区别实例
  • 企业计提的医疗保险属于企业设定提存计划的内容
  • 什么时候免交教育费
  • 应收账款出售给银行账务处理
  • 出租房屋房产税计算
  • 小规模纳税人通行费电子普票能抵扣吗
  • 代扣代缴个税手续费返还文件
  • SQL(MSSQLSERVER)服务启动错误代码3414的解决方法
  • 电缆租赁发票开具属于什么项目
  • 视同销售的增值税怎么申报
  • 资产负债表的编制原理
  • asp 数据库
  • 同一控制下企业合并
  • 受托方代扣代缴增值税、消费税的纳税人
  • 个体户查账征收个人所得税税率
  • sqlserver降级备份
  • 临时售楼处需要什么手续
  • 退货发票会作废吗
  • 发票开的是推广服务费计入什么费用?
  • 开具电费发票如何入账?
  • 化妆品消费税纳税标准
  • 境外企业向境内企业提供技术服务
  • 免税企业开了含税吗
  • 防伪税控技术服务费减免的文件
  • 退回的企业所得税计入什么科目
  • 红字发票开出的单价可以比蓝字发票高吗?
  • 建立明细账科目怎么排顺序
  • 系统存储过程以什么为前缀
  • win10预览版21301bug
  • mac os 应用
  • windowsxp有密码忘了怎么办
  • linux界面显示
  • javascript要怎么学
  • JQuery 又谈ajax局部刷新
  • jquery实现
  • 批处理程序
  • css样式表可以兼容所有浏览器吗
  • vue使用mixin
  • 批处理文本文件如何建立
  • js的脚本语言
  • unity简单项目
  • 使用jquery实现的项目
  • javascript中的匿名函数
  • 加油的电子发票在手机哪里
  • 出租车票据国税怎么开
  • 建筑劳务个人所得税申报
  • 合伙企业取得的专利权属于合伙企业财产吗
  • 国家税务总局发票下载
  • 潍坊特殊工种退休公示名单九月
  • 福建福州有几个火车站
  • 什么叫企业改制重组
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设