你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

nanjustar 楠橘星后台管理系统(简洁版)使用导航

2021/11/20 16:43:18

hello,大家好!接下来来教大家如何使用楠橘星后台管理系统!

传送门: 💫💫💫 https://gitee.com/duan_nan/nanjustar-template 💫💫💫

**如果对大家有帮助,不妨去点上一个小小的Star来支持一下楠橘星哦!**🤗
在这里插入图片描述

一、搭建过程

1-1、项目拉取

  1. 我们直接进入到Gitee目录中,直接点击。 克隆/下载 ⇒ 下载ZIP
  2. 使用 git clone https://gitee.com/duan_nan/nanjustar-template.git 进行项目的拉取! 🌈
    在这里插入图片描述

此处使用了git进行代码的克隆拉取🌟

在这里插入图片描述

我们可以看到代码已经成功拉取到了🤗

在这里插入图片描述

1-2、数据库导入

我们打开Navicat 或者其他数据库软件新建数据库
此处我们新建一个名为 nanjustar-template 的数据库(当然名字可以随便)☀️

在这里插入图片描述

直接执行Sql文件 或者 使用查询进行数据导入

在这里插入图片描述

这里我们直接执行sql文件,刷新之后即可查看到数据表
这样我们的数据库就成功导入了

在这里插入图片描述
在这里插入图片描述

1-3、启动后端项目

使用 IDEA 打开编译器,我们打开 nanjustar 项目,这是我们后端的项目!⛅️

在这里插入图片描述
在这里插入图片描述

自动下载依赖文件,后端依赖比较多,可能需要几分钟时间下载(前提是Maven 正确配置,一般使用阿里云镜像地址)❤️

在这里插入图片描述

依赖下载完成之后我们打开 nanjustar-mapper 层,修改 application-mapper.yml 配置文件
username: 数据库用户名。password:数据库密码。 url:如果数据库在服务器上则填写 服务器ip:3306/+数据库名称 若是本地则只用修改数据库名称😘


在这里插入图片描述

然后我们去 nanjustar-business 模块中修改 reids端口
若是本地则在本地启动redis服务😇

在这里插入图片描述
在这里插入图片描述

最后我们去nanjustar-web 启动项目🤓

在这里插入图片描述

控制台出现 ~~~楠橘星启动成功~~~ 字样说明启动成功!
访问 localhost:9090. 出现 欢迎使用 楠橘星 后台管理系统!进入 www.nanjustar.top 了解更多信息! 说明后端项目启动完成

在这里插入图片描述
在这里插入图片描述

1-4、启动前端项目

我们打开前端项目 nanjustar-admin ,执行命令 npm installcnpm install来拉取依赖(cnpm install 拉取依赖会快很多)🥰

在这里插入图片描述
在这里插入图片描述

依赖拉取成功之后项目会出现node_moudles目录

在这里插入图片描述

运行程序

  1. 在控制台输入 npm run serve
  2. 点击 package.json 中的箭头 (WebStorm中支持)

在这里插入图片描述

项目启动成功会出现如下信息

在这里插入图片描述

我们可以选择是通过本地启动 http://localhost:2048/
也可以选择本地局域网启动 http://192.168.31.188:2048/
登陆进入 😜

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

结尾

传送门: 💫💫💫 https://gitee.com/duan_nan/nanjustar-template 💫💫💫
如果本系统对大家有所帮助,希望大家可以点一个小小的star🌟,这将成为我继续前进完善本系统的动力🤩