前后端分离开发步骤(登录注册)

初始化模块
	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(端口号)
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值