10分钟构建前后端分离后台管理系统

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 Redis 版,社区版 2GB
推荐场景:
搭建游戏排行榜
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: 10分钟构建前后端分离后台管理系统

Git配置


配置 Git


通过配置git,能让我们提交代码的时候显示我们的在这里设置的名字


# 配置用户名
git config --global user.name "username" //(名字)
# 配置邮箱
git config --global user.email "username@email.com" //(注册账号时用的邮箱)


配置 Ssh 免密登录


这里-C指定的为邮箱地址


ssh-keygen -t rsa -C "mildcaq@163.com"
一路回车

查看公钥

cat ~/.ssh/id_rsa.pub

测试

image.png


在gitee设置
用 ssh -T git@gitee.com 测试登录
成功会出现如下:
Hi 彭于晏! You've successfully authenticated, but GITEE.COM does not provide shell access.


Gitee配置


gitee为代码托管平台,在这里代码可以更灵活的合作开发、代码回滚等等

image.png


从Gitee导入代码到IDEA


image.png


建立项目基本架构


image.png


提交代码到gitee


image.png


初始化数据库


这里数据库我们采用docker中部署的mysql

设置每次重启后自动启动

[root@queen ~]# docker update redis --restart=always
redis
[root@queen ~]# docker update mysql --restart=always
mysql

重启虚拟机看是否重新启动

[root@queen ~]# docker ps
CONTAINER ID   IMAGE       COMMAND                  CREATED       STATUS              PORTS                                                  NAMES
d82881d71fba   redis       "docker-entrypoint.s…"   5 hours ago   Up About a minute   0.0.0.0:6379->6379/tcp, :::6379->6379/tcp              redis
f8bb0bf0b68a   mysql:5.7   "docker-entrypoint.s…"   5 hours ago   Up About a minute   0.0.0.0:3306->3306/tcp, :::3306->3306/tcp, 33060/tcp   mysql


快速搭建后台管理系统


太强了,这一波操作直接颠覆我的认知好吧,我之前做都是用vue-template这个,不得不说有点麻烦

image.png


下载代码


  • 通过git clone
  • 这里通过git clone下载的代码我们可以直接下载桌面,然后分别导入之后直接删除即可
  • 在gitee直接下载
  • 用IDM下载还是比较快的!

image.png


导入后端代码


1.创建基础架构

image.png

2.引入外部模块

gitee.com/renrenio/re…

gitee.com/renrenio/re…

gitee.com/renrenio/re…

以上分别是:

  • 后端代码
  • 前端代码
  • 代码生成器

git克隆到桌面,拷贝文件夹到项目文件夹,删除桌面文件

image.png

3.导入数据,修改配置文件

这里的数据库都是Docker启动的Mysql

image.png

4.修改配置文件

改成 自己的mysql容器地址,还要指定数据库名


url: jdbc:mysql://192.168.1.12:3306/mall-admin?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai

5.启动测试

image.png


导入项目后的pom问题


<relativePath></relativePath>这个作用是不依赖本地parent pom,直接从reposity拉取

不继承父类,相当于用自己的


<parent>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-parent</artifactId>
   <version>2.6.6</version>
   <relativePath></relativePath>
</parent>


插件下载失败


其中docker的插件版本选择1.2.2可下载

有以下几种方式调试:

  • 设置多maven地址
  • 设置maven自动导入,删除本地这个包让他重新下载
  • 每次更改都要刷新、重启IDEA
  • 删除项目,重新克隆到本地

image.png


导入前端代码


npm config set registry http://registry.npm.taobao.org/
npm install #在下载的前端项目根目录下
npm run dev #启动前端项目

如果上面不行可以采用

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install node-sass --save
npm run dev #启动前端项目

安装成功出现如下提示:

DONE  Compiled successfully in 14998ms                 9:25:32
 I  Your application is running here: http://localhost:8001

启动测试:

image.png


npm install失败


开启v2ray等你懂得的软件,没有的话通过

清理缓存:npm rebuild node-sass npm uninstall node-sass

重新下载:npm i node-sass --sass_binary_site=npm.taobao.org/mirrors/nod…

再次npm install 直到成功

还是失败?

删除node_moudle模块删除重新npm install



相关实践学习
基于Redis实现在线游戏积分排行榜
本场景将介绍如何基于Redis数据库实现在线游戏中的游戏玩家积分排行榜功能。
云数据库 Redis 版使用教程
云数据库Redis版是兼容Redis协议标准的、提供持久化的内存数据库服务,基于高可靠双机热备架构及可无缝扩展的集群架构,满足高读写性能场景及容量需弹性变配的业务需求。 产品详情:https://www.aliyun.com/product/kvstore &nbsp; &nbsp; ------------------------------------------------------------------------- 阿里云数据库体验:数据库上云实战 开发者云会免费提供一台带自建MySQL的源数据库&nbsp;ECS 实例和一台目标数据库&nbsp;RDS实例。跟着指引,您可以一步步实现将ECS自建数据库迁移到目标数据库RDS。 点击下方链接,领取免费ECS&amp;RDS资源,30分钟完成数据库上云实战!https://developer.aliyun.com/adc/scenario/51eefbd1894e42f6bb9acacadd3f9121?spm=a2c6h.13788135.J_3257954370.9.4ba85f24utseFl
相关文章
|
7月前
|
资源调度 关系型数据库 MySQL
若依框架部署从零开始2023版(前后端分离)
电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。
382 0
|
9月前
12 个非常适合做项目的开源后台管理系统
12 个非常适合做项目的开源后台管理系统
723 0
|
9月前
|
JavaScript
Vue搭建通用后台管理系统项目实战
Vue搭建通用后台管理系统项目实战
68 0
|
7天前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
28 1
|
13天前
|
JavaScript API 开发工具
记一次后台管理脚手架选型过程
面对大屏支持不足的vue移动端项目,业务部门要求改进。原项目优化困难,决定重构。选型阶段,因业务类似后台管理,选择vue框架。在git和gitee上对比了两款脚手架,最终选定[ pure-admin-thin ](https://github.com/pure-admin/pure-admin-thin)因其频繁更新、先进框架和丰富文档。选型关键在于资料易得性、框架时效性和维护者信誉。欢迎评论区提供反馈和建议。
26 1
|
19天前
|
前端开发
基于Jeecgboot前后端分离的聊天功能集成(二)
基于Jeecgboot前后端分离的聊天功能集成(二)
15 0
|
19天前
|
前端开发 API
基于Jeecgboot前后端分离的聊天功能集成(一)
基于Jeecgboot前后端分离的聊天功能集成(一)
19 0
|
19天前
|
前端开发 NoSQL Java
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
122 0
|
19天前
|
前端开发 关系型数据库 数据库连接
项目重构,从零开始搭建一套新的后台管理系统(后端版)
项目重构,从零开始搭建一套新的后台管理系统(后端版)
148 0
|
11月前
|
存储 前端开发 JavaScript
若依权限系统分析(前后端分离版)
若依权限系统分析(前后端分离版)
457 1