手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >node+express+jade制作简单网站指南
node+express+jade制作简单网站指南
摘要:1.建立工程文件夹:my_jade2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.3.建立相关...

1.建立工程文件夹:my_jade

2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.

3.建立相关的文件夹和文件.

node+express+jade制作简单网站指南1

index.js:

node+express+jade制作简单网站指南2

style.css

node+express+jade制作简单网站指南3

gys.jade代码:

node+express+jade制作简单网站指南4

index.jade:

node+express+jade制作简单网站指南5

layout.jade

node+express+jade制作简单网站指南6

app.js

node+express+jade制作简单网站指南7

运行app.js:node app.js;

在浏览器中预览:

node+express+jade制作简单网站指南8

在看一个不使用页面布局的例子:

修改index.js

node+express+jade制作简单网站指南9

修改app.js

node+express+jade制作简单网站指南10

运行app.js在浏览器中预览:

node+express+jade制作简单网站指南11

单击提交 会触发ajax. 。本文就先到这里吧,后续的工作以后再接着进行,刚入手这块内容,还不是很熟练,哈哈。

【node+express+jade制作简单网站指南】相关文章:

使用node+vue.js实现SPA应用

IE中jscript/javascript的条件编译

JavaScript实现斗地主游戏的思路

JQuery球队选择实例

javascript制作的滑动图片菜单

解决未知尺寸的图片撑破页面的问题

手机端页面rem宽度自适应脚本

angular2使用简单介绍

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航