一、前置准备(软件环境)
基础环境
- 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.首先在数据库种新建数据库(点击服务,鼠标右键选择新建数据库),命名随便,只是到时候后台配置文件中需要做相应的修改,这里建议新建的数据库库名和文件名一致即可
2.双击新建的数据库,连接数据库,在数据库上鼠标右键选择运行SQL文件,选择sql文件,点击开始即可
项目部署
1.判断当前SSM项目的依赖是不是交给maven来进行管理的。判断方法:查看src目录同级是否存在pom.xml文件,存在pom.xml文件则说明是使用的maven来管理的项目。则需要进行步骤2,反之可跳过步骤2
2.使用idea打开项目,在file中选择设置,搜索maven,修改maven的地址,与使用的配置文件。(这里不修改也可以,但是可能会存在问题,而且如果maven使用的是国外的源地址会出现下载很慢的情况建议修改)
maven的安装与配置详细教程:https://www.cnblogs.com/winton-nfs/p/15998904.html
3.添加tomcat
4.配置Tomcat,如果之前电脑没有配置过Tomcat,配置方法只需要点击1按钮然后找到电脑的Tomcat所在的目录
tomcat安装:https://blog.csdn.net/rej177/article/details/126135033
5.点击deployment,再点击**+号,选择带exploded结尾的文件导入即可,这一步可能会出现有人的电脑点击+**号以后没有artifacts的选择,如果没有可以在根据教程6来导入artifacts文件,然后再回到这一步导入依赖即可
6.点击file,然后选择project structre,再选择artifacts,点击右侧的+号,然后选择Web Application:Exploded,再选择From Modules,点然后点击ok保存即可,保存完以后在Tomcat中便可以找到artifacts文件来进行导入了
7.可能有些人的这个WebRoot文件夹的图标不是这个样子的,这种情况是因为在项目的配置没有选的当前目录作为根目录,但是因为当前项目是前后端不分离的,页面文件都在WebRoot,所有必须以当前目录作为根目录,所有需要进行配置。
配置方式如下,打开project structre找到Facets查看是否存在Web,如果不存在则需要点击+新增,如果存在可能是由于路径设置的不对,编辑path路径为WebRoot下面的WEB_INFO**下的web.xml文件的路径,然后修改下册的根目录将其修改为WebRoot的路径即可。
8.修改数据库配置,找到jdbc.properties文件,将数据库的连接信息修改为自己的
9.然后点击启动即可,到这一步后端算是启动成功了
番外篇:
可能有些人在启动Tomcat以后浏览器会自动打开如下的网页,这一步是因为在idea中设置了启动Tomcat后会自动打开项目地址,但是由于当前项目是前后端分离的项目故页面不在后端代码中故找不到,只需要在idea中的Tomcat将自动打开的勾选框给取消勾选即可,便不会在每次启动Tomcat后会自动打开网页