最适合新手的SpringBoot+SSM项目《苍穹外卖》实战—(二)开发环境搭建

news/2024/11/23 16:46:02/

《苍穹外卖》开发环境搭建

    • 前端环境搭建
    • 后端环境搭建
      • 项目结构
        • sky-common 模块
        • sky-pojo 模块
        • sky-server 模块
      • Git 版本控制
        • 创建本地仓库
        • 创建远程仓库
        • 本地文件推送远程仓库
    • 数据库环境搭建
    • 前后端联调
    • 完善登录功能

黑马程序员最新Java项目实战《苍穹外卖》,最适合新手的SpringBoot+SSM的企业级Java项目实战。

前端环境搭建

前端工程基于 nginx 运行,因为《苍穹外卖》项目侧重于后端开发,所以黑马程序员给我们直接提供了前端的代码部分,我们只需要在本地搭建好前端环境,并运行起来,专注于后端开发即可。

  1. 在资源贴中下载前端工程资源并将其解压:

    image-20230706145045771

  2. 进入\nginx-1.20.2\html\sky 路径,可以看到打包好的项目目录结构如下:

    image-20230706145210945

  3. 那么我们需要将 nginx-1.20.2 目录移动到没有中文的目录下才能正常启动!!!

    image-20230706145641006

  4. 双击 nginx-1.20.2/nginx.exe 文件,窗口会一闪而过,之后访问浏览器地址【http://localhost/】:

    image-20230706190918716

  5. 此时,前端环境已经搭建完毕。

注:当前 Nginx 的配置文件中已经配置了反向代理,通过此配置可以将前端请求转发到后端服务。

后端环境搭建

项目结构

后端工程基于 maven 进行项目构建,并且进行分模块开发。项目的目录结构如下:

使用 IDEA 导入初始工程,项目的整体结构如下:

image-20230707173824880

对工程的每个模块作用说明:

序号名称说明
1sky-take-outmaven父工程,统一管理依赖版本,聚合其他子模块
2sky-common子模块,存放公共类,例如:工具类、常量类、异常类等
3sky-pojo子模块,存放实体类、VO、DTO等
4sky-server子模块,后端服务,存放配置文件、Controller、Service、Mapper等

对项目整体结构了解后,接下来我们详细分析上述的每个子模块:

sky-common 模块

sky-common 模块中存放的是一些公共类,可以供其他模块使用:

image-20230707174222358

分析sky-common模块的每个包的作用:

名称说明
constant存放相关常量类
context存放上下文类
enumeration项目的枚举类存储
exception存放自定义异常类
json处理 json 转换的类
properties存放 SpringBoot 相关的配置属性类
result返回结果类的封装
utils常用工具类

sky-pojo 模块

sky-pojo 模块中存放的是一些 entity、DTO、VO 类:

image-20230707174331434

分析sky-pojo模块的每个包的作用:

名称说明
Entity实体,通常和数据库中的表对应
DTO数据传输对象,通常用于程序中各层之间传递数据
VO视图对象,为前端展示数据提供的对象
POJO普通Java对象,只有属性和对应的getter和setter

sky-server 模块

sky-server 模块中存放的是 配置文件、配置类、拦截器、controller、service、mapper、启动类等:

image-20230707174415312

分析sky-server模块的每个包的作用:

名称说明
config存放配置类
controller存放controller类
interceptor存放拦截器类
mapper存放mapper接口
service存放service类
SkyApplication启动类

Git 版本控制

创建本地仓库

  1. 点击【VCS】、【创建 Git 仓库】:

    image-20230707174623594

  2. 选择当前项目,点击确定:

    image-20230707174957704

  3. 出现 git 提交按钮,本地仓库创建成功:

    image-20230707175044068

创建远程仓库

  1. 访问 https://gitee.com/,新建仓库,完善仓库信息:

    image-20230707175435482

  2. 点击创建:

    image-20230707175616876

本地文件推送远程仓库

  1. 添加远程仓库地址:

    test

  2. 点击 IDEA 菜单栏中的提交按钮:

    image-20230707180606108

  3. 选中【未进行版本管理的文件】,下方输入本次提交的注释,点击【提交并推送】【仍然提交并推送】:

    image-20230707181542000

  4. 点击推送:

    image-20230707181724513

  5. 推送完成,刷新远程仓库即可:

    image-20230707181817005

数据库环境搭建

  1. 下载数据库文件,【sky.sql】:

    image-20230707182801960

  2. 通过该 sql 文件直接可创建数据库,所以不需要提前创建数据库,直接使用 SQLYog 导入该文件执行即可:

    image-20230707182913115

  3. 执行完成后,共创建出11张表:

    image-20230707183028321

前后端联调

后端的初始工程中已经实现了登录功能,直接进行前后端联调测试即可。实现思路:

  1. 启动前端环境:

    image-20230706190918716

  2. 启动后端环境:

    image-20230707193351282

  3. 前端页面输入账号密码【账号:admin;密码:123456】进行登录:

    image-20230707193432469

完善登录功能

  1. 打开employee 表,修改数据库中明文密码,改为 123456 经过 MD5 加密后的密文【e10adc3949ba59abbe56e057f20f883e】:

    image-20230707201552385

  2. 修改 EmployeeServiceImpl 实现类中的用户登录逻辑的代码,调用 DigestUtilsmd5DigestAsHex() 方法将前端提交的密码进行 MD5 加密,再跟从数据库中查询的密码进行比对:

    public Employee login(EmployeeLoginDTO employeeLoginDTO) {......//密码比对// 对前端传过来的明文密码进行MD5加密处理password = DigestUtils.md5DigestAsHex(password.getBytes());if (!password.equals(employee.getPassword())) {//密码错误throw new PasswordErrorException(MessageConstant.PASSWORD_ERROR);}......
    }
    

http://www.ppmy.cn/news/766436.html

相关文章

存储过程遇到的问题:变量名与字符串重名导致SQL执行失效

在日常的数据库操作中,存储过程作为一种常见的自动化脚本工具,可以帮助我们更高效地完成复杂的数据操作。然而,在编写和使用存储过程时,我们可能会遇到一些问题。今天,我将分享一个关于存储过程的问题,以及…

计算机中是如何存储图片的,电脑如何保存图片

大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答。 电脑保存图片的方法是: 1、打开电脑桌面,然后选择图片,打开任意一张。 2、右键点击图片选择图片另存为。 3、在对话框里面,更改图片名…

动态图片保存电脑教程

一、选定图片,单击鼠标右键(直接点击另存为有时会保存成功,但是也会有失败的情况),选择“在新标签页中打开图片” 二、复制该图片的地址链接,注意链接尾部后缀名是否为.GIF 三、打开迅雷或者其他下载软件&a…

电脑端Ins图片保存

用谷歌浏览器打开Instagram,然后打开开发者工具。 点击上面的鼠标图案,移动到页面上的图片 在div上面的img标签,选中src里面的链接双击,复制出链接。放到浏览器上面,然后点保存就可以了。 还有更简单的方法&#x…

jpg格式电脑怎么弄_jpg格式图片电脑怎么弄

1、首先在电脑里面2113找到需要更改其他格式的图片,右键5261单击,选4102择打开方式。。2、在弹出来的打开方式里1653面选择画图。3、这样就在画图软件里面将这张图片打开了,接着点击画图左上角的文件选择另存为。4、然后在弹出来的保存类型里…

保存网页图片的八种方法

为了增加互动性和美观,现在的网页中都有许多精美的图片,这些都是网页制作者精心制作出来的,如果你想拿来为自己所用就必须把它们保存下来。另外,在一些电子书中也有精美的图片,为了防止有人复制,作者禁用了…

图片存放位置

图片资源应该尽量放在高密度文件夹下,这样可以节省图片的内存开支,而UI在设计图片的时候也应该尽量面向高密度屏幕的设备来进行设计。就目前来讲,最佳放置图片资源的文件夹就是mipmap-xxhdpi。那么有的朋友可能会问了,不是还有更高…

网页保存成图片

Chrome中网页保存成图片 1、F12 2、Ctrl Shift P 3、输入full firefox网页保存成图片 1、看下附加组件中是否有网页截图,如有,则直接使用即可,无,打开(或下载)就行 2、截图 (个人觉得firefox的截图比较灵活&#x…