一、前置准备(软件环境)

基础环境
  • JDK1.8(java基础环境)
  • MySQL5.7(数据库)
  • apache-tomcat-8.5(图片文件资源服务器)
  • apache-maven 3.6(java依赖)
  • Node 14.15.3(前端环境)
软件
  • idea 2020(需要装lombok插件,java代码编译工具)
  • Navicat Premium 12(数据库操作工具)

二、环境安装

jdk安装:https://blog.csdn.net/m0_61232019/article/details/126551390

mysql5.7安装:https://blog.csdn.net/m0_50089886/article/details/119984141

node安装:https://blog.csdn.net/m0_67392273/article/details/126113759

idea安装:http://www.itmind.net/19153.html

maven安装:https://blog.csdn.net/weixin_56800176/article/details/127949796

tomcat安装:https://blog.csdn.net/rej177/article/details/126135033

三、项目运行

前台部署

如果项目有两个前端页面,也用相同方式部署即可

1.找到前台页面所处的文件夹,在地址栏输入cmd进入命令提示符符界面

1.png

2.进入命令提示符以后,输入命令然后按回车键安装前台运行的依赖

npm install --registry=https://registry.npmmirror.com

2.png

3.成功安装依赖以后,运行启动命令运行项目,有与版本不同,所以启动的命令也不同,下面是俩个版本的命令,只需要分别尝试一下即可

npm run dev
npm run serve

4.启动项目后,会自动打开浏览器进入项目,若不小心退出浏览器可在命令提示符界面找到前台页面的地址

4.png

后台部署

1.首先在数据库种新建数据库(点击服务,鼠标右键选择新建数据库),命名随便,只是到时候后台配置文件中需要做相应的修改,这里建议新建的数据库库名和文件名一致即可

5.png
2.双击新建的数据库,连接数据库,在数据库上鼠标右键选择运行SQL文件,选择sql文件,点击开始即可

6.png

3.idea中修改maven配置(如果自己已经有修改maven配置可跳过当前步骤,修改配置的目的是为了,将依赖下载到指定文件夹中,并且使用国内的下载源,相比于国外的下载源的话国内的会快很多)

maven的安装与配置详细教程:https://www.cnblogs.com/winton-nfs/p/15998904.html

4.用idea打开项目,在file中选择设置,搜索maven,修改maven的地址,与使用的配置文件(这里不修改也可以,但是可能会存在问题,而且如果maven使用的是国外的源地址会出现下载很慢的情况建议修改)

7.png

5.修改数据库配置,找到resoure目录下的application.yml文件,打开后修改数据库配置,将数据库配置修改成你自己的,这里可能需要修改的有,账号、密码、地址、端口、数据库,名称

8.png
6.启动Tomcat,并且将Tomcat默认启动端口修改为8092,这里Tomcat是用作文件服务器,在项目中的文件和图片的上传保存在此处

Tomcat的安装与配置详细教程:https://blog.csdn.net/qq_42257666/article/details/105701914

安装完以后修改Tomcat文件夹下的 conf/server.xml 文件,将8080修改为8092

9.png

7.修改完以后启动Tomcat,双击运行Tomcat目录下bin/startup.bat文件,到这一步文件服务器便启动成功了

10.png

8.修改resoure目录下的application.yml文件,将文件服务器的地址修改问本地的,注意这里的地址需要用双反斜杠隔开,具体可参看如下图片(只需要修改到webapps文件夹前即可)

11.png

9.将数据库配置和文件服务的配置都修改完以后,便可以启动后台项目了,找到带有@SpringBootApplication注解的文件,这里文件一般与Controller平级,然后点击运行即可,至此,整个项目便启动成功了

12.png

四、项目启动认证

打开浏览器输入页面网址即可(例如:此文档中项目运行中前台部署截图)

Logo

前往低代码交流专区

更多推荐