基于NodeJS MongoDB AngularJS引导开发书店案例分析

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

示例名称：天狗书店

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

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

效果：

一、自举

引导程序是一个用户界面框架，它支持响应式布局，在个人电脑端与移动端都表现不错。

引导程序是推特推出的一款简洁、直观、强悍的前端开发框架。

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

在线可视布局：http://www.ibootstrap.cn/

演示：http://Expo . bootscs.com/

中文网：http://www .布斯。com/

官网：http://getbootstrap.com/

安装：国家预防机制安装[电子邮件保护]

1.1、添加引用

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

1.2、在页面中使用引导程序

添加半铸钢钢性铸铁(铸造半钢)引用：

链接rel='样式表type=' text/CSS ' href=' js/bootstrap/dist/CSS/bootstrap。量滴CSS '/添加Java脚本语言引用：

脚本src=' http :3358 libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script script src=' http : js/bootstrap/dist/js/bootstrap。量滴js ' type=' text/JAVAScript ' charset=' utf-8 '/脚本在页面中引用引导程序定义好的样式

！DOCTYPE html html head meta charset=' UTF-8 ' title bootstrap/title link rel='样式表type=' text/CSS ' href=' js/bootstrap/dist/CSS/bootstrap。量滴CSS/head body div class=' container-fluid ' div class=' row ' div class=' jumbo tron ' h1你好，世界！/h1 pt这是一个简单的英雄单元，一个简单的（电视机的）超大屏幕风格的组件，用于引起对特色内容或信息的额外关注/p p a=' BTN BTN-BTN初选-LG ' 角色='按钮'了解更多/a/p/div/div class=' row ' div class=' col-MD-6 ' button type=' button ' class=' BTN BTN-default '默认/button button type=' button ' class=' BTN BTN-primary '主要/button button type=' button ' class=' BTNBTN-成功'成功/button button type=' button ' class=' BTN BTN-信息'信息/button button type=' button ' class=' BTN BTN-警告'警告/button button type=' 《BTNBTN-危险》错误/button button type=' button ' class=' BTN BTN-link '链接/button/div class=' col-MD-6 ' button type=' button ' class=' BTN BTN-默认BTN-LG '默认/按钮