(一) 静态资源渲染
静态资源: 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
在安装依赖中,可以查看到包安装情况: