用户中心_上

用户中心概述

了解项目思路,接触企业级开发技术,轻松写出管理系统

企业开发项目流程

需求分析=> 设计(概要设计、详细设计) =>技术选型 =>初始化/引入需要的技术 =>写demo =>写代码=>(实现业务逻辑) =>测试(单元测试) =>代码提交/代码评审 =>部署 =>发布

需求分析

1. 登录/注册
2. 用户管理(仅管理员)对用户的查询和修改
3. 用户校验(仅限星球用户)

技术选型

前端: 三件套+React+组件库+Ant Design+ UMi+Ant Design Pro(现成的管理系统)

后端:Java+ SSM+ MybatisPlus+SpringBoot +MySQL

部署:服务器+容器(平台)

计划

1. 初始化项目
   1. 前端初始化 √
      1. 初始化项目 √
      2. 引入一些组件 √
      3. 框架介绍/项目瘦身 √
   2. 后端初始化
      1. 准备环境
2. 登录/注册
   1. 前端
   2. 后端
3. 用户管理(仅管理员可见)
   1. 前端
   2. 后端

开发:

1.前端

1. 初始化项目

   • ant design pro 前端设计开发解决方案

2. 引入组件

   • npm/yarn 包管理工具

   • umi(软件原因:未显示图标)

     1.]: 开发过程中不会用到,不用纠结 “umi”
     2.]: 拉取模板,自动生成代码(git拉取) “umi”

3. 组件瘦身

   1. 移除国际化 locales文件夹()
   2. 删除jest文件

前端初始化完成

---

2.后端

2.1 后端初始化

1. 配置环境(MySQL5.7安装)

(直播带货: 倍轻松护眼仪>500)

1. Springboot初始化项目
   • Github
   • Springboot官方的模板生成器
   • IDEA

​ 选择依赖

3.安装Mybatis-plus

• 初始化项目
• 添加依赖,刷新maven

  <dependency>
        <groupId>com.baomidou</groupId>
        <artifactId>mybatis-plus-boot-starter</artifactId>
        <version>3.5.1</version>
    </dependency>

<不要看过期的书籍,一年以前>技术更新迭代很快

• 添加Mapperscan注解

• 数据库连接地址

  url: jdbc:mysql://localhost:3306/yupi?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
  

拓展:

1. react是对js的封装
2. umi是对react的封装(多了路由封装)
3. dist 项目部署
4. mock 模拟数据
5. public 视频音频
6. e2e 集成测试
7. less可以编译成css文件
8. tsx 脚本(js?)
9. d.ts(类似于宏文件)
10. eslint 规范文件
11. 后端:
    1. spring- 依赖注入框架,自动管理和生成对象
    2. springmvc-web框架- 提供访问接口,RestFul接口等能力
    3. Mybatis - Java操作数据库的框架,持久层框架,对jdbc的封装
    4. Mybatis-Plus - 对Mybatis的增强,不用sql也可以实现增删改查
    5. Springboot - 自动管理配置和整合依赖,快速启动/快速集成项目