var http = require("http");

var url = require("url");

var ejs = require("ejs");

var querystring = require("querystring");

var server = http.createServer(function(req,res){

    res.writeHead(200,{"content-type":"text/html;charset=utf-8"});

    //当输入  localhost:8000/login  请求登录页面

    //当点击 登录按钮   提交数据  action 路径？？？

    var pathname = url.parse( req.url ).pathname;

    //获取客户端请求数据的方式 get  post

    var method = req.method.toLowerCase();

    //路由  显示登录页面

    if( pathname == "/login" ){

        //请求登录页面

        ejs.renderFile("views/login.ejs",{},function(err,data){
　　　　　　　//注意：如果传送的数据是json套json或者是数组ejs模板只能显示最基本的变量值 object.username 不能显示object类型的数据。

            res.end(data);

        })

    }else if( pathname === "/dologin" &&  method ==="get" ){ //添加路由  实现登录功能

        var query = url.parse( req.url , true).query

        //接收客户端请求的数据

        console.log(query.username,query.userpwd);

        //接收客户端请求的用户名和密码

        res.end("dologin");

    }else if( pathname === "/dologin" && method ==="post" ){

        console.log(999)

        //获取post方式提交的数据

        //通过data事件  响应数据

        var dataStr = "";

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

            dataStr += data;

        })

        //通过end事件 告诉服务器 数据接收完毕

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

            //console.log(dataStr);   username=aaa&userpwd=888

            //JSON.parse( '[{}]' )  ('{}')

            var json = querystring.parse( dataStr );

//            console.log( json.username ,json.userpwd );

            //假设  如果 客户端传递的是admin  密码  123456   要求提示登录成功   否则登录失败

            if( json.username =="admin" && json.userpwd =="123456" ){

                console.log(10000)

                res.write("<script>alert('登录成功');location.href='/home'</script>");

                //localhost:8000/home

                res.end();

            }else{

                res.write("<script>alert('登录失败');location.href='/login'</script>");

                //localhost:8000/home

                res.end();

            }

        })

    }else if( pathname === "/home" ){

        //请求index.ejs页面

        ejs.renderFile("views/home.ejs",{},function(err,data){

            res.end(data);

        })

    }

}).listen(8000);
//服务页

let http = require('http');

let urlStr = require('url');

let model = require('./model');

let server =  http.createServer((req,res)=>{

    let url = urlStr.parse(req.url,true);

    //这是一个url 对象。

    if(url.pathname==='/login'&&req.method.toLowerCase()==='get'){

        model.login(req,res);

    }else if(url.pathname==='/dologin'&&req.method.toLowerCase()==='post'){

        model.dologin(req,res);

    }

 })

 server.listen(3000,()=>{

     console.log('start');

 })

//================

model页面

/**

 * this is router handle

 */ 

 let url = require('url');

 let ejs = require('ejs');

//  模块依赖项

module.exports = {

    login(req,res){

       ejs.renderFile('./ejs/login.ejs',{login:'登录'},(err,html)=>{

            res.end(html);

       })

    },

    dologin(req,res){

        let arr = [

            {"pid":1,"pname":"小米1","price":2888},

            {"pid":2,"pname":"小米2","price":3888},

            {"pid":3,"pname":"小米3","price":4888},

            {"pid":4,"pname":"小米4","price":5888},

            {"pid":5,"pname":"小米5","price":6888},

        ]

        ejs.renderFile('./ejs/index.ejs',{dologin:'登录成功',goods:arr,year:2011},(err,html)=>{

            res.end(html);

        })

    }

}
主页<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

  <div>

    <%=dologin%>

  </div>

    <%goods.map((message,ind)=>{%>

       <div style="float: left;border: 1px solid black">

           <%for(i in message){%>

                <div style="border: 1px solid black"><%=message[i]%></div>

            <%}%>

        </div>

    <%})%>

    <%if(year%4===0&&year%100!==0||year%400===0){%>

            <div><%=year%>是闰年</div>

    <%}else{%>

        <div><%=year%>不是闰年</div>

        <%}%>

</body>

</html>
登录页<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

   <form action="/dologin" method="POST">

        <input type="text" name="username">

        <input type="password" name="password">

        <button> <%=login%></button>

   </form>

</body>

</html>

原生node路由操作以及注意事项的更多相关文章

  1. Hadoop HDFS文件常用操作及注意事项

    Hadoop HDFS文件常用操作及注意事项 1.Copy a file from the local file system to HDFS The srcFile variable needs t ...

  2. node.js系列（实例）：原生node.js实现接收前台post请求提交数据

    前台界面: 前台代码: <form class="form-horizontal" method="post" action="http:127 ...

  3. 编写原生Node.js模块

    导语:当Javascript的性能需要优化,或者需要增强Javascript能力的时候,就需要依赖native模块来实现了. 应用场景 日常工作中,我们经常需要将原生的Node.js模块做为依赖并在项 ...

  4. Node.js 操作Mongodb

    Node.js 操作Mongodb1.简介官网英文文档  https://docs.mongodb.com/manual/  这里几乎什么都有了MongoDB is open-source docum ...

  5. 原生node实现简易留言板

    原生node实现简易留言板 学习node,实现一个简单的留言板小demo 1. 使用模块 http模块 创建服务 fs模块 操作读取文件 url模块 便于path操作并读取表单提交数据 art-tem ...

  6. koa 基础（十）原生node.js 在 koa 中获取表单提交的数据

    1.app.js // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ ...

  7. js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）

    js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...

  8. 【python cookbook】【数据结构与算法】14.对不原生支持比较操作的对象排序

    问题:想在同一个类的实例之间做排序,但是它们并不原生支持比较操作. 解决方案:使用内建的sorted()函数可接受一个用来传递可调用对象的参数key,sorted利用该可调用对象返回的待排序对象中的某 ...

  9. 使用node js 操作 Mysql 数据库

    使用node js 操作 Mysql 数据库 http://www.nodejs.org/ //node js 数据库操作 MySQL //使用https://github.com/felixge/n ...

随机推荐

  1. Ｃ#从IE缓存读取图片

    如果用HttpWebRequest和HttpWebResponse从服务器取图片,会触发图片变化.于是想到从IE缓存读取图片 参考https://www.cnblogs.com/yelaiju/arc ...

  2. fastText文本分类算法

    1.概述 FastText 文本分类算法是有Facebook AI Research 提出的一种简单的模型.实验表明一般情况下,FastText 算法能获得和深度模型相同的精度,但是计算时间却要远远小 ...

  3. P2370 yyy2015c01的U盘（二分+背包）

    思路:先说一下题意吧.就是给你n个文件大小为v,价值为c, 但是硬盘的大小为S, 而且要存的总价值大于等于p.问每次传输k大小的文件.问k的最大值是多少? 我们以k为二分对象. 直接讲检验函数吧. 假 ...

  4. Nginx入门讲解——初步认识了解nginx.conf配置文件以及配置多个虚拟主机

    本文引自网络进攻学习之用https://blog.csdn.net/weixin_38111957/article/details/81080539 一. 引言上节文章讲述了如何用信号控制Nginx服 ...

  5. Linux：Day8(下) RAID

    RAID:Redudant Arrays of Inexpensive(Independent) Disks    廉价(独立)冗余磁盘阵列 提高IO能力:磁盘并行读写: 提高耐用性:磁盘冗余来实现: ...

  6. Python：Day14 集合、函数

    浅copy只copy一层 深copy相当于克隆一份 深copy要引入copy,具体如下: import copy wife = copy.copy() #此为浅copy,括号中要加copy的对象,相当 ...

  7. 【vue】vue +element 搭建项目，要求既支持pc端又支持移动端

    使用场景:有适配pc端改为适配pc端和移动端,使用2套css 代码实现App.vue created: function () { if(document.documentElement.client ...

  8. ubuntu 在 Windows 下的安装

    1. ubuntu 下载官网:https://www.ubuntu.com/index_kylin

  9. jvm调优-从eclipse开始

    一.概述 什么是jvm调优呢?jvm调优就是根据gc日志分析jvm内存分配.回收的情况来调整各区域内存比例或者gc回收的策略:更深一层就是根据dump出来的内存结构和线程栈来分析代码中不合理的地方给予 ...

  10. Insider Dev Tour（2018.06.28）

    时间:2018.06.28地点:北京金茂万丽酒店