node+express+jade制作简单网站指南


Posted in Javascript onNovember 26, 2014

1.建立工程文件夹:my_jade

2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.

3.建立相关的文件夹和文件.

node+express+jade制作简单网站指南

index.js:

node+express+jade制作简单网站指南

style.css

node+express+jade制作简单网站指南

gys.jade代码:

node+express+jade制作简单网站指南

index.jade:

node+express+jade制作简单网站指南

layout.jade

node+express+jade制作简单网站指南

app.js

node+express+jade制作简单网站指南

运行app.js:node app.js;

在浏览器中预览:

node+express+jade制作简单网站指南

在看一个不使用页面布局的例子:

修改index.js

node+express+jade制作简单网站指南

修改app.js

node+express+jade制作简单网站指南

运行app.js在浏览器中预览:

node+express+jade制作简单网站指南

单击提交 会触发ajax. 。本文就先到这里吧,后续的工作以后再接着进行,刚入手这块内容,还不是很熟练,哈哈。

Javascript 相关文章推荐
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
解决表单中第一个非隐藏的元素获得焦点的一个方案
Oct 26 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
vue 封装面包屑组件教程
Nov 16 Javascript
JS简单操作select和dropdownlist实例
Nov 26 #Javascript
node+express+ejs制作简单页面上手指南
Nov 26 #Javascript
node.js使用require()函数加载模块
Nov 26 #Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 #Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 #Javascript
javascript 原型链维护和继承详解
Nov 26 #Javascript
jquery提示效果实例分析
Nov 25 #Javascript
You might like
php文件上传表单摘自drupal的代码
2011/02/15 PHP
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
利用PHP绘图函数实现简单验证码功能的方法
2016/10/18 PHP
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
js实现全国省份城市级联下拉菜单效果代码
2015/09/07 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
2017/02/13 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
使用python制作一个解压缩软件
2019/11/13 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
IE浏览器单独写CSS样式的几种方法
2014/10/14 HTML / CSS
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
公司总经理任命书
2014/06/05 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
教师工作总结范文2014
2014/11/10 职场文书
上班迟到检讨书
2015/05/06 职场文书
捐书仪式主持词
2015/07/04 职场文书
Nginx配置80端口访问8080及项目名地址方法解析
2021/03/31 Servers
Python包argparse模块常用方法
2021/06/04 Python