一个简单的用户管理系统---node+ajax+mysql后端开发(三)

(一) 静态资源渲染

静态资源: html css js image video 

静态资源渲染：把静态资源显示出来

(2) 注册用户功能的实现逻辑

1. 用户在表单上输入注册信息

2. 点击注册后，收集用户在表单上输入的注册信息并且发送给后台。

3. 后台接收用户发送过来的注册信息

4. 后台需要处理数据并且去连接数据库

5. 后台把接收到的用户信息写入到数据库中

（3） 用户注册总结

1. 获取用户的输入信息，发送到后台

2.在后台接收到前台传送过来的信息

3. 连接数据库，插入数据到数据库中

在项目中安装并搭建数据库交互驱动程序：

第一步: 在终端中运行： npm install mysql --save-dev 

第二步：npm init -y   生成一个配置文件

第三步： 拷贝数据库的配置文件。 官网地址：https://www.npmjs.com/package/mysql

官网上推荐的安装方式如下：mysql 的数据库驱动

var mysql      = require('mysql');
//创建一个连接的到一个对象
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : '123',
  database: 'ajaxdemo'
});
//连接数据库
connection.connect(function(err) {
  if (err) {
    console.error('error connecting: ' + err.stack);
    return;
  }
  console.log('connected as id ' + connection.threadId);
});
//执行查询操作  把查询命令发送出去
//错误信息会返回给第一个参数 第二个参数是返回的结果
connection.query("SELECT * FROM admin", function (error,result) {
  console.log(result);
})

 （4）  盒子的计算方法：功能菜单居中的方法：

var left = document.documentElement.clientWidth/2 - editUser.offsetWidth/2;
var top = document.documentElement.clientHeight/2 - editUser.offsetHeight/2;
editUser.style.left = left + "px";
editUser.style.top = top + "px";

（5） cookie 的方法：cookie 实现的原理流程

服务器维护客户端的一种方式，临时存储在客户端（浏览器）上。

当服务器设置了cookie 随着服务器响应把cookie带到客户端

下次这个客户端再去访问服务器的时候，会自动带上服务器上次设置的cookie信息

服务器在获取请求的时候可以获得到cookie信息

在服务器端需要安装cookie 安装包,安装方法：

npm install cookie --save

在安装依赖中，可以查看到包安装情况：