sa-plus 框架开发教程 之 搭建本地开发环境

sa-plus 框架开发教程 之 搭建本地开发环境

首先要感谢sa-plus的贡献着们,感谢你们慷慨奉献。
闲话少说,直接开始我们的教程内容。

一、获取源码

  1. 官网地址
    http://sa-plus.dev33.cn/
    打开官网页面会看到源码的获取方式
    在这里插入图片描述
  2. 在线文档
    官网首页我们同样可以看到在线文档的连接
    在这里插入图片描述

二、本地跑起来

我的方式是先从githup上将源码包下载下来(下载之前不要忘记Start呦)
然后按照在线文档中的导入项目方法进行搭建。

  1. 目录结构
    在这里插入图片描述
    上面三个目录是我们成功跑起应用的关键文件。其他目录后期文章更新,主要我也是刚熟悉。
    注意:该框架是采用前后端分离架构,如果不熟悉前后端分离架构,那么本地搭建可能会遇到困难。因为传统的web应用都是把后端代码和前端页面放到一个web应用中。这个需要自己下去补课了。
  • doc: 存放的是数据库脚本
  • sp-admin:是管理界面的UI,主要是用vue开发的。
  • sp-server:接口服务端代码。
  1. ide中导入服务端代码
    我用的ide是idea,如下图:
    在这里插入图片描述
    springboot的标准结构,这个无需多讲。
    打开application-dev.yml我们可以看到相关的配置信息。关键信息就是数据库的配置。我们可以看到有MySQL的连接配置和redis的连接配置。因此要想使应用成功跑起来,MySQL和redis必须提前安装成功。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    以上条件都具备,我就可以运行后端接口程序了。
    在这里插入图片描述
    到此后端的接口应用就算搭建成功了。
  2. 前端管理界面。
    上面目录结构中我们提到过前端UI包:sp-admin
    直接点击login.html,进行登录
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    查看服务端控制台输出,可以看到前后端通信成功。
    到此整个sa token 基础开发环境就算搭建完成。

后续还有接口,代码生成等功能需要学习,期待下一篇文章吧。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值