模板引擎应用案例- 学生档案管理

案例源码

1. 案例介绍 - 学生档案管理

• 目标: 模板引擎应用, 强化node.js项目制作流程。
• 知识点: http请求响应、数据库、模板引擎、静态资源访问。
  
  

2. 制作流程

1. 建立项目文件夹并生成描述文件npm init -y
2. 创建网站服务器实现客户端和服务器端通信
3. 连接数据库并根据需求设计学院信息表
4. 创建路由并实现页面模板呈递
5. 实现静态资源访问
6. 实现学生信息添加功能
7. 实现学生信息展示功能

3. 第三方模块 router

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

4. 第三方模块 serve-static

• 功能: 实现静态资源访问服务
• 下载: npm i 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)

5. 添加学生信息功能步骤分析

1. 在模板的表单中指定请求地址与请求方式
2. 为每一个表单添加name属性
3. 添加实现学生信息功能路由
4. 接受客户端传递过来的学生信息
5. 将学生信息添加到数据库中
6. 将页面重定向到学生信息列表页面

6. 学生信息列表页面分析

1. 从数据库中将所有的学生信息查询出来
2. 通过模板引擎将学生信息和HTML模板进行拼接
3. 将拼接好的HTML模板响应给客户端