Node项目初始化操作以及router模块和serve-static模块

  1. 建立项目文件夹并生成项目描述文件
    使用命令npm init -y生成package.json文件

  2. 创建网站服务器实现客户端和服务器端通信
    创建一个app.js文件,然后在里面写创建服务器的内容

/* app.js文件内容 */
// 引入http模块
const http = require('http');
// 创建网站服务器
const app = http.createServer();
// 当客户端访问服务器端的时候
app.on('request', (req, res) => {
	res.end('ok');
});
// 端口监听
app.listen(80);
console.log('服务器启动成功');
  1. 连接数据库并根据需求设计学员信息表
    使用命令npm install mongoose安装MongoDB模块
/* 创建model文件夹和创建connect.js文件并写内容 */
const mongoose = require('mongoose');
// 连接数据库
mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true })
	.then(() => console.log('数据库连接成功'))
	.catch(() => console.log('数据库连接失败'))

在原来的app.js文件中导入这个模块

/* app.js文件追加内容 */
// 数据库连接
require('./model/connect');

设计集合规则与创建集合

/* user.js文件内容,这个文件与connect文件同文件夹 */
const mongoose = require('mongoose');
// 创建学生集合规则
const studentsSchema = new mongoose.Schema({
	name: {
		type: String,
		required: true,
		minlength: 2,
		maxlength: 10
	},
	age: {
		type: Number,
		min: 10,
		max: 25
	},
	sex: {
		type: String
	},
	email: String,
	hobbies: [ String ],
	collage: String,
	enterDate: {
		type: Date,
		default: Date.now
	}
});
// 创建学生信息集合
const Student = mongoose.model('Student', studentsSchema);
// 将学生信息集合进行导出
module.exports = Student;

在下面的路由文件index.js中导入这个模块,模块返回值是一个构造函数

/* index.js文件追加内容 */
const Student = require('../model/user');
  1. 创建路由并实现页面模板呈递
    使用第三方模块router实现路由,命令npm install router
    使用命令npm install art-template下载模板引擎
    新建一个router文件夹,创建一个index.js文件来专门写路由的内容,在里面导入这个模块,模块返回值是一个函数,用来获取路由对象的
/* index.js文件内容 */
// 引入router模块
const getRouter = require('router');
// 获取路由对象
const router = getRouter();

// 学生信息集合
const Student = require('../model/user');
// 引入模板引擎
const template = require('art-template');
// 引入querystring模块
const querystring = require('querystring');

// 呈递学生档案信息页面
router.get('/add', (req, res) => {
	let html = template('index.art', {});
	res.end(html);
})
// 呈递学生档案信息列表页面
router.get('/list', async (req, res) =>{
	// 查询学生信息
	let students = await Student.find();
	console.log(students);
	let html = template('list.art', {
		students: students
	})
	res.end(html)
})
// 实现学生信息添加功能路由
router.post('/add', (req, res) => {
	// 接收post请求参数
	let formData = '';
	req.on('data', param => {
		formData += param;
	});
	req.on('end', async () => {
		await Student.create(querystring.parse(formData))
		res.writeHead(301, {
			Location: '/list'
		});
		res.end()
	})
});

module.exports = router;

在原来app.js文件中引入index.js文件并调用路由

/* app.js文件追加内容 */
const router = require('./route/index');
// 当客户端访问服务器端的时候
app.on('request', (req, res) => {
	// 启用路由功能,第三个参数是一个回调函数,当请求完成以后router会调用这个回调函数,让我们在请求结束之后再做一件事
	router(req, res, () => {})
});

新建一个views文件夹来存放模板文件(只放模板),和新建一个public文件夹来存放静态文件(比如css)
在原来app.js文件中引入模板引擎,并配置一下根目录。模板引擎也要引入到路由index.js文件中

/* app.js文件追加内容 */
// 引入模板引擎
const template = require('art-template');
// 引入path模块
const path = require('path');
// 配置模板的根目录
template.defaults.root = path.join(__dirname, 'views');
  1. 实现静态资源访问
    使用第三方模块serve-static来实现静态资源访问服务,使用命令npm install serve-static
    在原来app.js文件中引入serve-static模块,并调用
/* app.js文件追加内容 */
// 引入静态资源访问模块
const serveStatic = require('serve-static');
// 实现静态资源访问服务 ,serveStatic返回值是一个方法,调用返回的这个方法就可以开启静态资源服务
const serve = serveStatic(path.join(__dirname, 'public'))
// 当客户端访问服务器端的时候
app.on('request', (req, res) => {
	// 启用路由功能
	router(req, res, () => {})
	// 启用静态资源访问服务功能 , 第三个参数和路由的第三个参数功能是一样的
	serve(req, res, () => {})
});

使用命令npm install dateformat下载时间格式模块
在原来app.js文件中引入并调用

/* app.js文件追加内容 */
// 引入处理日期的第三方模块
const dateformat = require('dateformat');
// 处理日期格式的方法
template.defaults.imports.dateformat = dateformat;

截止这里就初始化结束了,下面补充介绍一下第三方模块


第三方模块 router

功能:实现路由
使用步骤:
1.获取路由对象
2.调用路由对象提供的方法创建路由
3.启用路由,使路由生效

const getRouter = require('router')
const router = getRouter();
router.get('/add', (req, res) => {
    res.end('Hello World!')
}) 
server.on('request', (req, res) => {
    router(req, res)
})

第三方模块 serve-static

功能:实现静态资源访问服务
步骤:
1.引入serve-static模块获取创建静态资源服务功能的方法
2.调用方法创建静态资源服务并指定静态资源服务目录
3.启用静态资源服务功能

const serveStatic = require('serve-static')
const serve = serveStatic('public')
server.on('request', () => { 
    serve(req, res,()=>{})
})
server.listen(3000)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值