Node.Js从零开始搭建数据管理后台 （二）

Mark：该部分开始正式的后台搭建工作。

项目总体框架设计（需求模型）

整理一下public文件夹下的目录结构：

同时更改下index.html下的link路径：

<link rel='stylesheet' href='/css/style.css' />

 

为了做一个美观点的页面，我在网上找了一套比较漂亮的模板，直接做一些删减套用过来。

做前端有一些HTML，CSS，Bootstrap的基础知识，就不在此文中做过多的阐述了。

推荐两个不错的网站大家去学习一下，很快就能上手了：

http://www.w3school.com.cn/html/index.asp

http://www.runoob.com/

 

在正式进行数据后台搭建之前，我们先需要很清晰的了解我们的需求清单。

我罗列了一个常用的简单的需求清单如下：

 

 （一）注册、登录模块

根据需求，我们第一步先进行注册、登录模块的开发。

1. 页面、路由：

先在view目录下准备一个注册的页面"signup.html".（本文章主要是分享管理后台的技术实现，前端代码就不贴出来了 0_0）

页面渲染出来的效果如下：

 修改路由：

app.js修改如下：

/*
app.use('/', routes);
app.use('/users', users);
*/
routes(app);

routes/index.js修改如下：

var express = require('express');

module.exports = function(app) {
    app.get('/', function(req, res, next) {
          res.render('index', { title: 'Express' });
    });
    app.get('/signup', function(req, res, next) {
          res.render('signup', {
            title: '注册'
          });
    });
}

启动服务器，通过http://ip:3000/signup即可访问signup页面，效果图如上。

 2. 数据库连接、存储、读取

用户通过页面输入的用户信息，需要存储到数据库中，并在用户在下次登录时进行查询校验。

先进行数据库的配置和连接：

https://www.zhihu.com/question/36335900

 

一、登录、注册

二、数据库连接

三、session权限管理