使用express创建项目

1.express框架

什么是node？

Node是一个平台，是运行JavaScript的平台,它是JavaScript的宿主
是服务器端的JavaScript，
                        （同步Synchronous）
它是单线程 Thread 阻塞， 使用异步Asynchronous的I/O
多线程，性能高，解决并发（某一个时刻访问的人过多）线程之间的通讯是难点

为什么用node
师出名门，node开源的项目，使用谷歌V8

解析器（引擎--引导执行），而V8是解析JavaScript的

事件驱动 delegate（代理、委托--中间人） 点什么按钮（即产生什么事件），电脑执行什么操作（即调用什么函数）

webkit

--webkit--
--ms--
--moz--

NPM？（类似App store） www.npmjs.com
node package manage包管理器，可以在NPM上下载，上传各种模块包

    var a=10;

    代码段

    函数（方法）

    库（模块）

    框架 （脚本-框架-平台）

    平台

window+r
cd Desktop–桌面
npm -l
npm help init–详细文档

npm init 
packagename ：express-demo
description : 使用express手动创建项目
entry point: (index.js)  (server.js)
test command: node index.js
git-版本管理
keywords: node express 模块包
author: 闫凤婷
license: (ISC)-许可证 MIT（商业收费）

2.回顾以前的js知识
$.post(),
$.get(),
$.ajax()

xmlhttprequest() 用于在后台与服务器交换数据。

总结：
手动创建node项目：
1.使用npm init命令创建package.json
2.创建入口文件index.js
3. 编写代码
3.1安装一些项目依赖的模块，这些模块中已经存在大量的API供你使用
使用npm install 命令去安装
3.2你自己封装的业务逻辑
4.使用node index.js执行

如何操作？

npm install 安装模块包

npm install package-name --save

--save会把安装的模块包添加到package.json文件中的dependencies项下
--save-dev会把安装的模块包添加到package.json文件中的devDependencies项下
    版本不经常变化（大的稳定）的安装到devDependencies
-g global  全局文件会安装到 C:\Users\ASUS\AppData\Roaming\npm\node_modules
       可以使用npm root -g查看全局安装目录。


引用错误referenceError

package.json(项目清单)

 它是一个JSON文件，JSON(Javascript Simple Object Notation)是一种简单的数据交换格式。 
 JSON文件中不能添加注释，语法格式严谨，双引号不能省略。且必须使用双引号，不能用单引号
 在json里面添加注释，只能多加一个属性，
"version-desc":"项目的版本号"

 项目清单 让其他开发人员快速的了解你的项目，
了解你项目的主要功能，项目的入口文件，当前项目所使用的其他模块包

1.如何让index.html动态化？
render()渲染
或者使用jQuery中的Ajax

2.express框架中还有没有其他的方式让浏览器去查找视图进行渲染？
使用路由（router）

路由是什么？
是客户端发起请求，服务器端响应的一条路

如何创建一个路由？
先创建一个文件夹router，
1.路由功能是express框架提供的，所以第一步必须引入express框架，通过express.Router()来创建一个路由实例
2.定义一系列的路由接口，如route.get()
3.要把定义好的路由导出，让你定义好的路由在别的文件夹中能够访问 modele.exports = route;

如何使用路由？
1.在入口文件index.js中先把定义好的路由导入。
var index = require("./router/index.js")
2.然后加入管线 app.use(index)

如何让视图动态化？
使用ajax请求数据，再渲染到视图上。
或使用render()函数进行服务器端渲染，使用视图模板(如：ejs)进行渲染
使用express生成器自动创建项目
2.1. 先安装生成器：
npm install express-generator -g
2.2. 再创建项目：
express project-name --ejs
–ejs是视图模板
视图模板有很多，常用的有ejs,art-template,pug(jade),handlebars
2.3. 安装项目所依赖的模块包：
cd 项目名称
npm install
2.4. 运行项目：
npm start
项目结构详解
node_modules：是安装的第三方模块包，可以删除重新安装。一般不建议进行git版本管理。
public：是静态资源文件夹，主要存放一些静态图片，样式，脚本，文档，音频，视频等等。项目的小图标要放到此位置。
public/images:放图片(img)
public/javascripts:放脚本(js, scripts)
public/stylesheets:放样式(css)

routes：放的是路由接口（本质上是中间件）
views: 放置视图
bin:放置是和启动相关的业务逻辑，express帮你封装好了，一般不让修改。去引入了app.js。

http状态码了解：
200成功
301重定向
404页面找不到
500服务器端代码出错

1开头表示和消息相关的状态
2开头表示和成功相关的状态
3开头表示和重定向相关的状态
4开头表示和客户端相关的错误，比如：页面未找到404
5开头表示和服务器相关的错误

使用express创建项目

猜你喜欢