简单的后台管理系统---前后端分离(SSM+Vue)

一、效果展示
1、登录界面
在这里插入图片描述

2、后台管理界面
在这里插入图片描述
二、工具介绍
1、后端
数据库:Mysql8.0.22
Web服务器:Tomcat8.5
集成开发工具:eclipse4.16.0
后端框架:SSM
项目类型:Dynamic Web Project
JDK:15.0.1
依赖:源码里
2、前端
项目类型:Vue-Cli
前端框架:Vue
组件框架:Element-UI
三、源码解析
1、前端和后端数据交流
前端发送Axios请求给后端,参数利用地址传参,后端接受到前端数据后,经过处理,返回Json数据。
2、后端数据处理过程(前后端未分离的流程图)
在这里插入图片描述
3、需要掌握知识

  • RESTful
  • SSM框架
  • Vue
  • Element-UI
  • Vue-cli
    4、了解知识
  • Node.js
  • webPack
    5、vue中的知识
  • router,嵌套路由
  • axios
  • 组件之间的传参–利用路由
  • vue的声明周期–为了加载界面的运行
    四、源码地址
    链接:https://pan.baidu.com/s/18qVk5NwWr3SLA661xJNKBA
    提取码:yqlp
    复制这段内容后打开百度网盘手机App,操作更方便哦
    五、启动项目
    1、数据库自己导入mysql数据库中
    2、后端的数据库密码改下自己的
    3、vue运行需要下载vue-cli和安以下步骤
# 进入项目目录
cd E:\Item\matchItem\master_front_end(自己安装的地址)

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev
  • 2
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值