使用Express开发个人网站(一)

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.writeHead(500, { ‘Content-Type‘: ‘text/plain‘ });
        res.end(‘500 - Server Error‘);
    }else{
            //成功,发生文件,并设置类型为‘text/html’
           res.writeHead(200,{‘Content-Type‘:‘text/html‘});
           res.end(data);
        }
   });
});

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

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

//public为静态资源文件地址
app.use(express.static(‘public‘));

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

  

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

时间: 2024-11-19 14:47:59

使用Express开发个人网站(一)的相关文章

IOS游戏开发相关网站

首先记录并分享下我收集到的几个自学时最常用到的一些网站链接. 直接进入正题: 1-Stack Overflow http://stackoverflow.com/ 这个是国外类似于百度知道的网站,但是专注于回答程序开发相关问题,我有非常多的问题都是通过在这里查询解决的,这是我们百度知道所不知道的事情. 2-iOS Developer Library http://developer.apple.com/library/ios/navigation/#section=Resource%20Type

使用IntelliJ IDEA开发SpringMVC网站

使用IntelliJ IDEA开发SpringMVC网站(一)开发环境 使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置 使用IntelliJ IDEA开发SpringMVC网站(四)用户管理 感谢Cenyol提供的SpringMVC 的github项目:https://github.com/Cenyol/SpringMVC.git

使用IntelliJ IDEA开发SpringMVC网站(二)

注:此文承接上一文:使用IntelliJ IDEA开发SpringMVC网站 五.SpringMVC框架配置 进行完上面的配置,那就说明现在基本的开发环境已经搭建好了,现在要开始进行SpringMVC的网站开发. 1.web.xml配置 打开src\main\webapp\WEB-INF\下的web.xml文件,稍微更新一下web.xml的版本,可以支持更高级的一些语法,如下: <?xml version="1.0" encoding="UTF-8"?>

清理IIS Express上的网站

默认情况下,当使用Visual Studio浏览网页时,网站会被保存在IIS Express上,这些网站需要手动清理.可以通过命令行或界面进行清理. □ 通过命令行 →找到appcmd.exe在C:\Program Files\IIS Express文件夹中→输入如下命令进入C盘 →进入appcmd.exe所在文件夹→列出所有保存在IIS Express上的网站→如果想看到网站所在的文件夹→如果想给网站改名,比如想给"第一个WCF的Demo"改名→如果想删除某个网站,比如删除"

使用IntelliJ IDEA开发SpringMVC网站(四)用户管理

原文:使用IntelliJ IDEA开发SpringMVC网站(四)用户管理 摘要 通过对用户表的管理,更加深入地讲解SpringMVC的操作. 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码. 七.用户管理 1.JPA操作定义 2.后台管理 (1)查看所有用户 (2)添加用户 (3)查看用户详情 (4)修改用户信息 (5)删除用户 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读:

使用IntelliJ IDEA开发SpringMVC网站(二)框架配置

原文:使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 摘要 讲解如何配置SpringMVC框架xml,以及如何在Tomcat中运行 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码. 五.SpringMVC框架配置 1.web.xml配置 2.xxx-servlet.xml配置 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生). 注:此文承接上一文:使用IntelliJ IDEA开发Spring

使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置

原文:使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置 摘要 讲解在IntelliJ IDEA中,如何进行Mysql数据库的配置 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码. 六.数据库配置 1.创建Mysql数据库 2.IntelliJ IDEA导入数据库 3.配置数据库 更新: 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生). 注:在阅读本文前,请先阅读: 使用IntelliJ ID

使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理

原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客? ? ? ? 3.查看博文详情 4.修改博客内容 5.删除博客文章 九.尾声? ? ? ?? 1.如何部署 2.进一步的学习 3.ENDING 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: 使用IntelliJ IDEA开发SpringMVC网站(一

如何开发一个网站

希望本篇文章对入门的朋友有所帮助 那么我写这篇文章的目的也就达到了 如何开发一个网站? 开发语言不是问题 今天我们就以php为基础展开. 一.开发环境:我们熟悉的lamp是当前的流行架构 即 LINUX+APACHE+MYSQL+PHP 入门的朋友把主要精力放在php与mysql上即可. 对于php需要掌握的:基础语法 -----> 函数----->正则--------> 数组(数组我想特别强调一下 数组是很常用的很重要一定要打好基础 特别注意多维数组的使    用)--------&g