手动搭建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 ...
随机推荐
- 【每天半小时学框架】——React.js的模板语法与组件概念
[重点提前说:组件化与虚拟DOM是React.js的核心理念!] 先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...
- Nginx HTTP 核心模块
原文链接:http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=17238776&id=2982697aio 语法:aio [ ...
- css变量
CSS变量: 目前主流浏览器都已支持CSS变量,Edge 浏览器也支持 CSS 变量.用户可以方便地在css中使用自定义变量. <!DOCTYPE html> <html lang= ...
- defaultView and parentWindow
defaultView 只读的 which is used to represent the currently rendered view of the document 返回的值通常是包含 ...
- C#中结构体定义并转换字节数组
最近的项目在做socket通信报文解析的时候,用到了结构体与字节数组的转换:由于客户端采用C++开发,服务端采用C#开发,所以双方必须保证各自定义结构体成员类型和长度一致才能保证报文解析的正确性,这一 ...
- 项目实战1—LNMP的搭建、nginx反向代理和缓存等的实现
实战一:搭建lnmp及类小米等商业网站的实现 环境:关闭防火墙,selinux 1.安装包,开启服务 yum -y install nginx mariadb-server php-fpm php-m ...
- 学Java的前景与就业,资深程序员教你怎么开始学Java!
IT行业一直是就业的热门岗位,程序员这个职业稳定性和收入比都有着不错的前景,那么学Java的前景和就业是什么样的呢?随着入行Java的准程序员越来越多,各种学习Java的流派也层出不穷!其实在编程的世 ...
- 利用java的net包来实在数据采集的功能
最近有好多朋友问我,数据抓取用java怎么做,就是每天把新浪的内地新闻频道的新闻前20条,抓到自己的网站或系统里,今天我统一在这里提供一个简单的例子,由于在这个过程中还需要解析html字符串,所以,我 ...
- android wear开发:为可穿戴设备创建一个通知 - Creating a Notification for Wearables
注:本文内容来自:https://developer.android.com/training/wearables/notifications/creating.html 翻译水平有限,如有疏漏,欢迎 ...
- pt-query-digest
pt-query-digest默认查询时间分布 # Query_time distribution # 1us # 10us ##################################### ...