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. DBUtils温习2

    上篇简单回顾了下DBUtils的简介和其常用的类,这篇博客结合C3P0连接池,做一个简单的增删改查操作 1.创建web项目,导入jar包 2.编写c3p0-config.xml和引入工具类 <? ...

  2. nuxt项目部署

    前提: linux服务器  一.安装node ① 下载 cd /usr/local/src/ wget https://nodejs.org/dist/v10.11.0/node-v10.11.0-l ...

  3. dp 动态规划 蘑菇

    蘑菇真的贵,友情价更高   Description 由于提莫为巡逻准备的蘑菇太多了,多余的蘑菇路上种不下,于是他精心挑选了一些蘑菇拜访他的好朋友小炮 提莫的蘑菇一共有n个,对于编号为i的蘑菇魔力值是a ...

  4. centos7下安装docker（15.6docker跨主机网络---Weave）

    Weave是weaveworks开发的容器网络解决方案.weave创建的虚拟网络可以将部署在多个主机上的容器连接起来.对于容器来说,weave就像一个巨大的网络交换机,容器可以直接通信,无需NAT和端 ...

  5. day03-课堂笔记

    # 数据类型"""# int# py2存放长整型:long# py3环境,所以整型均由int存储num1 = -10num2 = 10000000000000000000 ...

  6. 010_动态语言与鸭子类型及python2和3的区别

    一. 动态语言中经常提到鸭子类型,所谓鸭子类型就是:如果走起路来像鸭子,叫起来也像鸭子,那么它就是鸭子(If it walks like a duck and quacks like a duck, ...

  7. Spring Security（五）：2.2 History

    Spring Security began in late 2003 as "The Acegi Security System for Spring". A question w ...

  8. SpringBoot之静态资源放行

    为了提高开发效率,编写对应的代码生成器.代码生成器主要有两个方面,一个是在线Web,另外一个是运行某个类. 使用的技术是SpringBoot+MyBatis-Plus+MySQL+JDK8. 在编写在 ...

  9. 在.NET Framework中慎用DirectoryInfo.GetFiles方法

    .NET Framework中的DirectoryInfo.GetFiles方法,可以在一个文件夹下通过通配符找出符合条件的文件. 我们首先在文件夹C:\DemoFolder下定义两个文件:demo. ...

  10. Python学习总结 10 自动化测试Selenium2

    一, 配置 Selenium2 1 Selenium是什么? Selenium是一个用于Web应用程序测试的工具.Selenium 测试直接运行在浏览器中,就像真正的用户在操作一样.支持的浏览器包括I ...