vue-element-ui电商管理系统(实现功能前的前端与后端配置)

一、项目初始化

image.png

1.cmd输入命令vue ui进入vue脚手架

image.png

2.创建项目

image.png

  • 可以使用以前保存的预设,也可以自己手动配置

image.png

image.png

image.png

  • 可选择保存预设或不保存,都可以
  • 安装插件element-ui

image.png

  • 安装axios依赖

image.png

  • 配置公钥

image.png

  • 创建仓库

image.png

  • 刷新页面看创建仓库是否成功

image.png

二、后台项目的环境安装配置

image.png

  • 新建数据库mydb(数据库名字必须与sql文件的文字一样)
  • 导入数据(运行mydb.sql文件),在数据库名称上右击鼠标,选择“运行SQL文件”,找到mydb.sql文件,开始运行,运行成功后点开数据库中的表,会出现数据

(mydb.sql文件是从网上找的)

image.png

  • 找到下载的api-server文件,打开powershell窗口,先执行npm install命令安装需要的依赖包,再运行app.js文件,启动项目

image.png

image.png
image.png
如果没有报错,且返回上图信息时,就说明项目启动成功

  • 根据接口文档,使用Postman测试登录接口

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享