基于web的网上购物商城，在线购物商城系统，购物网站系统

rolling_257

已于 2024-09-25 17:43:00 修改

阅读量1.6k

点赞数 36

分类专栏：计算机专业项目文章标签： vue.js mysql node.js vue html5

于 2024-03-09 09:45:16 首次发布

本文链接：https://blog.youkuaiyun.com/m0_58133506/article/details/136577681

版权

计算机专业项目专栏收录该内容

5 篇文章

订阅专栏

本文介绍了使用Node.js、Vue和Express构建的前后端分离的在线购物商城系统，包括管理员和用户功能，如用户登录验证和文件上传处理。源码获取需关注作者并私信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目源码获取方式放在文章末尾

一、技术栈

基于nodejs+vue 在线购物商城系统，前后端分离项目，角色分为管理员和用户，含源码

前端：vue框架

后端：nodejs express框架,数据库：mysql。

二、系统功能介绍

管理员功能

用户功能

三、部分代码

用户登录

exports.register = (req, res) => {

const userInfo = req.body;

if (!userInfo.username) {

return res.response("用户名不能为空");

};

const performRegistration = () => {

const sql = "insert into user set ?";

const min = 1000;

const max = 9999;

const randomNum = Math.floor(Math.random() * (max - min + 1)) + min;

const nickname = 'pet' + randomNum;

const avatar = '/public/avatar.png'

const created = dayjs().format("YYYY-MM-DD HH:mm:ss");

database.query(

sql,

{

...userInfo,

nickname,

avatar,

created,

},

function (err, results) {

if (err) return res.response(err);

login()

}

);

};

const login = () => {

const sql1 = "select * from user where username=?";

database.query(sql1, [userInfo.username], function (err, results) {

if (err) {

return res.response(err);

};

// 如果查询到用户，则返回用户信息

if (results.length > 0) {

const { id, username } = results[0];

let user = {

id,

username,

};

const token = jwt.sign(user, config.jwtSecretKey, {

expiresIn: config.expiresIn, // token 有效期为 10 个小时

});

setTimeout(() => {

res.send({

code: 0,

message: "登录成功！",

result: {

token: "Bearer " + token,

userInfo: results[0],

},

});

}, 100);

return

};

// 如果未查询到用户，执行注册逻辑

performRegistration();

});

}

login();

};

文件上传

const multer = require("multer");

const path = require("path"); //

const resolve = (dir) => {

return path.join(__dirname, "./", dir);

};

let temp = multer.diskStorage({


destination: function (req, file, cb) {

if (file.mimetype.match('image.*') || file.mimetype.match('video.*')) {

cb(null, resolve("../public/images"));

} else {

cb({ error: "Mime type not supported" });

}

},


filename: function (req, file, cb) {

let fileFormat = file.originalname.split(".");

const min = 1000;

const max = 9999;

const randomNum = Math.floor(Math.random() * (max - min + 1)) + min;

cb(null, new Date().getTime() + "" + randomNum + "." + fileFormat[fileFormat.length - 1]);

},

});


const multerConfig = multer({

storage: temp,

});

module.exports = multerConfig;

四、获取源码

关注，点赞，私信我吧