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 相关文章推荐
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 Javascript
vue2.0获取鼠标位置的方法
Sep 13 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
js prototype深入理解及应用实例分析
Nov 25 Javascript
express异步函数异常捕获示例详解
Nov 30 Javascript
vue中activated的用法
Jan 03 Vue.js
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颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
js模拟滚动条(横向竖向)
2013/02/22 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
2014/03/12 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
Python实现嵌套列表去重方法示例
2017/12/28 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
Python类class参数self原理解析
2020/11/19 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
Python面试题集
2012/03/08 面试题
中国好声音华少广告词
2014/03/17 职场文书
应届毕业生自荐书
2014/06/18 职场文书
公司车辆管理制度
2015/08/04 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
SpringBoot 拦截器妙用你真的了解吗
2021/07/01 Java/Android
mysql分表之后如何平滑上线详解
2021/11/01 MySQL