Node.js利用Express框架搭建小型网站(下)

来源:互联网 发布:单片机定时器实验 编辑:程序博客网 时间:2024/05/16 12:13


1.ejs模块


    在我下载的express版本里,默认使用的是jade模板,jade的风格虽然简洁,但是我很不习惯,毕竟熟悉了传统的html风格,所以在这我比较推荐ejs风格,它和html风格基本一致,方便上手。

   最好在node.exe的目录下执行nmp install ejs,这样可以将ejs模块放到默认的项目模块node_module中去。

   下载好后需要修改.json配置文件,修改如下:

 "dependencies": {
    "express": "3.10.4",
    "ejs": "*"
  }

最后,在app.js中修改引擎配置为:app.set('view engine', 'ejs');


2.express-partials模块


    该模块可以将引擎模板中的变量再次分离,如a.ejs中有如下标签 <ul id="items1"><%- partial('items1',data1) %></ul>,则可以重新建立item1.ejs来重新设定data1变量,内容参考如下:

<li><%= items1 %><a href="/del/<%= items1 %>"><img src="/images/imgDel.png" /></a><a href="/update/<%= items1 %>"><img src="/images/imgEdit.png" /></a><a href="/add"><img src="/images/imgAdd.png" /></a><button onclick="showUpdateModal(<%= items1 %>)">编辑</button>

    这样a.ejs的data变量就具有了partial特性,被分离到一个单独的UI页面,方便灵活显示。

    安装方式:nmp install express-partials


3.调试


    调试nodejs目前知道的有三种方式:

a.下载VS2012的nodejs插件,用VS2012调试

b.用webForm

c.下载node-inspector模块。

    我亲测过a和c,vs我就不说了,必须强大,缺点就是感觉就点大材小用了,写个nodejs而已,大动干戈启动VS有点太卡了。所以我用的c方式,当然了,提前还需要一个文本编辑器,nodejs的文本编辑利器当属Sublime Text了,很爽的,完爆nodepad++和ue,而且它也可以编辑其他语言。

    利用node-inspector调试方式如下:

a.首先node —debug-brk  app.js
b.然后新打开一个窗口,启动 node-inspector
出现如下:
Node Inspector v0.5.0
   info  - socket.io started
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.

浏览器中调试输入   : http://127.0.0.1:8080/debug?port=5858

不出意外将会在浏览器看到源代码的调试界面,ps:最好用谷歌浏览器,不解释。


4.其他


    最后再推荐一个模块supervisor,最好全局安装npm install -g supervisor,这样启动程序时(如app.js)可以 supervisor app启动,这样它会监视你的代码,一旦代码修改了就会自动重启服务,不必手动,调试很方便。

    还有很多其他的模块,在这里就不说了,可以去官网www.nodejs.org的module标签去搜搜,有很多好的资源。本来想一步步搭建一个网站呢,发现需要大量时间才能说清楚,公司的所有资料又不能拷贝,很难写成博客,所以就记录下所有工具吧。最后附上一些参考资料,路过的可以收藏下:

nodejs学习资料:
官网:http://nodejs.org/
教程:http://www.w3cschool.cc/nodejs/nodejs-fs.html
nodejs连接sqlserver;http://www.cnblogs.com/joylee/archive/2013/02/05/msnodesql.html
nodejs官方教程;http://azure.microsoft.com/en-us/documentation/articles/sql-database-nodejs-how-to-use/
nodejs包概述:http://blog.csdn.net/chszs/article/details/8868086
Windows系统下nodejs安装及配置:http://blog.csdn.net/freshlover/article/details/12691031
jade语法:
http://www.cnblogs.com/fullhouse/archive/2011/07/18/2109938.html
https://www.npmjs.org/package/jade
http://hi.baidu.com/tang_guangyao/item/6ca7d227cd1406d851fd8762
ejs使用:http://sunnyhl.iteye.com/blog/1985539
nodejs操作cookie:http://www.cnblogs.com/rubylouvre/archive/2012/08/19/2645644.html

0 0
原创粉丝点击