学生信息系统的创建流程

1、http请求响应

(1)生成package.json文件

npm init -y

(2)创建网站服务器实现客户端和服务器的通信

// 引入 http 模块
const http = require('http');
// 创建网络服务器
const app = http.createServer();
// 当客户端访问服务器的时候
app.on('request', (req, res) => {
   res.end('ok');
});
// 事件监听
app.listen(80);
console.log('服务器启动成功');

2、数据库

(1)连接数据库

下载第三方模块

npm install mongoose

const mongoose = require('mongoose');
// 连接数据库
mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true })
    .then(() => console.log('数据库连接成功'))
    .catch(() => console.log('数据库连接失败'));

// 数据库连接
require('./model/connect');

(2)根据需求设计信息学生信息表 

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;

// 学生信息集合
const Student = require('./model/user');

3、模板引擎

(1)创建路由   第三方模块router

npm install router 

// 引入router模块
const getRouter = require('router');
// 获取路由对象
const router = getRouter();

// 呈递学生档案信息页面
router.get('/add', (req, res) => {
    res.end('test');
});

//呈递学生档案信息列表页面
router.get('/list', (req, res) => {
    res.end('index');
});
// 当客户端访问服务器的时候(更新)
app.on('request', (req, res) => {
    router(req, res, () => {})
});

(2)实现页面模板呈递 

下载模板引擎

 npm install art-template

// 引入模板引擎
const template = require('art-template');
// 引入path模块
const path = require('path');
// 配置模板的根目录
template.defaults.root = path.join(__dirname, 'views')

4、静态资源访问 

(1)实现静态资源访问 第三方模块serve-static

// 引入静态资源访问模块
const serveStatic = require('serve-static');
// 实现静态资源访问服务
const serve = serveStatic(path.join(__dirname, 'public'));
// 呈递学生档案信息页面(更新)
router.get('/add', (req, res) => {
    let html = template('index.art', {})
    res.end(html);
});

//呈递学生档案信息列表页面(更新)
router.get('/list', (req, res) => {
    let html = template('list.art', {})
    res.end(html);
});
// 当客户端访问服务器的时候(更新)
app.on('request', (req, res) => {
    router(req, res, () => {})
    serve(req, res, () => {})
});

(2)实现学生信息添加功能

// 引入querystring模块
const qureystring = require('querystring');
// 实现学生信息添加功能路由
router.post('/add', (req, res) => {
    // 接受post请求参数
    let formData = '';
    req.on('data', param => {
        formData += param;
    })
    req.on('end', async() => {
        await Student.create(qureystring.parse(formData));
        res.writeHead(301, {
            Location: '/list'
        })
    })
})

(3)实现学生信息展示功能 

处理日期的第三方模块

npm install moment

// 引入处理日期的第三方模块
const moment = require('moment');
// 处理日期格式的方法
template.defaults.imports.moment = moment;

 {{each students}}
        <tr>
            <th>{{$value.name}}</th>
            <th>{{$value.age}}</th>
            <th>{{$value.sex == '0' ? '男' : '女'}}</th>
            <th>{{$value.email}}</th>
            <th>
                {{each $value.hobbies}}
                <span>{{$value}}</span> {{/each}}
            </th>
            <th>{{$value.collage}}</th>
            <th>{{moment($value.enterDate).format('YYYY-MM-DD')}}</th>
        </tr>
        {{/each}}

 

5、根目录