初始化模块
express (node.js web应用程序框架)
mongoose (node.js异步环境下对mongodb进行便捷操作的对象模型工具)
jquery(一个JavaScript 库)
crypto(通用的加密和哈希算法)
body-parse (post的解析模块)
express-session(将数据保存在服务器上)
path(一个工具模块(path是内置模块直接引))
布局页面
注册
登陆
主页面
Ajax
url : "http://localhost:3000/路由",
type: "post / get" ,
data : { } ,
success(data) {回调函数}
通过返回值,进行不同的处理
后台(搭建服务器和路由)
1、引用模块(require)
2、解决跨域问题
3、创建路由
解析(get)
3-1、获取前台数据
req.query.[name]
3-2、加密
var md5Pwd = crypto.createHash('md5').update([变量名]).digest('hex');
3-3、连接数据库(mongoose)
3-3-1、定义集合(集合要定义在路由外面)
mongoose.connect("mongodb://localhost:27017/数据库名", {
useNewUrlParser: true
}, function (err) { }
3-3-3、操作数据库(增删改查)
设置存入的数据
var userData = new dbCollection({
userName,
userPwd: md5Pwd
});
存数据
userData.save().then(
(ok) => {
res.send({
mes: "注册成功",
status: 200,
linkId: 1
})
},
(err) => { }
解析(post)
post 解析模块(body-parser)
var urlLencode = bodyParser.urlencoded({extended:false});
app.post("/路由名称", urlLencode, function (req, res) { }
进行其他操作 / 数据库等
session
概念
session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而session保存在服务器上。
使用
下载模块
npm i --save express-session
var session = require("express-session")
存储(在中间件中进行session的存储)
app.use(session({
secret: '12345', //设置签名密钥 内容可以任意填写 越复杂越好
cookie: {maxAge: 80*1000 }, //设置cookie的过期时间 例:80s后session和相应的cookie失效过期
resave: true, //强制保存 如果session没有被修改也要重新保存
saveUninitialized: false //如果原先没有session那么就设置 否则不设置
}));
读取(req.session 读取session)
注销
req.session.destroy()
res.redirect("/see") //重定向定位到指定内容
path
概念
提供了处理和转换文件路径的工具
express.static
提供(读取)诸如图像、CSS 文件和 JavaScript 文件之类的静态文件
path.join
用于连接路径
设置webserver(静态资源文件)
app.use(express.static(path.join(__dirname, "文件夹地址")));
listen
listen方法用于启动服务器
server.listen(端口号)
前后端分离开发步骤(登录注册)
最新推荐文章于 2024-05-28 20:56:46 发布