位置: 编程技术 - 正文

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

  • 公司减免社保到几月份
  • 8.会计核算方法具体包括哪些内容?
  • 个税申报专项扣除怎么填
  • 微商怎么交易流程
  • 外来建安企业的税收管理
  • 跨期列支成本费用危害
  • 餐厅团购券在哪个软件的
  • 发票先收到下个月才付款
  • 工会筹备金税率
  • 企业哪些研发费用可以资本化?
  • 异地缴纳个人所得税
  • 只有增值税进项怎么抵扣
  • 公司租个人车辆如何办理
  • 营改增公告
  • 开票资料没有电话号码可以写法人名字吗
  • 如何看待餐饮企业文化
  • 包装物报废收回残料
  • 挂靠别人的施工单位资质,要交什么税?
  • 活动策划费开票在哪个项目下面
  • 电商企业收入成本如何核算
  • 企业所得税发票虚假成本调减当年的吗
  • Google Bard VS ChatGPT:哪个是更好的AI聊天机器人?
  • 电脑游戏没法玩怎么办
  • 呆账催讨原则是谁提出的
  • 税款申报成功但没有缴款怎么办
  • 质押的应收票据怎么做账
  • 能开运费发票吗?
  • php json转对象
  • 上个月做无票收入这个月开票,怎么做分录
  • 对于企业已经入账而银行尚未入账
  • phpcurl模拟登录
  • 边角料是否计入生产成本
  • php面向对象和面向过程
  • php 上传文件
  • 若依原创
  • 运输中合理损耗计入采购成本
  • 前端html模板
  • 图像的分类方法及具体的分类
  • 前端按钮跳转界面
  • 增值税发票开票系统数据与实际报税数不一致的原因?
  • 外贸企业上年的税收
  • 税盘显示已反写
  • 预付款能不能开票入账
  • 财务会计制度及核算软件备案有效期
  • 如何访问一台网络上的电脑
  • mysql集群配置
  • mysql基础操作命令
  • 固定资产清理税务处理
  • 短期借款的账务处理例题
  • 企业的存货清查包括
  • 长期待摊费用包含的内容
  • 押金无法收回账怎么办
  • 商品没入库直接发货
  • 小微企业即征即退
  • 百旺金赋服务费可以不交吗
  • 公司支付劳务工资怎么做账
  • 销售自己使用过的物品免税吗
  • mysql数据库优化面试题
  • LNMP下使用命令行导出导入MySQL数据库的方法
  • mysql允许字段为空
  • win7系统快捷键关机
  • win10系统qq语音说话无声音
  • 电脑ios怎么安装
  • ubuntu系统怎么用
  • ubuntu12安装教程
  • windowsxp的主要特点是什么
  • Unity3D游戏开发(第2版)pdf
  • unity开发用macbook怎么样
  • node通过express搭建自己的服务器
  • linux shell脚本编程100例
  • 探寻Javascript执行效率问题
  • javascript怎么关
  • 获取android_id
  • javascript详细介绍
  • 收集什么比较好
  • js使用类
  • 如何查询纳税信用等级证明
  • 江苏税务登记证查询
  • 合并方为进行企业合并发生的佣金和手续费怎么处理?
  • 四川社保缴费后多久生效
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设