nuxt+express+mongodb开发个人博客实践

一、参考网站及主要资料

页面https://surmon.me/

前端https://github.com/surmon-china/surmon.me

后台https://github.com/surmon-china/nodepress

二、个人博客架构

1. 界面


2. 主要实现功能


还有article详细页和comment评论。

3. 目录结构


三、开发过程

1. 用新手模板搭建项目,参考:https://github.com/jiameiw/express-template

2. 从mongodb数据库取数据渲染到前端页面的过程

1)mongodb可视化工具robo里的数据展示


2)拿hotnews为例


hotnews.vue


新建一个接口汇总文件


后端接口处理逻辑


然后用router.use放到router里


3)启项目前先启动数据库服务器(mongod命令)


四、开发过程中遇到的问题

1. 匹配传入的参数id与数据库里的id出现了类型不匹配的情况,查找不到。

解决办法:通过将传入的从参数id转成数据库里的id类型objectid


2. 传回来的数据不能在本函数体里输出原因:因为存在执行先后顺序,函数要先执行完函数体getdata然后才会执行回调函数,所以在函数体里取不到数据。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,893评论 2 45
  • 今天,微信里面,不论是群聊天还是朋友圈都被王宝强的事情霸屏了! 有的人说是娱乐界的故意炒作,有的人说他的经纪人还公...
    风衣雨剑阅读 222评论 0 0
  • 现在是2017年9月28日晚上23点15分。 很久没有写日记了今晚看着群里这些家人们的分享总结内心又是深深的触动。...
    谢丹纯阅读 450评论 0 0
  • 这是工作的以来的第6个青年节了。 这也是我参加的第6次五四表彰大会,抛开运动会不说,这可以算是...
    车前小草阅读 267评论 1 2
  • 这一年一度的冬啊 你又如约地偷偷来到我的身旁 是你唤醒了我身体里沉睡已久的雄狮 使我再度想要咆哮抓狂 你可知道我不...
    若水斋主人阅读 181评论 2 3

友情链接更多精彩内容