This article mainly summarizes the relevant steps of node.js blog project development and sharing of knowledge points. Friends who are interested can refer to it. I hope it can help everyone.
Modules that need to be installed
body-parser parses post requests
cookies read and write cookies
express build server
markdown Markdown syntax parsing generator
mongoose operates Mongodb database
swig template parsing engine
Directory structure
db database storage directory
models database model file directory
public public file directory (css, js ,img)
routers routing file directory
schemas database structure file
views template view File directory
app.js startup file
package.json
app.js file
1. Create application and listening port
const app = express();
app.get('/',(req,res,next) => {
res.send("Hello World !");
});
app.listen(3000,(req,res,next) => {
console.log("app is running at port 3000");
});2. Configure application template
Define the template engine used app.engine('html',swig.renderFile) Parameter 1: The name of the template engine, which is also the suffix of the template file Parameter 2: Indicates the method used to parse and process the template content
Set the directory where template files are stored app.set('views','./views')
Register the template engine used app.set(' view engine','html')
3. Use template engine to parse files
/**
* 读取views目录下的指定文件，解析并返回给客户端
* 参数1：模板文件
* 参数2：给模板传递的参数
*/
res.render('index',{
title:'首页 ',
content: 'hello swig'
});4.Develop During the process, you need to cancel the restrictions on template caching
swig.setDefaults({
cache: false
});
app.set('view cache', false);5. Set up static file hosting
// 当用户访问的是/public路径下的文件，那么直接返回 app.use('/public',express.static(__dirname + '/public'));
Division module
Front module
Backend module
API module
// 根据不同的功能划分模块 app.use('/',require('./routers/main')); app.use('/admin',require('./routers/admin')); app.use('/api',require('./routers/api'));
For the admin module admin.js
var express = require('express');
var router = express.Router();
// 比如访问 /admin/user
router.get('/user',function(req,res,next) {
res.send('User');
});
module.exports = router; Front-end routing + template
main module
/Homepage
/view content page
api module
/Homepage
/register User Registration
/login User Login
/comment Comment Get
/comment/post Comment Submit
Backstage (admin) routing + template
Homepage
/ Backstage Homepage
User Management
/ user User list
Category management
/category Category list
/category/add Category addition
/category/edit Category modification
/category /delete Category deletion
Article content management
/article nei content list
/article/add content addition
/article/edit content modification
/article/delete Content deletion
Comment content management
/comment Comment list
/comment/delete Comment deletion
Function development sequence
Function module development sequence
User
Start the MongoDB server:
mongod --dbpath=G:\data\db --port=27017
Start the service and set the storage address and port of the database
var mongoose = require('mongoose');
// 数据库链接
mongoose.connect("mongodb://localhost:27017/blog",(err) => {
if(err){
console.log("数据库连接失败");
}else{
console.log("数据库连接成功");
// 启动服务器，监听端口
app.listen(3000,(req,res,next) => {
console.log("app is running at port 3000");
});
}
});
For the user data table (users.js) in Under the schema folder:
var mongoose = require('mongoose');
module.exports = new mongoose.Schema({
// 用户名
username:String,
// 密码
password:String
});Create the user.js model class in the models directory
var mongoose = require('mongoose'); var userSchema = require('../schemas/users'); module.exports = mongoose.model('User',userSchema);
The front end submits the user name and password through ajax
url: /api/register
After End-to-front-end submission (POST) data parsing
var bodyParser = require('body-parser');
// bodyParser 配置
// 通过使用这一方法，可以为req对象添加一个body属性
app.use( bodyParser.urlencoded({extended:true}));
// 在api模块中：
// 1.可以定义一个中间件，来统一返回格式
var responseData;
router.use( function(req,res,next){ // path默认为'/',当访问该目录时这个中间件被调用
responseData = {
code:0,
message:''
};
next();
});
router.post('/register',(req,res,next) => {
console.log(req.body);
// 去判断用户名、密码是否合法
// 判断是否用户名已经被注册
// 通过 res.json(responseData) 给客户端返回json数据
// 查询数据库
User.findOne({ // 返回一个promise对象
username: username
}).then(function( userInfo ) {
if( userInfo ){ // 数据库中有该条记录
...
res.json(responseData);
return;
}
// 给数据库中添加该条信息
var user = new User({ username:username,password:password });
return user.save(); // 返回promise对象
}).then(function( newUserInfo ){
console.log(newUserInfo);
res.json(responseData); // 数据保存成功
});
});Usage of cookies module
Global (app.js) registration usage
// 设置cookie
// 只要客户端发送请求就会通过这个中间件
app.use((req, res, next) => {
req.cookies = new cookies(req, res);
/**
* 解析用户的cookies信息
* 查询数据库判断是否为管理员 isAdmin
* 注意：查询数据库是异步操作，next应该放在回调里边
*/
req.userInfo = {};
if (req.cookies.get("userInfo")) {
try {
req.userInfo = JSON.parse(req.cookies.get("userInfo"));
// 查询数据库判断是否为管理员
User.findById(req.userInfo._id).then(function (result) {
req.userInfo.isAdmin = Boolean(result.isAdmin);
next();
});
} catch (e) {
next();
}
} else {
next();
}
});
// 当用户登录或注册成功之后，可以为其设置cookies
req.cookies.set("userInfo",JSON.stringify({
_id:result._id,
username:result.username
}));swig template engine
1. Variables
2.Attribute
3.if judgment
hello Brother Jing
{ % endif % }
4. for loop
##// arr = [1, 2, 3]
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
