我的第一个Node web程序

简介:

NodeJS的流行也带来了开发由前端转到全栈,前端不再局限于页面如何展现,用户如何操作,也设计到整个应用的架构以及业务流程。

本篇来简单的通过实例,讲述node中web开发的模式。

参考来自《Node web开发》一书。

关于node

  node是基于事件的异步驱动系统,通过可扩展的方式创建网络服务器。

  例如,创建一个网络服务器:

复制代码
var http_port = 8124;
var http = require('http');

var server = http.createServer(function (req,res){
    ....自己的代码
});

server.listen(http_port);
复制代码

  这样就可以创建一个简单的服务器。

关于npm

  npm是node的包管理工具,node里面有很多的模块,可以通过require('模块名字')的方式加载到项目中。

  常用的命令:

npm init 创建项目的package.json文件,配置其信息以及依赖项
npm install 通过package.json的声明,安装需要的包
npm install xxxx 安装xxxx包
npm install xxxx --save-dev 以开发模式安装xxxx包,当用于生产环境时,不会下载开发模式的xxxx

关于项目布局

  在node中,很注重模块化,按照commonjs的思想,尽量把功能分散到模块中进行重用。

  但是也有点弊端,会出现很多松散的文件,不易于管理。

  通常node中都会把第三方的模块包,放在node_modules文件夹中,node也会在require()的时候,自动向上搜索该文件家,引用其js。

  node_modules中的js文件,大多是一些加载自动执行的文件,或者对外暴露出一定的接口,比如:

(function(a,b){}(
this,
function(){
//.....
}));

  或者

复制代码
var xxx = require('xxx');

exports.funca = function(){
//.......xxx
}

exports.funcb = function(){
//.....xxx
}
复制代码

关于代码

  本篇的项目做了一个小网站,通过模块化开发,项目组织如下:

复制代码
app:

|——app-node.js 定义web服务器

|——home-node.js 定义home主页模块

|——htutil.js 定义工具模块,用于定义导航,以及网页模板替换方法,和获取http信息

|——mult-node.js 通过get方法获取参数信息,并执行加法

|——package.json 定义网站项目信息
复制代码

  app-node.js代码:

复制代码
var http_port = 8124;

var http = require('http');
var htutil = require('./htutil');

var server = http.createServer(function (req,res){
    console.log("in server!");
    htutil.loadParams(req,res,undefined);
    if(req.requrl.pathname === '/'){
        require('./home-node').get(req,res);
    }else if(req.requrl.pathname === '/square'){
        require('./square-node').get(req,res);
    }else if(req.requrl.pathname === '/factorial'){
        require('./factorial-node').get(req,res);
    }else if(req.requrl.pathname === '/fibonacci'){
        require('./fibonacci-node').get(req,res);
    }else if(req.requrl.pathname === '/mult'){
        require('./mult-node').get(req,res);
    }else{
        res.writeHead(404,{'Content-Type':'text/plain'});
        res.end("bad url"+req.url);
    }
});

server.listen(http_port);
console.log('listening to http://localhost:8124');
复制代码

  home-node.js

复制代码
var htutil = require('./htutil');
exports.get = function(req,res){
    res.writeHead(200,{
        'Content-Type':'text/html'
    });
    res.end(htutil.page("Math Wizard",
        htutil.navbar(),
        "<p>Math Wizard</p>"
        ));
}
复制代码

  mult-node.js

复制代码
var htutil = require("./htutil");
exports.get = function(req,res){
    res.writeHead(200,{
        'Content-Type':'text/html'
    });
    var result = req.a * req.b;
    res.end(
        htutil.page("Multiplication",htutil.navbar(),[
                (!isNaN(req.a) && !isNaN(req.b)
                    ?(
                        "<p class='result'>{a}*{b}={result}</p>"
                        .replace("{a}",req.a)
                        .replace("{b}",req.b)
                        .replace("{result}",req.a*req.b)
                    )
                    :""),
                "<p>Enter numbers to multiply</p>",
                "<form name='mult' action='/mult' method='get'>",
                "A:<input type='text' name='a' /><br/>",
                "B:<input type='text' name='b' /><br/>",
                "<input type='submit' value='Submit' /></form>"
            ].join('\n'))
        );
}
复制代码

  htutil.js

复制代码
var url = require('url');
//get url params a & b
exports.loadParams = function(req,res,next){
    req.requrl = url.parse(req.url,true);
    req.a = (req.requrl.query.a && !isNaN(req.requrl.query.a))
        ?new Number(req.requrl.query.a)
        :NaN;
    req.b = (req.requrl.query.b && !isNaN(req.requrl.query.b))
        ?new Number(req.requrl.query.b)
        :NaN;
    if(next) next();
}
// 
exports.navbar = function(){
    return ["<div class='navbar'>",
            "<p><a href='/'>home</a></p>",
            "<p><a href='/mult'>Multiplication</a></p>",
            "<p><a href='/square'>Square's</a></p>",
            "<p><a href='/factorial'>factorial's</a></p>",
            "<p><a href='/fibonacci'>Fibonacci's</a></p>",
            "</div>"
        ].join('\n');
}
//
exports.page = function(title,navbar,content){
    return ["<html><head><title>{title}</title></head><body>",
            "<td>{navbar}</td><td>{content}</td>",
            "</tr></table></body></html>"
        ].join('\n')
        .replace("{title}",title,"g")
        .replace("{navbar}",navbar,"g")
        .replace("{content}",content,"g");
}
复制代码

  package.js

复制代码
{
  "name": "chap04",
  "version": "1.0.0",
  "description": "",
  "main": "app-node.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
复制代码

  执行命令行:

node app-node.js

  访问http://localhost:8124,就可以访问到网址:

本文转自博客园xingoo的博客,原文链接:我的第一个Node web程序,如需转载请自行联系原博主。
相关文章
|
1月前
|
缓存 关系型数据库 API
后端开发:构建高效、可扩展的Web应用程序的关键
后端开发:构建高效、可扩展的Web应用程序的关键
20 0
|
1天前
|
SQL 安全 Go
如何在 Python 中进行 Web 应用程序的安全性管理,例如防止 SQL 注入?
在Python Web开发中,确保应用安全至关重要,主要防范SQL注入、XSS和CSRF攻击。措施包括:使用参数化查询或ORM防止SQL注入;过滤与转义用户输入抵御XSS;添加CSRF令牌抵挡CSRF;启用HTTPS保障数据传输安全;实现强身份验证和授权系统;智能处理错误信息;定期更新及审计以修复漏洞;严格输入验证;并培训开发者提升安全意识。持续关注和改进是保证安全的关键。
9 0
|
20天前
|
前端开发 JavaScript 数据管理
描述一个使用Python开发Web应用程序的实际项目经验,包括所使用的框架和技术栈。
使用Flask开发Web应用,结合SQLite、Flask-SQLAlchemy进行数据管理,HTML/CSS/JS(Bootstrap和jQuery)构建前端。通过Flask路由处理用户请求,模块化代码提高可维护性。unittest进行测试,开发阶段用内置服务器,生产环境可选WSGI服务器或容器化部署。实现了用户注册登录和数据管理功能,展示Python Web开发的灵活性和效率。
14 4
|
1月前
|
SQL 安全 测试技术
如何在 Python 中进行 Web 应用程序的安全性管理,例如防止 SQL 注入?
如何在 Python 中进行 Web 应用程序的安全性管理,例如防止 SQL 注入?
15 0
|
1月前
|
存储 安全 数据安全/隐私保护
什么是 Web 应用程序的会话管理?如何在 Python 中实现?
什么是 Web 应用程序的会话管理?如何在 Python 中实现?
10 2
|
1月前
|
存储 设计模式 前端开发
请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
【2月更文挑战第26天】【2月更文挑战第89篇】请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
|
1月前
|
Web App开发 前端开发 测试技术
Web应用程序测试工具Selenium用法详解
Web应用程序测试工具Selenium用法详解
37 0
|
2月前
|
API 网络架构
解释 RESTful API,以及如何使用它构建 web 应用程序。
解释 RESTful API,以及如何使用它构建 web 应用程序。
87 0
|
2月前
|
编解码 前端开发 JavaScript
Web 应用程序的前端设计
在当今数字化时代,Web 应用程序已经成为人们生活和工作的重要组成部分。而 Web 应用程序的前端设计则是决定用户体验的关键因素。本文将介绍一些前端设计的基本原则,以及一些流行的前端框架和工具。
26 4
|
2月前
|
异构计算 Python
Python web 应用程序的命令
这是一行用于运行一个 Python web 应用程序的命令,其中包含了许多参数,用于控制程序的行为。下面是对这行命令的详细解释: - python web_demo.py: 这是运行一个名为 web_demo.py 的 Python 脚本的命令。这个脚本可能是一个简单的 Web 应用程序,用于展示如何使用 Python 进行 Web 开发。
242 57