本文章为对 黑马程序员Java项目实战《瑞吉外卖》的学习记录
项目效果展示:
![](https://img-blog.csdnimg.cn/9aa45179cec64d0286ee6fdfb5ac4ae7.png)
![](https://img-blog.csdnimg.cn/0f367d5d0c19423ba6dcb3dc405d8e70.png)
目录
一、软件开发整体介绍
1、软件开发流程
2、角色分工
3、软件环境
二、瑞吉外卖项目介绍
1、项目介绍
2、产品原型展示
3、技术选型
4、功能架构
5、角色
三、开发环境搭建
1、数据库环境搭建
2、maven项目搭建
一、软件开发整体介绍
![](https://img-blog.csdnimg.cn/07985400944b4e87969ed07f6364f658.png)
1、软件开发流程
需求分析 -> 设计 -> 编码 -> 测试 -> 上线运维
![](https://img-blog.csdnimg.cn/2798775b08924c648b51636653a0a5e4.png)
2、角色分工
项目经理(PL)、产品经理(PM)、UI设计师、架构师、开发工程师、测试工程师、运维工程师
![](https://img-blog.csdnimg.cn/15a347c105694541a4fec5ac10bf0dc5.png)
3、软件环境
开发环境(development)、测试环境(testing)、生产环境(production)
![](https://img-blog.csdnimg.cn/83005e01f49b4ad08c54bd5cb11bbdf4.png)
二、瑞吉外卖项目介绍
![](https://img-blog.csdnimg.cn/0a69a8acf71f451a9a6642dcb659b2fe.png)
1、项目介绍
![](https://img-blog.csdnimg.cn/aa4ae0166b5147f7be3c5a0db32808f4.png)
页面展示:(管理后台) |
![](https://img-blog.csdnimg.cn/35b4502b6f954268b4e81b634fd638d8.png) |
页面展示:(移动端应用界面) |
![](https://img-blog.csdnimg.cn/6bdb275ba50b4211b5eb2e2083eff7bf.png) |
2、产品原型展示
前端产品原型:
管理端产品原型: |
![](https://img-blog.csdnimg.cn/2f44d819e65b456fb7537dcb2ff2e885.png) |
用户端产品原型: |
![](https://img-blog.csdnimg.cn/47a74b00737b4a57bd6eb6f919ab756e.png) |
3、技术选型
![](https://img-blog.csdnimg.cn/37a23ffff0cc4403a1d98acbbed8525a.png)
4、功能架构
主要分为两部分,前台(用户)和后台(管理者)
![](https://img-blog.csdnimg.cn/2266be2a9d3e44db8b2930938dcce4ae.png)
5、角色
后台系统管理员、后台系统普通员工、C端用户
![](https://img-blog.csdnimg.cn/80cf567c7ed94e21be2f052b7edc6404.png)
三、开发环境搭建
![](https://img-blog.csdnimg.cn/89ab853473354d70bc6546dc178aae8d.png)
1、数据库环境搭建
Ⅰ、创建数据库: |
![](https://img-blog.csdnimg.cn/8049ef2ed2404aeeae9ea05aaa69daa0.png) |
Ⅱ、导入表结构: |
![](https://img-blog.csdnimg.cn/7638529a36414e149c616e5e56a32c84.png) |
Ⅲ、数据表说明: |
![](https://img-blog.csdnimg.cn/abc407c8d0c543f28c0a1121bb8a1ba2.png) |
2、maven项目搭建
具体创建步骤:
Ⅰ、创建一个 Maven 项目: |
![](https://img-blog.csdnimg.cn/f7c832f0267f436cb42c8fe4b129da46.png) - 检查maven仓库配置: ![](https://img-blog.csdnimg.cn/28e228bdeb874c819c35d434637b2c51.png) - 检查 JDK 配置: ![](https://img-blog.csdnimg.cn/16fdd7cb582f4b658bdd03692b3b103c.png) ![](https://img-blog.csdnimg.cn/e6d6535ec6034bd1b6f8d1d892313827.png) |
Ⅱ、导入 pom.xml 文件: |
![](https://img-blog.csdnimg.cn/24ef92185f7940e69bc9585dcc06def4.png) |
Ⅲ、导入 application.yml 配置文件: |
![](https://img-blog.csdnimg.cn/58ebcc1b7fed4b19be454835835ca0e2.png) |
Ⅳ、编写启动类:(com.itheima.reggie) |
![](https://img-blog.csdnimg.cn/a5d098b880c247bbbd819e450d8d78f9.png) 运行启动: ![](https://img-blog.csdnimg.cn/b9834ce6a6654c1bacd0a62e3db16be4.png) |
后续:
Ⅴ、导入前端静态页面: |
![](https://img-blog.csdnimg.cn/56592822b2a24fc98e516f236033278e.png) Note:但由于在默认情况下,静态资源一般是放在 static\ public \ templates,如果不将前端资源存放在以上目录中,那么我们在启动项目,使用 Tomcat 服务器时也将访问不到这些资源。 Solution:我们可以通过一个配置类的方法来解决这种 资源映射 的问题。 示例:创建config类(MyWebMvcConfig) ![](https://img-blog.csdnimg.cn/089555e99be84ff8882ba5dfdbd706bc.png) 这段代码意思就配置一个拦截器, 如果访问路径是 addResourceHandler 中的 filepath 这个路径 那么就 映射到访问本地的 addResourceLocations 的参数的这个路径上,这样就可以让别人访问服务器的本地文件了,比如本地图片或者本地音乐视频什么的。 |
Ⅵ、编写配置类(WebMvcConfig),来实现指定静态资源映射: |
![](https://img-blog.csdnimg.cn/0d7eb6de9d0f4cff8bc2428994c98493.png) |
Note:在 SpringBoot 中自定义静态资源位置和映射 参考资料:Spring Boot 中的静态资源到底要放在哪里? |
在 Spring Boot 中,默认情况下,一共有5个位置可以放静态资源,五个路径分别是如下5个:
- classpath:/META-INF/resources/
- classpath:/resources/
- classpath:/static/
- classpath:/public/
- /
前四个目录好理解,分别对应了resources目录下不同的目录,第5个 / 是啥意思呢?我们知道,在 Spring Boot 项目中,默认是没有 webapp 这个目录的,当然我们也可以自己添加(例如在需要使用JSP的时候),这里第5个 / 其实就是表示 webapp 目录中的静态资源也不被拦截。如果同一个文件分别出现在五个目录下,那么优先级也是按照上面列出的顺序。 |
而 SpringBoot 在配置文件中定义的方式比较简单,如下: |
第一种方式:(application.properties) |
spring.resources.static-locations=classpath:/ spring.mvc.static-path-pattern=/** 第一行配置表示定义资源位置,第二行配置表示定义请求 URL 规则。 以上文的配置为例,如果我们这样定义了,表示可以将静态资源放在 resources 目录下的任意地方,我们访问的时候当然也需要写完整的路径,例如在 resources/static目录下有一张名为1.png 的图片,那么访问路径就是 http://localhost:8080/static/1.png |
当然,在Spring Boot中我们也可以通过 Java代码来自定义,方式和上面的配置类形式相同: |
第二种方式:Java配置类(config) |
![](https://img-blog.csdnimg.cn/a6b4162212a448ed809ecc694f2bcb9c.png) |
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)