本文共 2263 字，大约阅读时间需要 7 分钟。

Node.js + MySQL 实现简易用户管理系统

项目简介

本文将介绍如何使用 Node.js 和 MySQL 构建一个简易的用户管理系统。通过本文的步骤步骤，读者可以快速搭建一个功能齐全的后台管理系统，包含用户的增删改查等基本操作。

技术实现

1.1 项目结构

项目的代码结构如下：

├── mysql.js├── app.js├── index.ejs├── add.ejs├── edit.ejs└── views/    └── index.html

1.2 服务器搭建

在 app.js 中，我们使用 Express 框架搭建服务器：

var express = require('express');var app = express();app.use(bodyParser.urlencoded({ extended: false }));app.set('view engine', 'ejs');app.set('views', './views/');

1.3 数据库配置

在 mysql.js 中，我们配置了数据库连接池：

var mysql = require('mysql');var pool = mysql.createPool({    host: '127.0.0.1',    user: 'root',    password: '',    database: 's79'});

1.4 路由设置

用户列表

app.get('/', function(req, res) {    sql.query('select * from user', function(err, result) {        if (err) {            res.render('index', { title: '用户列表', datas: [] });        } else {            res.render('index', { title: '用户列表', datas: result });        }    });});

添加用户

app.post('/add', function(req, res) {    var name = req.body.name;    var age = req.body.age;    sql.query('insert into user(name, age) values("' + name + '","' + age + '")', function(err, result) {        if (err) {            res.send('新增失败' + err);        } else {            res.redirect('/');        }    });});

编辑用户

app.get('/edit/:id', function(req, res) {    var id = req.params.id;    sql.query('select * from user where id = ' + id, function(err, result) {        res.render('edit', { datas: result });    });});

删除用户

app.get('/del/:id', function(req, res) {    var id = req.params.id;    sql.query('delete from user where id = ' + id, function(err, result) {        if (err) {            res.send('删除失败' + err);        } else {            res.redirect('/');        }    });});

2.1 index.html 视图

   
        
             
                  
编号
                  
姓名
                  
年龄
                  
操作
             
        
        
             
                  
<%= datas[i].id %>
                  
<%= datas[i].name %>
                  
<%= datas[i].age %>
                  
                添加用户|                删除|                编辑            
             
        
   

2.2 添加页面

2.3 编辑页面

3.推荐工具

表单工具

推荐使用 WysIWYG 在线富文本编辑器，支持在线生成表单。

按钮工具

推荐使用 CSS Button Generator，可以在线生成各种风格的按钮。

转载地址：http://dtjfk.baihongyu.com/