express基础介绍

express基础介绍

一、安装环境及准备工作
安装node、npm、express、jade、less及supervisor
安装node环境,官网:http://nodejs.org
安装npm插件管理工具,官网:https://npmjs.org
安装express,官网:http://www.expressjs.com
安装jade,官网:http://jade-lang.com
安装less,官网:http://www.lesscss.net
安装supervisor,使用:supervisor app.js
备注:
npm install express (安装在当前目录下)
npm install -g express  (安装在全局)
node_modules包含文件如下图所示:


二、基础例子
app.js内容

复制代码
var express = require('express');
var app = express.createServer(
    express.logger()
);

app.configure(function(){
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(app.router);
    app.use(express.bodyParser());
    app.use(express.errorHandler({
        dumpExceptions:true,showStack:true
    }));
});

app.get('/',function(req,res){
    res.render('index.jade',{title:'标题'});
});

app.listen(3000);
复制代码

 

views目录包含layout.jade和index.jade
layout.jade内容

!!!
html
    head
        meta(charset='utf-8')
        block headblock
    body
        block contentblock


index.jade内容

复制代码
extends layout

block headblock
    title #{title}
    include ../less/test.less

block contentblock
    h1= title
    p Hello Moming ! Welcome to #{title}
  
    include ../script/test.js
复制代码


备注:
less目录包含test.less文件
script目录包含test.js文件









posted @   前端咖  阅读(356)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 语音处理 开源项目 EchoSharp
· 《HelloGitHub》第 106 期
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 使用 Dify + LLM 构建精确任务处理应用
点击右上角即可分享
微信分享提示