数据与信息资源共享平台（一）

前端

安装

nodejs：官网 https://nodejs.org/en/ 下载LTS版本

yarn：cmd 输入 npm install --global yarn ，安装过程出现目录卷还是什么语法不正确，去create-umi.cmd 文件中删掉%~dp0

脚手架：yarn create umi myapp

webstorm：jetbrain官网

其他

依赖安装：终端输入yarn

启动项目：脚本start 运行

脚手架

create umi 初始化脚手架。

# 使用 npm
npx create-umi myapp
# 使用 yarn
yarn create umi myapp

安装依赖：

$ cd myapp && tyarn
// 或
$ cd myapp && npm install

Umi UI：

$ tyarn add @umijs/preset-ui -D
// 或
$ npm install --save-dev @umijs/preset-ui

后端

安装

maven：https://maven.apache.org/download.cgi 本地仓库+镜像

mysql：https://www.mysql.com/ msi下载

IDEA：新建Spring Initializr，安装依赖

其他

数据库连接：database–mysql–登录连接

mybatis-plus：官方文档 pom.xml引入依赖

mybatis-plus

数据库 Schema 脚本如下：新建数据库–scheme–console写数据库语句

DROP TABLE IF EXISTS user;

CREATE TABLE user
(
    id BIGINT(20) NOT NULL COMMENT '主键ID',
    name VARCHAR(30) NULL DEFAULT NULL COMMENT '姓名',
    age INT(11) NULL DEFAULT NULL COMMENT '年龄',
    email VARCHAR(50) NULL DEFAULT NULL COMMENT '邮箱',
    PRIMARY KEY (id)
);

对应的数据库 Data 脚本如下：继续console

DELETE FROM user;

INSERT INTO user (id, name, age, email) VALUES
(1, 'Jone', 18, 'test1@baomidou.com'),
(2, 'Jack', 20, 'test2@baomidou.com'),
(3, 'Tom', 28, 'test3@baomidou.com'),
(4, 'Sandy', 21, 'test4@baomidou.com'),
(5, 'Billie', 24, 'test5@baomidou.com');

依赖：pom.xml

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

配置：

在 application.yml 配置文件中添加 H2 数据库的相关配置：

# DataSource Config
spring:
  datasource:
    driver-class-name: org.h2.Driver
    schema: classpath:db/schema-h2.sql
    data: classpath:db/data-h2.sql
    url: jdbc:h2:mem:test
    username: root
    password: test

在 Spring Boot 启动类中添加 @MapperScan 注解，扫描 Mapper 文件夹：

@SpringBootApplication
@MapperScan("com.baomidou.mybatisplus.samples.quickstart.mapper")
public class Application {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}