位置: 编程技术 - 正文
推荐整理分享nodejs开发微博实例(html5仿微博代码),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:nodejs 个人博客,node.js从零开发web server博客项目,微博开发工具,微博开发工具,微博前端开发,微博开源项目,nodejs开发博客,php微博开源,内容如对您有帮助,希望把文章链接给更多的朋友!
之前一直执着于前端开发,最近几天,开始学起了nodejs。作为一名前端开发者,见到这样一门用javascript写的后台自然是很激动的。但是,后台毕竟不同于前端,在学习的过程中,还是会遇到不少问题。
为了开始学习nodejs,一开始选择了《深入浅出nodejs》这本书,看了几章之后,得出一个结论是:真是一本好书,但是还是不会写nodejs!然后选择了另外一本教材《nodejs开发指南》,由于看过了《深入浅出nodejs》,直接跳过了这本书的前几章,写起了该书第五章的微博实例。作为一个新手,在写的过程中,才逐渐发现因为express版本升级的原因,书中的代码很多已经不能用了,这对于新手来讲,真是痛苦的经历!!本着分享和学习的精神,特此奉上《nodejs开发指南》微博实例express4.x版本源码和编写过程中需要注意的问题。
首先我们看看当前express的版本:
这和书本所用的express2.x版本已经有了很大的变化。对于express4版本的新特性,可以看看这个: -t参数已经失效,最新的express版本的默认模板引擎是jade,所以为了使用ejs,我们需要像下面这样创建项目:
按照书中所说的,我们直接运行代码:
并且在浏览器中输入 routes);后面添加:
按照书中的步骤往下走,我们会发现一个问题,因为在views文件夹里面不是layout.ejs和index.ejs,这是因为,最新版本的express不支持ejs模块的partials方法,所以需要自己额外安装模块:
然后在app.js中添加:
需要注意的是,这一行要添加到app.set('view engine', 'ejs');后面,如果添加到app.use('/', routes);后面,会出现css引用失败的现象,博主还不明白原因。
这时候就可以在views中新建文件layout.ejs,然后复制书中页的layout.ejs代码到我们新建的文件上面。然后运行代码,就能看到下面的效果了:
以上的步骤都不算什么问题,问题就出在连接数据库的一系列问题!如下所述:
为了执行下面的操作,我们首先需要安装MongoDB数据库,博主推荐这篇博客: 对于新版本的express,按照书本上那样连接数据库会报错,连接数据库需要的文件时settings.js,这个按照书上的来没有问题,但是models中的db.js需要做一些改动。如果按照书中的代码:
可能会出现下面的问题:博主google之后,才发现需要按照下面的格式书写:
在引用settings模块的时候,如果按照书中的:
会出现:
这是因为最新的express版本中需要这样引用这个模块:
但是解决了这个问题之后,相继出现了下面这个令人蛋疼的情况:
一开始我也是琢磨不透,但是google的时候,有一个哥们做了很好的解答:
install connect-flash。然后在app.js中添加如下代码:
接下来按照书上的步骤走,基本不会出问题了,最后我们就能得到我们想要的效果啦~:
需要说明一下的是,跟着书本写这个小应用的时候,出现了很多问题,也就是上面遇到的很多问题,但是博主都是本着自主研究的精神不断google,终于跳出神坑,得到了最后的效果,希望看到这篇博客的朋友好好研读,也好好看看下面的链接,里面很可能也是你遇到的问题,如果你在跟着书本编写代码的过程中遇到了问题,欢迎一起交流~
标签: html5仿微博代码
本文链接地址:https://www.jiuchutong.com/biancheng/378019.html 转载请保留说明!上一篇:nodejs中的fiber(纤程)库详解(nodejs中的session)
友情链接: 武汉网站建设