欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用node.js搭建简易的个人博客(一)

程序员文章站 2022-04-18 11:29:26
...

node.js和express应用框架的启动

    首先需要在电脑上安装node.js的开发环境,安装好之后,就可以使用它了。这里我使用的开发工具是webStorm,然后使用 npm install --save express命令来安装express模块;接着安装一系列的依赖模块,安装成功以后工程里面会出现一个名字为:package.json的JSON文件;里面内容自动生成如下:
{
  "name": "blog",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.17.1",
    "cookies": "^0.7.0",
    "express": "^4.15.2",
    "markdown": "^0.5.0",
    "mongoose": "^4.9.7",
    "swig": "^1.4.2"
  }
}

到这里项目所需要的模块都安装完毕,接着创建一个应用程序的启动文件:app.js,在文件里去加载我们安装好的模块,监听端口,具体代码如下:

/*应用程序的启动文件*/

var express = require("express"); /*加载express模块*/

var swig = require("swig"); //加载模板处理模块

var mongoose = require('mongoose'); //加载数据库模块

var bodyparser = require("body-parser"); //加载body-parser,利用这个模块就可以接受post提交过来的数据,req.body

var Cookies = require("cookies"); //加载coolies保存用户登录状态

var User = require("./models/user.js"); //引入用户信息的数据库模型

swig.setDefaults({cache:false}); //在开发过程中需要取消模板缓存机制

var app = express();  //创建app应用

app.use(bodyparser.urlencoded({extended:true})); //设置body-parser

//静态文件的托管
//当用户访问的路径以/public开头的话,则处理为静态文件
app.use('/public',express.static(__dirname+'/public'));

/*配置应用模板*/
//定义当前模板的引擎
//第一个参数为模板引擎的名字和文件类型,第二个参数解析模板内容
app.engine('html',swig.renderFile);

//设置模板存放的目录,第一次参数为views,第二个参数为模板路径
app.set('views','./views');
//注册使用的模板引擎,第二个参数为模板名字
app.set('views engine','html');

/*
**app.use();将一个URL路径个一个函数绑定,第一个参数为访问的路径,第          
*二个参数为执行的函数,如果第一参数为空,则表示任何路径都触发这个处
*理函数;
 * req:request对象;包含用户的一些请求信息。
 * res:response对象;通过res后台可以向这次请求的客户端返回响应。
 * next:将控制权交给下一个执行的路由函数。
**/

//模块划分;作用:当用户访问以其中任何一个开头的路径时,下面程序就会将处理权交给routers文件下的对应程序去处理,为了模块化,例如所有的后台管理程序都在routers文件夹里的admin.js下。
app.use("/admin",require('./routers/admin'));//后台管理
app.use("/api",require('./routers/api'));//路由管理
app.use("/",require('./routers/main'));//首页管理


/*连接数据库,在window下cmd->cd F:Mongodb/bin->输入mongod --dbpath=F:\node.js\Blog\db  --port=27017; 启动mongodb数据库,这里dbpath后面是你工程里面数据库的存储路径,port后面是你要绑定的端口号。*/
mongoose.connect("mongodb://localhost:27017/Blog",function(err){
    if(err){
        console.log("数据库连接失败!")
    }else{
        console.log("数据库连接成功了!");
        /*监听http请求*/
        app.listen(8081);
    }
});

/*
 *首页的路由绑定
 **/
/*app.get("/",function(req,res,next){
 //读取views目录下的指定文件,解析返回给客户端
 //第一个参数:表示模板的文件相对于view的相对位置
 //第二个参数:传递给模板的使用数据
 res.render("index",{});  //当浏览器访问首页时,使用res.render给前台渲染一个html页面,{}里面是需要传输的数据
 });

   在数据库连接成功以后,就可以启动应用了,如果没有其他问题,就会看到在webStorm的控制台里会输出”数据库连接成功了!”在浏览器上去访问localhost:8081就会返回访问首页时,渲染的页面。到这里我们的启动程序就结束了,之后我会写出博客的各个具体模块的开发过程。

项目源码地址:https://github.com/Sstriving/MyBlog,欢迎参考

`