Express框架

安装express框架

先使用npm install express –s 安装express框架,或者为了方便实验使用npm install express –g全局安装express框架,再使用express –e projectName(项目名称) 命令,基于Express框架搭建项目

Express框架_第1张图片 

 Express框架_第2张图片

bin:启动文件的所在位置

node_modules:node项目的依赖等

public:静态文件资源,项目中的css、js和图片资源等

routes:路由跳转文件

views:前端界面

app.js:总的配置文件

package.json和bin目录下的www文件:www文件指定默认端口为3000。package.json文件里的start为映射的启动类名称,需要和www文件名一致

 基于express生成的默认的项目架构,完成用户的注册、登录功能。

let userRouter = require('./routes/user');

app.use('*', (req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');
    next();
});

app.use('/user', userRouter);




    
    Title
    
    



    账号: 
密码:
var express = require('express');
var router = express.Router();

let users = { 'admin': 12345, 'Tom': 123 };

router.get('/reg', (req, res) => {
    let { username, password } = req.query;
    // console.log(users);
    if (users[username]) {
        res.send({ flag: false, msg: '该账号已经存在' });
    } else {
        users[username] = password;
        res.send({ flag: true, msg: '注册成功' });
    }
});

router.get('/login', (req, res) => {
    let { username, password } = req.query;
    // console.log(req.query)
    // console.log(users);
    if (users[username] == null) {
        res.send({ flag: false, msg: '此账号不存在' });
    } else if (users[username] != password) {
        res.send({ flag: false, msg: '密码错误' });
    } else {
        res.send({ flag: true, msg: '登录成功' });
    }
});

module.exports = router;

你可能感兴趣的:(express,vue.js,npm)