首页
项目列表
订单查询
历史案例
项目定制
部署教程
联系我们
登录
文档详情
项目详细部署文档
azhou
2023-05-19
传统SSM项目部署文档-前后端不分离
项目搜索
项目推荐
基于SSM的教务管理系统
azhou
部署文档
2,585
2022-06-05
基于SpringBoot+Html的前后端分离的学习平台
azhou
部署文档
1,883
2022-05-17
基于SpringBoot+Vue前后端分离的学校心理健康测试系统
azhou
部署文档
1,737
2023-09-10
基于Springboot+vue的物流管理项目
azhou
部署文档
1,638
2022-07-12
基于SpringBoot的前后端分离的汽车维修系统
azhou
部署文档
1,323
2022-05-17
基于SSM的教务管理系统
azhou
部署文档
1,059
2022-06-29
如有问题需要咨询,请留下您的微信号
客服会添加您,为您服务!
提交
### 一、前置准备(软件环境) > 最好和azhou的环境保持一直,否则容易出现奇奇怪怪的问题 ##### 基础环境 - 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.首先在数据库种新建数据库(点击服务,鼠标右键选择新建数据库),命名随便,只是到时候后台配置文件中需要做相应的修改,这里建议新建的数据库库名和文件名一致即可 ![5.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/9d4e6981-7f2e-477c-82dc-f986770c3ca7_5.png) 2.双击新建的数据库,连接数据库,在数据库上鼠标右键选择运行SQL文件,选择sql文件,点击开始即可 ![6.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/e9da0c0b-0610-4c8b-805f-2b04436c83ba_6.png) **项目部署** 1.判断当前SSM项目的依赖是不是交给maven来进行管理的。判断方法:查看src目录同级是否存在pom.xml文件,存在pom.xml文件则说明是使用的maven来管理的项目。则需要进行步骤2,反之可跳过步骤2 ![7.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/5d1c93e4-fb1d-4dd4-85c9-ec0a941e3107_7.png) 2.使用idea打开项目,在file中选择设置,搜索maven,修改maven的地址,与使用的配置文件。(这里不修改也可以,但是可能会存在问题,而且如果maven使用的是国外的源地址会出现下载很慢的情况建议修改) maven的安装与配置详细教程:https://www.cnblogs.com/winton-nfs/p/15998904.html ![8.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/81b28a8d-8844-43d0-85a2-d57096fa113c_8.png) 3.添加tomcat ![9.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/25aac4a3-e62b-48ee-8fb1-9dd9edbec0d2_9.png) 4.配置Tomcat,如果之前电脑没有配置过Tomcat,配置方法只需要点击1按钮然后找到电脑的Tomcat所在的目录 tomcat安装:https://blog.csdn.net/rej177/article/details/126135033 ![10.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/6d6e338e-8383-4b5d-80b9-6b7688f1ddac_10.png) 5.点击deployment,再点击**+**号,选择带exploded结尾的文件导入即可,这一步可能会出现有人的电脑点击**+**号以后没有artifacts的选择,如果没有可以在根据教程6来导入artifacts文件,然后再回到这一步导入依赖即可 ![11.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/d11d3f96-1881-4e3e-8edf-19369a6daa98_11.png) 6.点击**file**,然后选择project structre,再选择artifacts,点击右侧的+号,然后选择Web Application:Exploded,再选择From Modules,点然后点击ok保存即可,保存完以后在Tomcat中便可以找到artifacts文件来进行导入了 ![12.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/0215cc18-4716-42a7-8465-0e5559de52c6_12.png) 7.可能有些人的这个WebRoot文件夹的图标不是这个样子的,这种情况是因为在项目的配置没有选的当前目录作为根目录,但是因为当前项目是前后端不分离的,页面文件都在WebRoot,所有必须以当前目录作为根目录,所有需要进行配置。 ![17.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/185d1436-58c0-414a-8414-97f97be13b3c_17.png) 配置方式如下,打开project structre找到Facets查看是否存在Web,如果不存在则需要点击+新增,如果存在可能是由于路径设置的不对,编辑path路径为WebRoot下面的WEB_INFO**下的web.xml文件的路径,然后修改下册的根目录将其修改为WebRoot的路径即可。 8.修改数据库配置,找到jdbc.properties文件,将数据库的连接信息修改为自己的 ![13.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/0d9b7690-b9f0-4722-89a7-a47e262286a3_13.png) 9.然后点击启动即可,到这一步后端算是启动成功了 ![14.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/531f965e-d4c3-47e4-83c3-7d0ae1f7bbe2_14.png) 番外篇: 可能有些人在启动Tomcat以后浏览器会自动打开如下的网页,这一步是因为在idea中设置了启动Tomcat后会自动打开项目地址,但是由于当前项目是前后端分离的项目故页面不在后端代码中故找不到,只需要在idea中的Tomcat将自动打开的勾选框给取消勾选即可,便不会在每次启动Tomcat后会自动打开网页 ![15.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/7510499a-6540-4e48-807d-0d8b5fa7935d_15.png) ![16.png](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-19/34ddfe5d-9868-409b-8e5a-6d77523def3f_16.png)