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

news/2024/5/20 10:48:13/文章来源:https://blog.csdn.net/xiaozhen0610/article/details/108261620

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命令。

  看一下应用的目录:

  651574-20170501110736429-1436720067.png

  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运行,结果如下:

  651574-20170501130900039-510993578.png

在网页访问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,显示如下

651574-20170501140727195-724793488.png

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

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

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

  651574-20170501145009148-1846121187.png

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_804877.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站软件开发规范(某门户网站的)

网站软件开发规范(某门户网站的) --------------------------------------------------------------------------------1数据库使用规范1.1服务器上有关数据库的一切操作只能由服务器管理人员进行。1.2程序中访问数据库时使用统一的用户、统一的连接文件访问数据库。1.3原则上每…

超级好用的解析JSON数据的网站

超级好用的解析JSON数据的网站 网址 http://json.parser.online.fr/beta/ 效果图 测试数据 {"city":{"id":1816670,"name":"Beijing","coord":{"lon":116.397232,"lat":39.907501},"country"…

高并发高流量网站架构

Web2.0的兴起&#xff0c;掀起了互联网新一轮的网络创业大潮。以用户为导向的新网站建设概念&#xff0c;细分了网站功能和用户群&#xff0c;不仅成功的造就了一大批新生的网站&#xff0c;也极大的方便了上网的人们。但Web2.0以用户为导向的理念&#xff0c;使得新生的网站有…

方配精美企业网站模板整站免费下载

大量精美企业网站模板整站免费下载&#xff1a;http://www.fangpage.com/sitelist-20.aspx 每一款网站产品都是为行业用户度身定制的成品网站&#xff0c;具有适合行业的设计风格、栏目内容布局和功能强大的网站管理系统而且免费下载&#xff0c;安装即可使用&#xff0c;无功能…

[转载]新手应该如何学习网站分析

【转载自】http://www.chinawebanalytics.cn/how-to-learn-web-analytics-for-newbies-ii-2/ 还是在去年&#xff0c;写了一篇文章《【读者来信】新手该怎样学习网站分析&#xff1f;》&#xff08;http://www.chinawebanalytics.cn/【读者来信】新手该怎样学习网站分析&#x…

有些网站打开一半空白_谷歌推进“移动优先索引” 对外贸网站建设的影响

2016年11月&#xff0c;谷歌开始实验性地做出移动优先索引的调整。在此之前&#xff0c;谷歌搜索引擎的网页抓取、索引和排名系统仅展现网页的电脑版内容。为什么推优先索引移动版内容推出这项方式并不是拍脑袋拍出来的&#xff0c;根据统计&#xff0c;现在移动互联网流量已经…

监控器材律师网站制作_市南消防系统维护保养价格_新民安消防器材

首页 > 新闻中心发布时间&#xff1a;2020-11-11 23:24:17 导读&#xff1a;新民安消防器材为您提供市南消防系统维护保养价格的相关知识与详情&#xff1a; 其次&#xff0c;要养成良好的生活习惯&#xff0c;不要乱扔烟蒂。控制及联动方面&#xff0c;你知道检查哪几个方面…

【网站国际化必备】Asp.Net MVC 集成Paypal(贝宝)快速结账 支付接口 ,附源码demo...

开篇先给大家讲段历史故事&#xff0c;博主是湖北襄阳人。襄阳物华天宝&#xff0c;人杰地灵&#xff0c;曾用名襄樊。在2800多年的历史文化中出现了一代名相诸葛亮&#xff08;卧龙&#xff09;&#xff0c;三国名士庞统&#xff08;凤雏&#xff09;&#xff0c;魏晋隐士司马…

音乐上传网站_音乐接歌类视频一天300多,从素材到成品,制作流程全部分享

现在很多人看到别人做影视剪辑都是高播放、高收入&#xff0c;但是自己却总是因为各种问题望而却步。虽然建议新手做二次剪辑&#xff0c;但是真心不建议新手一开始就做影视类的&#xff0c;为什么呢&#xff1f;1. 新手容易有版权问题2. 没有经验的新手做影视剪辑会很耗时间那…

高并发高流量网站架构(转)

Web2.0的兴起&#xff0c;掀起了互联网新一轮的网络创业大潮。以用户为导向的新网站建设概念&#xff0c;细分了网站功能和用户群&#xff0c;不仅成功的造就了一大批新生的网 站&#xff0c;也极大的方便了上网的人们。但Web2.0以用户为导向的理念&#xff0c;使得新生的网站有…

以Apache服务器、php语言为例 详解动态网站的访问过程

目前来说&#xff0c;网站页面主要分为静态页面和动态页面&#xff0c;纯静态页面组成的网站现在相对比较少见&#xff0c;大型网站一般使用的是动态网站建站技术&#xff0c;还有一部分网站是静态网页与动态网页共存&#xff0c; 本文以Apache服务器、php语言为例&#xff0c;…

Office 365系列六 ------ 创建sharepoint online网站

这节跟大家介绍简单的创建sharep online私有网站集&#xff0c;sharepoint online 可以给我们提供开箱即用的功能&#xff0c;比如文档库&#xff1a;可以给我们取代File Server&#xff0c;提供了版本管理&#xff0c;版本变迁内容比较、 文档权限管理、基于文档内容搜索等Fil…

Java开发者必去的技术网站

<script type"text/javascript">function StorePage(){ddocument;td.selection?(d.selection.type!None?d.selection.createRange().text:):(d.getSelection?d.getSelection():);void(keyitwindow.open(http://www.365key.com/storeit.aspx?tescape(d.titl…

Node.js + Express + Mongodb 开发搭建个人网站(一)

一、Node Express环境搭建 0、去Node官网下载安装node&#xff0c;如果安装了 npm 和 node的话 那么就 安装 全局的 express&#xff0c;-g全局安装 npm install express –g 1、然后使用 express 创建项目&#xff0c;命令&#xff1a; express 项目名 初始化一个node项目…

icework根据模型生成html,假装前端工程师(一)Icework + GitHub pages 快速构建与部署可自定义迭代开发的 react 网站...

icework gh-pages 超快部署超多模版页面前言GitHub 账号 与它的 pages 服务不需要任何准备的东西&#xff0c;服务器&#xff1f;域名&#xff1f;前端工程师&#xff1f; 都不需要&#xff01;只需要你有就能够享受到建立自己网站的乐趣。飞冰现在搭配飞冰&#xff0c;还能让…

我国公布整治互联网低俗之风第二批曝光网站名单

2009-01-08 17:04:08 来源: 中新网(北京) 网友评论 843 条 点击查看核心提示&#xff1a;中国互联网协会互联网违法和不良信息举报中心8日公布全国整治互联网低俗之风第二批曝光网站名单。 中新网1月8日电 中国互联网协会互联网违法和不良信息举报中心今日发布公告&#xff0…

剖析SNS网站的现状,预测其发展趋势

-------导读------------1、SNS的由来和价值2、SNS区别与BBS和社区网站3、点评目前SNS网站的现状和价值取向4、SNS的盈利模式5、未来SNS的发展趋势 1、SNS的由来和价值 在谈SNS之前我们先认清一下SNS的几个概念&#xff1a; SNS定义&#xff1a;Social Network Software&#…

网站图片防盗链:初级策略

哪个站长也不想自己的带宽白白像流入黑洞一般&#xff0c;被盗链流量所淹没&#xff0c;所以大致采取一些方法&#xff0c;或多或少减少这种盗链成本&#xff0c;下面介绍一种初级策略&#xff1a; 1、我们先举了例子&#xff0c;下面的图片我是在blog中引用www.souapp.com&am…

Django生成网站的sitemap.xml

Django有一个高级的Sitemap生成框架 一个Sitemap是一个你的网站的XML文件&#xff0c;它告诉搜索引擎索索引你的页面的更新频率和你的站点某些页面联系到其它页面 有多"重要"&#xff0c;这个信息帮助搜索引擎索引你的站点&#xff0c;参看http://www.sitemaps.org得…

django+apache配置网站的robots.txt和sitemaps等理静态文件

当你的网站已经在公网上正常上线后&#xff0c;为了能被搜索引擎很好的收录网站结构&#xff0c;就必须主动向搜索引擎提供robots.txt和sitemap.xml&#xff0c; 先来看看什么是robots.txt和 sitemap.xml吧&#xff0c;以下摘自“维基百科” http://zh.wikipedia.org/zh-cn/Si…