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

 

1、登陸、註冊

2、數據庫鏈接

3、session權限管理