项目简介
本项目是基于Vue.js前端框架与Node.js后端搭建的商城系统,采用前后端分离设计模式。其目标是为用户打造便捷、高效的在线购物体验,具备用户注册、登录、商品浏览、搜索、购物车管理、订单生成等核心功能。
项目的主要特性和功能
主要技术栈
- 前端:运用Vue.js框架,结合Vue全家桶(Vue Router、Vuex等)实现状态管理和页面路由。
- 后端:采用Node.js + Express框架,提供RESTful API接口供前端调用。
- 数据库:使用MySQL存储用户信息、商品信息、订单信息等。
功能特性
普通用户功能
- 注册登录:支持图形验证码保障登录安全。
- 定位:集成腾讯地图定位,用户可自主选择所在城市。
- 商品浏览:可分类查看商品、查看详情及进行商品评论。
- 购物车管理:支持商品加入购物车、增减数量、清空购物车及商品结算。
- 搜索:支持按商品名称关键词进行模糊搜索。
- 个人中心:可查看订单信息,修改基本信息(头像、昵称、简介等)、手机号和密码。
管理员功能
- 登录:使用固定账号密码(如admin)登录。
- 用户管理:查看所有注册用户。
- 商品管理:查看数据库商品信息,进行商品上架、删除和修改操作。
- 订单管理:查看用户订单信息。
安装使用步骤
环境准备
- 安装Node.js和npm(Node包管理器)。
- 安装MySQL数据库,并创建相应的数据库。
项目安装
- 将项目源码复制到本地。
- 在项目根目录运行
npm install
命令安装依赖。 - 在
config
文件夹中找到相关配置文件,配置后端数据库连接信息。 - 在项目根目录运行
node app.js
命令启动后端服务器。 - 使用Vue CLI或其他兼容工具启动前端开发服务器。
- 访问前端页面进行使用和测试。
注意,需确保已正确配置数据库信息,并创建相应的数据库表和字段。管理员账号和密码固定,请按项目配置信息登录管理。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】