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 相关文章推荐
来自chinaz的ajax获取评论代码
May 03 Javascript
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
javascript中递归的两种写法
Jan 17 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 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
fleaphp crud操作之findByField函数的使用方法
2011/04/23 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
php自定文件保存session的方法
2014/12/10 PHP
PHP Reflection API详解
2015/05/12 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
一个javascript图片阅览组件
2010/11/09 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
2013/02/16 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
JavaScript DOM 对象深入了解
2016/07/20 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
如何在JavaScript中等分数组的实现
2020/12/13 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
Python中使用中文的方法
2011/02/19 Python
python3中的md5加密实例
2018/05/29 Python
django项目搭建与Session使用详解
2018/10/10 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
Python Merge函数原理及用法解析
2020/09/16 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
德国拖鞋网站:German Slippers
2019/11/08 全球购物
高中毕业自我鉴定
2013/12/16 职场文书
面试后感谢信
2014/02/01 职场文书
厂办主管岗位职责范本
2014/02/28 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
2016年会开场白台词
2015/06/01 职场文书
实例详解Python的进程,线程和协程
2022/03/13 Python
小程序自定义轮播图圆点组件
2022/06/25 Javascript