一起学习nodejs多人博客第14章增加头像-blog wiki_第1页
一起学习nodejs多人博客第14章增加头像-blog wiki_第2页
一起学习nodejs多人博客第14章增加头像-blog wiki_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、13-10-25nswbmw / N-blog92387245CHomePagesHistory第14章 增加头像现在来给博客添加用户头像,Edit PagePage HistoryClone URL的用户根据时的邮箱获取 gravatar 头像,未的用户则根据留言填的邮箱获取 gravatar 头像。gravatar ?戳:http:设定:在主页和用户页的文章标题右侧显示作者头像,在文章页面留言的人的头像显示在留言板左侧。需要用到 Node.js 中的 crypto 模块,之前已经引入过,所以这里可以直接使用。添加已用户的头像打开 user.js ,在最上面添加一行代码然后将 Usrotot

2、ype.save 内的var user = name: , password: this.password,: this.;修改为var md5 = crypto.createHash(md5),_MD5 = md5.update(this. head = http:/要存入数据库的用户信息文档var user = name: , password: this.password,.toLowerCase().digest(hex),/avatar/ +_MD5 + ?s=48;: this.head: head,;这里在用户文档里添加了键,方便后面使用。head打开 index.js ,将 a

3、pp.t(/t) 中的t = newt(currentU, req.body.title, tags, req.body.t);修改成:t = newt(currentU, currentUser.head, req.body.title, tags, req.body.t);注意:需要把转化成小写再编码。修改t.js ,将functiont(name, title, tags,t) = name; this.title = title;this.tags = tags;this.t =t;修改为:functiont(name, head, title, tags,t) 1/3var cryp

4、to = require(crypto); P S INegeJ Fork Star5 WatchrSearch or type adExplore Gist Blog HelpMacro-Bin mThis reitory13-10-25将vart = name: , time: time, title:this.title, tags: this.tags,t: this.t,comments: , pv: 0;修改为:vart = name: , head: this.head, time: time, title:this.title, tags: this.tags,t: this.

5、t,comments: , pv: 0;最后,修改 index.ejs 和 user.ejs ,在 后添加一行代码:a href=/u/img src= class=r_head /至此,实现了给已的用户添加头像。添加未用户的头像修改 app.t(/u/:name/:day/:title) ,将:var comment = name: ,: req.body.,website: req.body.website, time: time,content: req.body.content;修改为:var md5 = crypto.createHash(md5),_MD5 = md5.update

6、(req.body.toLowerCase().digest(hex),head = http: var comment = name: , head: head,: req.body./avatar/ +_MD5 + ?s=48;,website: req.body.website, time: time,content: req.body.content;打开 comment.ejs ,将a href= 回复于 2/3 = name; this.head = head; this.title = title; this.tags = tags; this.t =t;13-10-25第14章 增加头像 nswbmw/N-blog Wiki修改为:img src= class=l_head /a href= 回复于 最后,在 style.css 中添加两行样式:.l_headfloeft;margin-left:-4em;box-shadow:0px 1px 4px #888;.r_headfloat:right;margop:-2.5em;box-shadow:0px 1px 4px #888;现在,给博客添加了头像显示的功能。Last edited by nswbm

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论