node express web开发框架

1、web开发框架express

以ejs模版方式创建

express ejs ejsItem
//ejsItem  你的项目名字

Paste_Image.png

切换到你的项目目录,执行install

cd ejsItem


Paste_Image.png

执行安装依赖的模块

npm install
Paste_Image.png

安装中:

Paste_Image.png

完成结果:

Paste_Image.png

执行运行服务器

node app.js

发现启动不了

Paste_Image.png

原因是express 里面的app.js 移除了默认的监听的端口,为了给开发者可以自己更多的自定义。
解决办法在app.js文件最后添加对于端口的监听。

//注意看这句有没有
// module.exports = app;
app.set('port', 3000);//监听3000端口
app.listen(app.get('port'), function () {
    console.log('Express server listening on port ' + app.get('port'));
});


Paste_Image.png

再次启动,访问即可。

2、supervisor 启动项目

为了方便调试安装服务器代码安装supervisor,通过supervisor来启动项目,实现实时更新服务器代码的变化。

npm  install supervisor -g

启动:

supervisor  app.js
Paste_Image.png

Paste_Image.png

3、默认路由简单分析

打开app.js文件

//引入路由控制器
var index = require('./routes/index');
var users = require('./routes/users');
var can = require('./routes/can');//这就是我加的

....

//使用相关的视图模版
app.use('/', index);
app.use('/users', users);
app.use('/can', can);//这句是我加的

路由控制对照

Paste_Image.png

视图对照

Paste_Image.png

index路由(或者说控制器)代码分析:

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
//指定使用那个视图模版
  res.render('index', { title: '首页' });
});

module.exports = router;


users.js路由(或者说控制器)代码分析:

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
//直接返回一段文本。
  res.send('respond with a resource');
});

module.exports = router;

新添加的路由以及视图can.js 和 can.ejs
app.js的配置

var can = require('./routes/can');

app.use('/can', can);
Paste_Image.png

访问结果:

Paste_Image.png

现在对文章有了解了嘛,可以简单分为下面步骤:
1.新建控制器,也就是can.js
2.新建视图模版,也就是can.ejs
3.在入口引入控制器
这样你就可以通过访问不同的地址显示不同的页面了。
例如你可以建立home,about 等等,一系列下来,你网站页面大体不就完成了嘛,剩下的就往坑里面塞数据吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,050评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,497评论 18 139
  • Express是Node社区里的超级明星,他的作者TJ Holowaychuk也因此成为了社区里大红大紫的开发者。...
    2MuchT阅读 2,980评论 1 30
  • 文 艾米 城市,想必你刚从睡梦中醒来,还睁着惺松的眼晴,穿着薄薄的纱衣,来不及换一件美丽的裙装。这样才让我有机会欣...
    月影清韵阅读 1,467评论 28 108
  • 朋友们的课余生活丰富多彩。下棋者,两相对弈,杀个不亦乐呼;打牌者,六人或四人围坐一桌,其乐融融。而我的课余爱好,是...
    庄户人家阅读 707评论 0 3