> 文章列表 > 项目笔记-瑞吉外卖

项目笔记-瑞吉外卖

项目笔记-瑞吉外卖

文章目录

  • 1.业务开发
    • day01
      • 1.软件开发整体介绍
      • 2.项目整体介绍:star:
      • 3.开发环境搭建
      • 4.登录功能:star
      • 5.退出功能
      • 6.页面效果出现

1.业务开发

day01

1.软件开发整体介绍

项目笔记-瑞吉外卖

2.项目整体介绍⭐️

  • 后端:管理菜品和员工信息
  • 前台:通过手机端,可以浏览菜品和添加客户端

开发项目流程:

  1. 实现基本需求,用户能在手机浏览器访问
  2. 对移动端应用改进,使用微信小程序实现
  3. 对系统进行优化升级,提高系统的使用性能

技术选型:

项目笔记-瑞吉外卖

功能架构:

项目笔记-瑞吉外卖

角色:

项目笔记-瑞吉外卖

3.开发环境搭建

  • 涉及数据库 + maven
  1. 数据库表介绍:

    项目笔记-瑞吉外卖

  2. Maven项目搭建

    • 第一步,先创建一个maven空项目,然后设置好pom.xml文件和application.yml文件
    • 第二步,配置springboot环境,启动测试
    • 第三部,导入前端静态资源,加入配置类来将浏览器路径和本地项目文件路径做匹配
    @Slf4j
    @Configuration
    public class WebMvcConfig extends WebMvcConfigurationSupport {/*** 设置静态资源映射* @param registry*/@Overrideprotected void addResourceHandlers(ResourceHandlerRegistry registry) {log.info("开始进行静态资源映射...");registry.addResourceHandler("/backend/**").//浏览器地址栏//映射到真实的路径(映射的真实路径末尾必须添加斜杠`/`)addResourceLocations("classPath:/backend/");//这里不要加空格符,贴着放registry.addResourceHandler("/front/**").addResourceLocations("classpath:/front/");}
    }
    

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

4.登录功能:star

查看项目代码的一般逻辑:

​ 前端html界面,找到响应的元素,找到对应的js动态方法,分析发送(Ajax)请求到后端的过程,处理好后端代码,返回处理的R对象给前端来判断使用(判断运用是否正确),最后前端再决定跳转到哪一个界面

  1. 需求分析

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

    前端代码

    项目笔记-瑞吉外卖

  2. 功能结构

    项目笔记-瑞吉外卖

4.1代码实现

  1. 导入通用返回结果类R类

    ​ 前端代码与R类关系

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

    R类

    项目笔记-瑞吉外卖

  2. 梳理登录方法逻辑

    项目笔记-瑞吉外卖

  3. 代码实现

    项目笔记-瑞吉外卖

5.退出功能

  1. 功能逻辑

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

6.页面效果出现

  • index.html

    menuList属性值封装了不同页面的信息

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

    项目笔记-瑞吉外卖

[外链图片转存中…(img-SsHpMB2w-1682243792327)]

[外链图片转存中…(img-szAjwbN6-1682243792328)]

[外链图片转存中…(img-w6RMedsH-1682243792328)]