Express，基于Node.js平台，快速、开放、极简的 web 开发框架。

　　Node的出现，让js有了运行在服务器端的可能，基于此的Express，可以快速，简单的搭建起一个服务器与个人网站。

安装

　　首先安装nodejs，具体安装过程这里不再累述，进入到创建的应用目录，使用npm init命令创建一个package.json 文件，这个命令会要求你输入一些信息，比如像个人信息，应用的版本号等，可以直接跳过使用默认，只有一个entry point除外，这个参数规定了当前应用的入口文件，你可以使用app.js或者index.js一些你自己规定的入口文件。

　　接下来使用npm install express命令安装express，如果需要将express加入到依赖表中就使用npm install express --save命令。

　　看一下应用的目录：

　　

　　client是主要的页面文件，public是静态文件，app.js入口文件

Hello world

　　在入口文件app.js中加入如下代码，就能启动一个简单的服务器

　　

var express = require('express');

var app = express();

app.get('/', function (req, res) {

  res.send('Hello World!');

});

var server = app.listen(5277, function () {

  var host = server.address().address;

  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);

});

　　输入命令node app.js运行，结果如下：

　　

在网页访问localhost:5277可以看到返回的Hello world。

路由

　　设置路由，当用户访问特定的URL可以获取相应的页面。

　　在client下放入一个index.html主页文件，当用户访问主页地址时发送此文件。

　　主页如下：

<html>

    <head>

        <meta charset="utf-8">

        <title>我的主页</title>

    </head>

    <body>

        <h1>欢迎来到我的主页</h1>

    </body>

</html>

　　读取文件需要引入node的文件模块fs：

var fs = require('fs');

　　使用readFile函数读取文件， readFile(filename,[options],callback)

　　filename：文件名或者路径，必须

　　options：可选参数，包括读写，不存在创建，已经encoding编码属性

　　callback：回调函数，默认第一个参数error，第二个data

app.get('/', function (req, res) {

    fs.readFile('./client/index.html',function(error,data){

    if(error) {

            //错误，发生错误信息

        res.send('500 - Server Error');

    }else{

            //成功，发生文件，并设置类型为‘text/html’

        res.set('Content-Type', 'text/html');

        res.send(data);

    }

   });

});

　　运行，浏览器访问localhost:5277，显示如下

　　需要在访问图片，css等静态资源，可以通过 Express 内置的 express.static 托管静态文件，设置如下：

//public为静态资源文件地址

app.use(express.static('public'));

　　在主页中就可以使用src="data:images/img.png"直接访问图片。

　　

　　完整代码：https://github.com/Martian1/myweb

使用Express开发个人网站（一）的更多相关文章

  1. Node与express开发

    1.初识Express Express 网站上是这样介绍 Express 的: "精简的.灵活的 Node.js Web 程序框架,为构建单页.多页及混合的 Web 程序提供了一系列健壮的功 ...

  2. 使用Java开发高性能网站需要关注的那些事儿

    无论大型门户网站还是中小型垂直类型网站都会对稳定性.性能和可伸缩性有所追求.大型网站的技术经验分享值得我们去学习和借用,但落实到更具体的实践上并不是对所有网站可以适用,其他语言开发的网站我还不敢多说, ...

  3. SharePoint Server 2013开发之旅（二）：使用在线的开发人员网站进行SharePoint App开发

    上一篇我已经介绍了新版本的SharePoint Server提供了四种主要的开发场景,其中一个全新的App开发模型让我们眼前一亮.这一篇我将介绍如何在线进行SharePoint App开发. 谈到Sh ...

  4. 10个很棒的学习Android 开发的网站（转）

    看到江湖旅人 写的<10个很棒的学习iOS开发的网站 - 简书>,所以就忍不住写Android 啦,也希望对大家有帮助.我推荐的网站,都是我在学习Android 开发过程中发现的好网站,给 ...

  5. 使用IntelliJ IDEA开发SpringMVC网站（一）开发环境

    使用IntelliJ IDEA开发SpringMVC网站(一)开发环境 摘要: 主要讲解初期的开发环境搭建,Maven的简单教学. 访问GitHub下载最新源码:https://github.com/ ...

  6. 使用IntelliJ IDEA开发SpringMVC网站（二）框架配置

    原文:使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 摘要 讲解如何配置SpringMVC框架xml,以及如何在Tomcat中运行 目录[-] 文章已针对IDEA 15做了一定 ...

  7. thinkphp5开发的网站出现”No input file specified”（php版本5.6.27）

    thinkphp5开发的网站出现”No input file specified”(php版本5.6.27) 一.总结 一句话总结:搜索引擎一定要用google,比百度节约时间一万倍,google啊, ...

  8. 清理IIS Express上的网站

    默认情况下,当使用Visual Studio浏览网页时,网站会被保存在IIS Express上,这些网站需要手动清理.可以通过命令行或界面进行清理. □ 通过命令行 →找到appcmd.exe在C:\ ...

  9. node+express搭建个人网站(2)

    node+express搭建个人网站(1)这一节中成功启动了一个网站但还很简陋,仅仅打印了一个helloworld的网页 作为个人网站,我们当然想输出自己设计好的网页, 我们借助 Express 应用 ...

随机推荐

  1. Android四大组件详解

    注:本文主要来自网易的一个博主的文章,经过阅读,总结,故留下文章在此 Android四大基本组件介绍与生命周期 Android四大基本组件分别是Activity,Service服务,Content P ...

  2. HBase架构

    文章作者:luxianghao 文章来源:http://www.cnblogs.com/luxianghao/p/6573817.html  转载请注明,谢谢合作. 免责声明:文章内容仅代表个人观点, ...

  3. 2017java预备作业2

    1 安装git • 到Git官网https://www.git-scm.com/ 下载Git客户端 • 安装时选择默认即可. • 安装完成后在桌面的快捷菜单中选择Git Bash Here 或者在开始 ...

  4. PHPCMS二次开发——对栏目可用 limit 限定获取

    为了实现类似用limit调用栏目,故自定义了mylimit(这里不能用limit,因为系统在解析的时候会覆盖,所以自定义的limit就起不到作用) 参数,例如: {pc:content  action ...

  5. openfire当中的Custom Database Integration Guide的配置

    openfire官网配置的链接为:Custom Database Integration Guide 按照上面的步骤一步步配置在xml当中,发现始终不起作用,最后在stackoverflow找到的链接 ...

  6. 计算两个date类型的时间差

    //两个时间之间分钟差 public static int compareDate(Date d1, Date d2) {        // TODO Auto-generated method s ...

  7. dispaly属性，position属性

    position:absolute;绝对定位相对于父元素(父元素设为relative) position:relative;相对定位相对于自己 position:fixed;固定定位相对于浏览器 di ...

  8. 老李推荐：第14章9节《MonkeyRunner源码剖析》 HierarchyViewer实现原理-遍历控件树查找控件

    老李推荐:第14章9节<MonkeyRunner源码剖析> HierarchyViewer实现原理-遍历控件树查找控件   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员 ...

  9. ASP.NET Core MVC和Visual Studio入门

    本教程将教你使用Visual Studio 2017创建 ASP.NET Core MVC web应用程序的基础知识. 安装Visual Studio 2017 和.Net Core 安装Visual ...

  10. BZOJ2818 与 BZOJ2301【euler，线性筛，莫比乌斯】

    题目大意: 给一个范围[1,n],从中找出两个数x,y,使得gcd(x,y)为质数,问有多少对(x,y有序) 解法: 不难,欧拉函数练手题,可以定义集合P ={x|x为素数},那么我们枚举gcd(x, ...