Express-jade-stylus框架web开发
来源:互联网 发布:优绘下载 mac版 编辑:程序博客网 时间:2024/05/22 06:31
Express是nodejs的 web应用框架,提供了一系列强大特性帮助创建各种web应用,丰富http工具,使用Express可以快速搭建一个完整功能的网站。
Jade是一种高性能简洁易懂的模板引擎,在服务端机客户端都支持,官方的文档http://jade-lang.com/reference/
Stylus与less,sass都是一种css动态式语言,可以定义变量,嵌套选择器,混合,条件等语法。
具体介绍就在这里,可以找相关的网站学习,下面还是回到主题上,
一、首先要下载nodejs,安装nodejs
二、然后通过npm下载express,jade,stylus
npm install express
npm install jade
npm install stylus
项目记录如下:
Static里的css文件新建index.styl;存放相应的styl文件,Views里存放相应的jade文件
在Routes里配置相应的路径,用jade解析jade请求,stylus解析css请求:
Index.js
var express = require('express'); varrouter = express.Router(); varcss=require("stylus"); str=require("fs").readFileSync("static/css/index.styl","utf-8") /*GET home page. */ router.get('/', function(req, res, next) { res.render('index', { title: 'Express', time:"2015-11-18" }); }); /* stylusàcss*/ router.get('/css', function(req, res, next) { css.render(str,{filename:"index.css"},function(err,css){ if(err) throw err; res.end(css); }) }); module.exports = router;
那么在页面上引入css外部文件:
Index.jade doctypehtmlhtml head title=title link(rel="stylesheet",href="http://127.0.0.1:1337/css") body div hello word
最后就是服务器的js文件。来监听1337端口,加载jade引擎;
var express=require('express');var app=express();var routes=require('./routes/index'); app.use('/',routes);app.set('view engine','jade');app.use(express.static(__dirname+"/static/"));app.listen(1337,"127.0.0.1",function(){ console.log("我要开始监听了。。。")
这样一个完整的框架就搭好了,然后node app.js运行服务器在浏览器输入
http://127.0.0.1:1337就能访问页面了
把demo已经上传到github上了https://github.com/songmouxia/allDemo
0 0
- Express-jade-stylus框架web开发
- express web开发框架安装
- web基本开发框架--express
- 基于node.js+Express.js+Jade+MongoDB开发Web即时聊天系统
- 基于node.js+Express.js+Jade+MongoDB开发Web即时聊天系统
- Express jade
- node.js入门视频教程_基于node.js+Express.js+Jade+MongoDB开发Web即时聊天系统
- Nodejs express框架之jade模板的学习笔记
- 用Express和Jade搭建Web扫描和上传应用
- LIUNX-NODEJS环境的配置和开发 express npm jade
- Express开发实例(2) —— Jade模板引擎
- Ubuntu下搭建Node.js+express web开发框架
- 搭建开发框架Express,实现Web网站登录验证
- 搭建开发框架Express,实现Web网站登录验证
- express默认模版jade
- Express中使用Jade
- Node+Express+Jade
- Node+Express+Jade
- Joystick手柄输入
- Class 'PDO' not found 错误
- 出现次数最多的数
- 字符串的全排列和组合
- Spring记录之模拟IoC(二)
- Express-jade-stylus框架web开发
- 如何解决struts2中上传文件大小限制的问题
- linux 64位操作系统安装配置java JDK
- Android笔记37: Sensor.TYPE_ORIENTATION 方向传感器,转向晕了个头
- jsp page指令详解
- 我是一个线程
- bzoj 3531: [Sdoi2014]旅行 树链剖分
- 减肥计划走起
- POJ 2976 裸的01分数规划