手动搭建express框架
创建相应的文件夹

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

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

- 在根路径下创建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;

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



- 创建views文件夹
并在文件夹下创建index.html

在文件夹写login.html


创建404.html

手动搭建express框架的更多相关文章
- Vue nodejs商城项目-搭建express框架环境
1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generat ...
- ASP.NET Web API 2系列(一):初识Web API及手动搭建基本框架
1.导言 随着Web技术的发展,现在各种框架,前端的,后端的,数不胜数.全栈工程师的压力越来越大. PC端,pad端,移动端App(安卓/IOS)的发展,使得前后端一体的开发模式十分笨重.因此,前后端 ...
- 手动搭建SSI框架
SSI框架为struts.spring.ibatis,在该框架中,使用ibatis作为数据持久层,其中ibatis使用最新版本mybatis3. 注:本文使用版本:struts-2.3.4.sprin ...
- ABP架构学习系列三:手工搭建ABP框架
由于公司的项目才接触到ABP这个框架,当时就觉得高大上,什么IOC.AOP.ddd各种专业词汇让人激情 澎湃,但在使用过程中碰到了许多坑,可能也许是没有去看源码导致的,但工作确实没有那么多时间让人去慢 ...
- 用nodejs的express框架在本机快速搭建一台服务器
[本文出自天外归云的博客园] 简介 用express框架在本机搭建一个服务器,这样大家可以通过指定的url来在你的服务器上运行相应的功能. Express是一个基于nodejs的框架,我们可以用它来完 ...
- SSM框架手动搭建
SSM框架手动搭建 创建web项目 IDEA创建Maven项目 [File]-->[new]-->[project..] 将项目变为web项目 [File]-->[Project S ...
- Nodejs之使用express框架搭建WEB应用
首先创建一个index.js,在里面引入相关的中间件,如果没有这些中间件,则需要在nodejs里进入index.js所在的文件夹安装这些模块,安装命令:npm install express ex ...
- 手动搭建I/O网络通信框架2:Socket和ServerSocket入门实战,实现单聊
第一章:手动搭建I/O网络通信框架1:Socket和ServerSocket入门实战,实现单聊 在第一章中运用Socket和ServerSocket简单的实现了网络通信.这一章,利用BIO编程模型进行 ...
- 手动搭建I/O网络通信框架1:Socket和ServerSocket入门实战,实现单聊
资料:慕课网 第二章:手动搭建I/O网络通信框架2:Socket和ServerSocket入门实战,实现单聊 这个基础项目会作为BIO.NIO.AIO的一个前提,后面会有数篇博客会基于这个小项目利用B ...
随机推荐
- 利用Tkinter和matplotlib两种方式画饼状图
当我们学习python的时候,总会用到一些常用的模块,接下来我就详细讲解下利用两种不同的方式画饼状图.首先利用[Tkinter]中的canvas画布来画饼状图: from tkinter import ...
- HTML DOM应用案例1
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- java 中 针对数组进行的工具类
1.遍历数组的方法: public static void printfArray(int[] arr) 2. 获取数组中最大值: public static int getMax(int[] ar ...
- JavaScript系列-----对象基于哈希存储(<Key,Value>之Value篇) (3)
JavaScript系列-----Objectj基于哈希存储<Key,Value>之Value 1.问题提出 在JavaScript系列-----Object之基于Hash<Key, ...
- 应用在安卓和ios端APP的证件识别
移动端证件识别智能图文处理,是利用OCR识别技术,通过手机拍摄身份证图像或者从手机相册中加载证件图像,过滤身份证的背景底纹干扰,自动分析证件各文字进行字符切分.识别,最后将识别结果按姓名.地址.民族. ...
- java操作solr实现查询功能
一.封装的查询方法 /** * solr查询方法 * @param client solr客户端 * @param query solr查询对象 * @return list集合 * @throws ...
- 从java1到java9每个版本都有什么新特性?
每次出新版本,大家大概都会这么问,"Java X会有什么特性呢?" .在下面的内容里,我总结了至今为止的Java主要发行版中各自引入的新特性,这样做的目的是为了突出各个新特性是在哪 ...
- CLR类型设计之方法与构造器
无论学习那门语言都要学习函数体,C#,JAVA,PHP,都会涉及到函数体,而C#的函数体成员并不少,方法和构造器就是函数体成员之一,函数体成员还包括但不限于:方法,属性,构造器,终结器,运算符及索引器 ...
- Python之mysql数据库更新表数据接口实现
昨天,因为项目需求要添加表的更新接口,来存储预测模型训练的数据. 先码为敬~~~~~~~ # -*- coding: utf-8 -*- import pymysql import settings ...
- 前端面试题(3) cookie,sessionStorage和localStorage的区别
cookie是网站为了标示用户身份存在用户本地终端上的数据(经过加密). cookie数据时钟在同源的http请求中携带(即使不需要),即会在浏览器和服务器之间传递. seeeionStorage和l ...