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 通过json自动生成Dom的代码
Apr 01 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
在vue中使用jsx语法的使用方法
Sep 30 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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脚本的10个技巧(5)
2006/10/09 PHP
Smarty+QUICKFORM小小演示
2007/02/25 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
ThinkPHP安装和设置
2015/07/27 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
bootstrap table分页模板和获取表中的ID方法
2017/01/10 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
ES6正则的扩展实例详解
2017/04/25 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
Nodejs + Websocket 指定发送及群聊的实现
2020/01/09 NodeJs
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
python实用代码片段收集贴
2015/06/03 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
python中的随机函数random的用法示例
2018/01/27 Python
python opencv之分水岭算法示例
2018/02/24 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
Python2与Python3的区别实例总结
2019/04/17 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
医药营销个人求职信
2014/04/12 职场文书
体育节口号
2014/06/19 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
神秘岛读书笔记
2015/07/01 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python