一、参考网站及主要资料
页面https://surmon.me/
前端https://github.com/surmon-china/surmon.me
后台https://github.com/surmon-china/nodepress
二、个人博客架构
1. 界面
![](https://img.haomeiwen.com/i6123292/c41be78110d5c03e.png)
![](https://img.haomeiwen.com/i6123292/ad7c9eac89759069.png)
![](https://img.haomeiwen.com/i6123292/3e40624c89b1d780.png)
![](https://img.haomeiwen.com/i6123292/c47f383cea05a35d.png)
![](https://img.haomeiwen.com/i6123292/ebf228d935dd35b0.png)
2. 主要实现功能
![](https://img.haomeiwen.com/i6123292/5f63abc4e95b09cd.png)
还有article详细页和comment评论。
3. 目录结构
![](https://img.haomeiwen.com/i6123292/fdf13a193a938906.png)
![](https://img.haomeiwen.com/i6123292/5ba83c6f78f296b1.png)
三、开发过程
1. 用新手模板搭建项目,参考:https://github.com/jiameiw/express-template
2. 从mongodb数据库取数据渲染到前端页面的过程
1)mongodb可视化工具robo里的数据展示
![](https://img.haomeiwen.com/i6123292/a6e43d7dd042af76.png)
2)拿hotnews为例
![](https://img.haomeiwen.com/i6123292/33a9e73a30b0fca7.png)
![](https://img.haomeiwen.com/i6123292/c0caa53bd2b8f71d.png)
![](https://img.haomeiwen.com/i6123292/7684c3f19d2e32e4.png)
![](https://img.haomeiwen.com/i6123292/3af669cb30ee1fe3.png)
![](https://img.haomeiwen.com/i6123292/e7adcb6e44b4ee72.png)
3)启项目前先启动数据库服务器(mongod命令)
![](https://img.haomeiwen.com/i6123292/4051be96497b571e.png)
四、开发过程中遇到的问题
1. 匹配传入的参数id与数据库里的id出现了类型不匹配的情况,查找不到。
解决办法:通过将传入的从参数id转成数据库里的id类型objectid
![](https://img.haomeiwen.com/i6123292/f52290f4185cd681.png)
2. 传回来的数据不能在本函数体里输出原因:因为存在执行先后顺序,函数要先执行完函数体getdata然后才会执行回调函数,所以在函数体里取不到数据。
![](https://img.haomeiwen.com/i6123292/e3fb7066d07ed3e5.png)
网友评论