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 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
jQuery中next()方法用法实例
Jan 07 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 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 各种排序算法实现代码
2009/08/20 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
jquery里的each使用方法详解
2010/12/22 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
Javascript事件实例详解
2013/11/06 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
webpack4简单入门实例
2018/09/06 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
通过源码分析Python中的切片赋值
2017/05/08 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
解决python "No module named pip" 的问题
2018/10/13 Python
公司综合部的成员自我评价分享
2013/11/05 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
员工辞职信范文大全
2015/05/12 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python
浅谈Redis的keys命令到底有多慢
2021/10/05 Redis