总结下从0到1,整个项目开发一个上传图片功能,集成ssm框架,这里细讲所有的流程点,会很长很长,主要是给初入门看
工具:tomcat8.5.8,maven,idea
web工程,maven ssm
1.环境搭建
代码未动,数据库先行,为了图片上传将图片存储到数据库,所以数据库必须先走,这里我只设计简单的表

我用的navicat mac版,数据库是线上的,我买的小水管阿里服务器,大家可以用本地的,
注意mac版ddl语句在设计表->右侧小图标处,createTime,updateTime用的是Date参数,新手一定要自己手动设计数据库,不要一直导sql文件


数据库弄好就可以使用mybatis-generator逆向生成dao,mapper,pojo,这个后续再说,我们需要的是搭建环境



这里maven的setting.xml里面用了阿里源,配一下,加快下载速度,不配很多人会卡在download plugns for webapps


然后自己配好项目根路径,打开后等待下载默认依赖,这段时间会比较长,建议玩会儿手机

下载完如图:

没有项目主目录,

新建java文件和resources文件,分别标记为source,resources

注意:source和resources都是虚拟文件,在编译成class文件后,这两个文件夹是不存在的


然后配置一下tomcat,让项目能够发布到tomcat容器下

如果+下面没有tomcat选项,另外配一下:
这篇文章的第二个手动配置方法很有用
没有tomcat选项帮助链接
选择上面Ok后会创建tomcat容器,

有一点,application server这个地方还是手动配置一个tomcat容器比较好,然后修改tomcat->conf->server.xml 添加uri编码,处理中文地址
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" URIEncoding="UTF-8" />
这里选*:war,发布到我们自己的tomcat中

这里选择hotswapclasses,让idea运行tomcat默认热部署,频繁修改代码时可以将on frame deactivation也改成这个

注意给tomcat该项目添加默认项目名

运行tomcat


至此,容器环境配置完毕,tomcat运行,下一章,开始配置需要的依赖,我会一个一个讲过去每个依赖有什么用
网友评论