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 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
JS中min函数实例讲解
Feb 18 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 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工厂模式的好处
2013/06/18 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
wxPython色环电阻计算器
2019/11/18 Python
python识别验证码图片实例详解
2020/02/17 Python
python的列表List求均值和中位数实例
2020/03/03 Python
python interpolate插值实例
2020/07/06 Python
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
环境工程专业个人求职信
2013/12/05 职场文书
巾帼建功标兵事迹材料
2014/05/11 职场文书
给校长的建议书600字
2014/05/15 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
九九重阳节标语
2014/10/07 职场文书
考研复习计划
2015/01/19 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python