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. Go学习笔记08-包

    Go学习笔记08-包 Go语言 封装 包 封装 CamelCase命名规则 首字母大写:public 首字母小写:private 包 一个目录即一个包 main包为可执行入口,只能有一个main包 为 ...

  2. spark SQL读取ORC文件从Driver启动到开始执行Task(或stage)间隔时间太长（计算Partition时间太长）且产出orc单个文件中stripe个数太多问题解决方案

    1.背景: 控制上游文件个数每天7000个,每个文件大小小于256M,50亿条+,orc格式.查看每个文件的stripe个数,500个左右,查询命令:hdfs fsck viewfs://hadoop ...

  3. 5.01-requests_auth

    import requests # 发送post请求 data = { } response = requests.post(url, data=data) # 内网 需要 认证 auth = (us ...

  4. 转://Window下安装Oracle ASM单实例数据库

    之前做的Oracle ASM实验都是基于Linux或者Unix操作系统的,最近想试试如何在Windows环境下使用Oracle ASM.本文介绍如何在windows下创建裸设备,并创建ASM磁盘组以及 ...

  5. python实现命令行解析的argparse的使用

    参考https://docs.python.org/3.6/library/argparse.html argparse模块使编写用户友好的命令行界面变得很容易.程序定义了它需要什么参数,argpar ...

  6. 初学Python——集合及其运算

    一.集合定义及其功能 集合是一个无序的.不重复的数据组合,和字典列表一样也是一种数据类型. 集合两个最主要的功能:①去重(把一个列表变成集合,就自动去重了) ②关系测试(测试两组数据之间的交.并.差集 ...

  7. python调用数据返回字典dict数据的现象2

    python调用数据返回字典dict数据的现象2 思考: 话题1连接:https://www.cnblogs.com/zwgbk/p/10248479.html在打印和添加时候加上内存地址id(),可 ...

  8. WPF保存包含Winform控件的XAML页面问题

    原文:WPF保存包含Winform控件的XAML页面问题 最近的工作中,用到了WPF调用Winform控件 但是在保存XAML页面的时候发现了问题,就是Winform页面黑黑的,没有任何渲染的波形曲线 ...

  9. Luogu P2056 [ZJOI2007]捉迷藏

    入坑动态点分治的题目,感觉还不错被卡常后重构代码 首先静态点分治相信大家肯定都会,就是不断找重心然后暴力计算每棵子树内的贡献. 这题如果只有单次询问,我们很容易想到对于每个分治中心的所以儿子的子树中找 ...

  10. 【php增删改查实例】第二十五节 - 在main.php中显示头像

    在用户成功上传头像以后,用户登录系统,应该能够看到自己的头像,本节演示如何在这个地方: 添加用户头像. 1.用DIV做: border-radius:50% background:url(xxx.jp ...