3.开发环境搭建

一、数据库环境搭建

(一)启动Navicat

  • 启动Navicat,创建myspl连接

在这里插入图片描述

(二)数据库设计

  • 数据库设计:概念设计(E-R图)、逻辑设计、物理设计

1、概念设计

  • ● 概念设计是数据库设计的核心环节。通过对用户需求进行综合、归纳与抽象,形成一个独立于具体DBMS的概念模型。
    (1)明确建模目标(模型覆盖范围)
    (2)定义实体集(自底向上标识和定义实体集)
    (3)定义联系(实体间关联关系)
    (4)建立信息模型(构造ER模型)
    (5)确定实体集属性(属性描述一个实体集的特征或性质)
    (6)对信息模型进行集成与优化(检查和消除命名不一致、结构不一致等)
  • 概念设计目前采用最广泛的是ER建模方法。将现实世界抽象为具有属性的实体及联系。1976年,Peter.Chen提出E-R模型(Entity- Relationship Model),即实体联系模型,用E-R图来描述数据库的概念模型。
  • 观点:世界是由一组称作实体的基本对象和这些对象之间的联系构成的。
  • 实体间的联系有三类:一对一联系(1:1)、一对多联系(1:n )、多对多联系(m:n)
  • E-R图示例(部分)
    在这里插入图片描述
  • 思维导图呈现
    在这里插入图片描述

逻辑设计

  • 将概念模型(如ER图)转化为DBMS支持数据库模型(如关系模型),并对其进行优化。
    在这里插入图片描述
(1)用户信息表

在这里插入图片描述

(三)创建数据库

  • 创建项目需要的数据库-reggie,字符集采用 utf8mb4
    在这里插入图片描述
  • 打开数据库 reggie
    在这里插入图片描述

(四)导入数据库脚本

(五)查看数据库中的表

  • 数据库reggie包含11张表
    在这里插入图片描述

二、Maven项目搭建

  • 两种常用项目构建工具
    在这里插入图片描述

(一)创建Maven项目

  • 创建Maven项目,配置项目信息
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述

(二)、检查检查项目编码、maven仓库配置以及jdk配置

  • 创建完项目之后,我们应该检查项目编码、maven仓库配置以及jdk配置
    在这里插入图片描述

  • 安装Maven软件
    在这里插入图片描述

  • 配置maven的环境变量
    在这里插入图片描述

  • 检验maven环境变量是否配置成功
    在这里插入图片描述

  • 在maven配置文件添加阿里镜像源
    在这里插入图片描述

  • 检查IntelliJ IDEA里maven仓库的配置
    在这里插入图片描述

  • 检查jdk配置情况
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

(三)添加项目相关依赖和插件

  • 在pom.xml文件里添加相关依赖和构建插件

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
         http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.4</version>
        <relativePath/>
    </parent>
    <groupId>net.hw</groupId>
    <artifactId>ReggieTakeOut</artifactId>
    <version>1.0-SNAPSHOT</version>
    <properties>
        <java.version>11</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.2.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.24</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba.fastjson2</groupId>
            <artifactId>fastjson2</artifactId>
            <version>2.0.14</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <version>3.12.0</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.2.12</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>2.7.4</version>
            </plugin>
        </plugins>
    </build>
</project>

(四)、创建应用属性文件

  • 在resources目录下创建应用属性文件 - application.yml
    在这里插入图片描述
#配置服务器
server:
  port: 8080  #端口号

#配置Spring框架
spring:
  application: ReggiedTakeOut #应用名称
  datasource: #数据源
    druid: #druid数据源
      driver-class-name: com.mysql.cj.jdbc.Driver #数据库驱动程序
      url: jdbc:mysql://localhost:3306/reggie #数据源地址
      username: root #用户名
      password: 903213 #密码

#配置mybatis-plus插件
mybatis-plus:
  configuration: #配置
    map-underscore-to-camel-case: true #将字段名映射成实体属性时,转换下划线,按照驼峰命名法映射
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #日志实现类
  global-config: #全局配置
    db-config: #数据库配置
      id-type: auto #数据库ID自增
  • mybatis-plus的IdType枚举类型 - 定义生成ID的类型
    在这里插入图片描述

(五)安装lombok插件

  • 在设置对话框里找到plugins,搜索lombok,单击绿色的Install按钮
    在这里插入图片描述
  • 单击绿色的Restart IDE按钮
    在这里插入图片描述

(六)创建启动主类

在这里插入图片描述

package net.cc;

import lombok.extern.slf4j.Slf4j;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * 功能:项目启动类
 * 作者:cc
 * 日期:2022年11月20日
 */
@Slf4j
@SpringBootApplication
public class ReggieTakeOutApplication {
    public static void main(String[] args) {
        SpringApplication.run(ReggieTakeOutApplication.class, args);
        log.info("瑞吉外卖项目启动成功~");
    }
}
  • log对象的四个方法
    在这里插入图片描述
  • 运行程序,查看效果
    在这里插入图片描述
  • 说明:如果启动项目失败,发现是端口8080被占用,如何处理?
  • 利用netstat命令查看是哪个进程占用了8080端口,查出来是PID = 10336
    在这里插入图片描述
  • ● 打开任务管理器,点开详细信息选项卡,找到进程号为10336的进程,然后结束任务即可

(七)拷贝静态资源和模板页面

  • 在前端资源里找到backend与frontend目录
    在这里插入图片描述
  • 将这两个目录拷贝到resources目录
    在这里插入图片描述
  • 测试能否访问模板页面 - 后端的首页 - index.html

在这里插入图片描述

  • 启动应用,在浏览器里访问http://localhost:8080/backend/index.html
    在这里插入图片描述
    在这里插入图片描述

(八)创建MVC配置类,做静态资源映射

  • 创建config子包,在包里创建WebMvcConfig
    在这里插入图片描述
  • 继承WebMvcConfigurationSupport类
    在这里插入图片描述
  • 添加方法,做静态资源映射
    在这里插入图片描述- 在方法里,添加两个资源映射:映射到前端和后端的静态资源
    在这里插入图片描述
  • 重启应用,可以看到调试信息 - 进行静态资源映射……
    在这里插入图片描述
  • 测试能否访问后端的首页 - /backend/index.html
    在这里插入图片描述
  • 测试能否访问前端的图片资源 - /frontend/images/demo1.png
    在这里插入图片描述
  • 项目基础环境就搭建好了,后面我们会在这个项目框架里去实现用户需求的具体功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值