用 node.js 搭建属于自己的blog, UI风格我自己设计成简约的,你可以修改成自己喜欢的。 没有采用前后端分离和当前流行的MVVM框架,前端也没有模块化和工程化,采用了传统的后端渲染页面方式,一方面项目主要是用来熟悉后端的开发流程和模式,二是为了更好的SEO。 对于想从前端转向全栈开发的人员,这是一个很好的实践和参考,也是学习node.js很好的案例,项目有一些未使用的服务接口,你可以根据自己的需求去继续扩展。
- 服务端:Node.js
>=7.9.0
- 数据库:MongoDB
>=3.4
- 数据库操作工具:mongoose
4.9
- WEB框架:Express
4.0
- 模板引擎:express-handlebars
>=3.0
- JS和UI库:JQuery
>=2.0
Bootstrap3.3.7
后端采用传统的MVC结构,models是对象模型(就是数据格式),views是视图层,controllers是操作数据的层,所有的请求通过routes(路由)分发。
├── models (M)
├── views (V)
│ ├── app
│ ├── layout
│ ├── partials
│ └── server
├── controllers (C)
│ ├── app
│ └── server
├── routes (路由)
│ ├── app
│ └── server
├── services (后端服务接口)
├── libs (一些功能函数,诸如邮件,加密, some functions, such as mail, encryption)
├── middlewares (中间件)
├── node_modules
├── public
│ ├── assets (前端一些静态文件)
│ │ ├── app
│ │ │ ├── pugins
│ │ │ └── server
│ │ ├── uploaded (图片上传目录)
│ │ │ ├── files
│ │ │ └── tmp
├── .gitignore
├── app.js
├── config.js
├── package-lock.json
├── package.json
├── readme.md
- 请在Linux或者windows系统下确保安装了正确版本的Node.js 和 MongoDB, MongoDB教程自行学习。
- 进入blog目录
cd blog
- 安装依赖包 npm install
- 打开MongoDB 终端,创建一个名叫blog的数据库
- 修改config.js里面的数据库连接,一般是url: 'mongodb://localhost:27017/blog'
- npm run dev 进入开发环境
- 浏览器打开http://localhost:7000/admin/ 按照提示安装初始化
- 调试可以打开chrome,地址栏输入 chrome://inspect ,打开
Open dedicated DevTools for Node
会出来一个调试窗口,当然也可以使用WebStorm,打开debug模式去调试。
token 登录态