案例源码
1. 案例介绍 - 学生档案管理
- 目标: 模板引擎应用, 强化node.js项目制作流程。
- 知识点: http请求响应、数据库、模板引擎、静态资源访问。
2. 制作流程
- 建立项目文件夹并生成描述文件
npm init -y
- 创建网站服务器实现客户端和服务器端通信
- 连接数据库并根据需求设计学院信息表
- 创建路由并实现页面模板呈递
- 实现静态资源访问
- 实现学生信息添加功能
- 实现学生信息展示功能
3. 第三方模块 router
- 功能: 实现路由
- 下载:
npm i router
- 使用步骤:
- 获取路由对象
- 调用路由对象提供的方法创建路由
- 启用路由, 使路由生效
4. 第三方模块 serve-static
- 功能: 实现静态资源访问服务
- 下载:
npm i serve-static
- 步骤:
- 引入serve-static模块获取创建静态资源服务功能的方法
- 调用方法创建静态资源服务并指定静态资源服务目录
- 启用静态资源服务功能
const serveStatic = require('serve-static')
const serve = serveStatic('public')
server.on('request', () => {
serve(req, res)
})
server.listen(3000)
5. 添加学生信息功能步骤分析
- 在模板的表单中指定请求地址与请求方式
- 为每一个表单添加name属性
- 添加实现学生信息功能路由
- 接受客户端传递过来的学生信息
- 将学生信息添加到数据库中
- 将页面重定向到学生信息列表页面
6. 学生信息列表页面分析
- 从数据库中将所有的学生信息查询出来
- 通过模板引擎将学生信息和HTML模板进行拼接
- 将拼接好的HTML模板响应给客户端