手动搭建express框架

时间:2025-02-02 16:36:44

创建相应的文件夹

手动搭建express框架

  1. 在根路径下创建package.json文件并在命令面板里安装相应的模块包(如下)

手动搭建express框架

2.  在根路径下创建app.js,

手动搭建express框架

  1. 在根路径下创建routes文件夹,并在文件夹中创建index.js

var express=require("express");

var router=express.Router();

var path=require("path");

var mysql=require("mysql");

var pool=mysql.createPool({

"host":"localhost",

"port":"3306",

"user":"root",

"password":"",

"database":"shuai",

"charest":"UTF8"

});

router.get("/",function(req,res){

res.render("index",{title:"sowayai",content:"点击登录"});

//        模板文件名

//  render渲染页面

// 使用render方法,将title变量传入index模板,渲染成 HTML网页。

});

router.get("/login.html",function(req,res){

res.sendFile(path.resolve("views","login.html"))

// resolve是path模块的方法。需要提前加载path模块。

// sendfile用于发送文件

});

// router.route("/login").get().post();

router.route("/login").get(function(req,res){

// route()方法可以接受访问路径作为参数。

console.log(1234);

res.redirect("/404.html");

// redirect()用于网址的重定向。

}).post(function(req,res){

req.on("data",function(data){

var jsonData=JSON.parse(data);

// res.end({username:jsonData.username,password:jsonData.password})

pool.getConnection(function(err,conn){

if(err){

console.log("数据库连接失败",err);

res.json({"code":5,"message":"数据库连接失败"});

conn.release();

}else{

var sql="select * from shuai04 where username='"+jsonData.username+"';";

conn.query(sql,function(err,result){

if(err){

console.log("sql语句执行失败",err);

res.json({"code":4,"message":"sql语句执行失败"});

conn.release();

}else{

if(result.length>0){

if(result[0].password==jsonData.password){

res.json({"code":0,"message":"登录成功"});

conn.release();

}else{

res.json({"code":1,"message":"用户名或密码错误"});

conn.release();

}

}else{

res.json({"code":2,"message":"用户未注册"});

conn.release();

}

}

})

}

})

})

})

router.get("/404.html",function(req,res){

res.sendFile(path.resolve("views","404.html"));

});

module.exports=router;

手动搭建express框架

下图为去掉404.HTML的代码......

手动搭建express框架

手动搭建express框架

手动搭建express框架

  1. 创建views文件夹

并在文件夹下创建index.html

手动搭建express框架

在文件夹写login.html

手动搭建express框架

手动搭建express框架

创建404.html

手动搭建express框架