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

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 Tair(兼容Redis),内存型 2GB
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
简介: 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
相关文章
12 个非常适合做项目的开源后台管理系统
12 个非常适合做项目的开源后台管理系统
1142 0
|
6月前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
278 1
|
6月前
|
资源调度 前端开发 Java
基于Jeecgboot前后端分离的流程管理平台演示系统安装(二)
基于Jeecgboot前后端分离的流程管理平台演示系统安装(二)
77 1
|
6月前
|
网络协议 Java 网络安全
基于Jeecgboot前后端分离的流程管理平台演示系统安装(一)
基于Jeecgboot前后端分离的流程管理平台演示系统安装(一)
45 1
|
6月前
|
JavaScript API 开发工具
记一次后台管理脚手架选型过程
面对大屏支持不足的vue移动端项目,业务部门要求改进。原项目优化困难,决定重构。选型阶段,因业务类似后台管理,选择vue框架。在git和gitee上对比了两款脚手架,最终选定[ pure-admin-thin ](https://github.com/pure-admin/pure-admin-thin)因其频繁更新、先进框架和丰富文档。选型关键在于资料易得性、框架时效性和维护者信誉。欢迎评论区提供反馈和建议。
117 1
|
6月前
|
资源调度 前端开发 jenkins
基于Jeecgboot前后端分离的流程管理平台演示系统安装(四)
基于Jeecgboot前后端分离的流程管理平台演示系统安装(四)
57 1
|
6月前
|
前端开发 jenkins Java
基于Jeecgboot前后端分离的流程管理平台演示系统安装(三)
基于Jeecgboot前后端分离的流程管理平台演示系统安装(三)
46 1
|
6月前
|
jenkins 持续交付
基于Jeecgboot前后端分离的流程管理平台演示系统安装(五)
基于Jeecgboot前后端分离的流程管理平台演示系统安装(五)
31 0
基于Jeecgboot前后端分离的流程管理平台演示系统安装(五)
|
6月前
|
前端开发 API
基于Jeecgboot前后端分离的聊天功能集成(一)
基于Jeecgboot前后端分离的聊天功能集成(一)
205 0
|
6月前
|
前端开发
基于Jeecgboot前后端分离的聊天功能集成(二)
基于Jeecgboot前后端分离的聊天功能集成(二)
100 0