使用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,欢迎参考
`
上一篇: java 异常捕获小记
推荐阅读
-
使用Hexo搭建基于Github的个人博客【详细】
-
Hugo个人博客搭建|Github部署Hugo个人博客|基于GO语言的博客框架|Windows下个人博客搭建|比Hexo更简易的个人博客
-
利用node.js如何搭建一个简易的即时响应服务器
-
使用Hexo开源博客系统,轻松搭建你的个人博客(1)
-
使用Hexo开源博客系统,轻松搭建你的个人博客(2)- 配置篇
-
使用Hugo,只需5分钟,轻松搭建一个自己的博客
-
使用node.js创建一个简易服务器,让本地的HTML页面可以通过localhost方式访问
-
Pytorch--1.使用Pytorch搭建一个简易的神经网络
-
利用node.js如何搭建一个简易的即时响应服务器
-
使用node-media-server搭建一个简易的流媒体服务器