【使用Spring Boot + Angular + MySQL创建Web应用程序】环境搭建篇

2 年 ago

文, 翔

2 minutes

首先

我将在文章中描述一年期间在内部培训会和实际工作中使用Spring Boot和Angular学习并总结的过程，从中创建了一个使用Spring Boot + Angular + MySQL的Web应用程序。

制作的东西

文章结构

我们将按照以下的组织结构进行推进。

环境

Windows 10 – Windows 十
Eclipse 2019 – Eclipse 2019版
Visual Studio Code – Visual Studio Code
Spring Boot v2.4.1 – Spring Boot 版本2.4.1
Node JS 10.16.2 – Node JS 版本10.16.2
Angular 9.1.13 – Angular 版本9.1.13
Maven – Maven

数据库

MySQL 8.0.21 -> MySQL 8.0.21

数据库访问框架

我们将使用Doma进行数据库访问。

The requested phrase “Doma2” is unclear and does not provide enough context for an accurate translation. Could you please provide more information or specify the intended meaning?

从公式中直接引用

Doma 2在以下几个方面具有特点:
– 使用注释处理在编译时生成和验证代码
– 可将数据库中的列值映射为具有行为的Java对象
– 可使用称为2-way SQL的SQL模板
– 可使用Java 8的java.time.LocalDate、java.util.Optional和java.util.stream.Stream
– 完全不依赖于JRE之外的库。

本次使用的是Doma2，Doma有1系和2系可供选择。
https://doma.readthedocs.io/en/2.19.2/

構建開發環境

我們將安裝開發所需的軟體。

安装Eclipse

请参考以下内容进行安装:
https://sukkiri.jp/technologies/ides/eclipse/pleiades_install.html

安装Visual Studio Code

请参考以下链接进行安装。

Visual Studio Codeインストール手順＜Windows向け＞

日本语化请点击此链接。
https://rfs.jp/sb/vsc/vsc-japanese.html

安装NodeJS

请从以下链接下载Node JS版本10.16.2：
https://nodejs.org/ja/download/releases/
请按照以下链接中的安装步骤进行安装：
https://qiita.com/Masayuki-M/items/840a997a824e18f576d8

安装Angular

打开命令提示符，并执行以下命令。

npm install -g @angular/cli@9

执行以下命令，确认Angular已安装：

ng version

    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.13
Node: 10.16.2
OS: win32 x64

Angular: 9.1.13
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.901.13
@angular-devkit/build-angular     0.901.13
@angular-devkit/build-optimizer   0.901.13
@angular-devkit/build-webpack     0.901.13
@angular-devkit/core              9.1.13
@angular-devkit/schematics        9.1.13
@ngtools/webpack                  9.1.13
@schematics/angular               9.1.13
@schematics/update                0.901.13
rxjs                              6.5.5
typescript                        3.8.3
webpack                           4.42.0

安装MySQL

请根据以下内容进行安装。
版本无所谓。
将root用户的密码设置为root。
https://qiita.com/ponsuke0531/items/176a158ea4db3714adda

【使用Spring Boot + Angular + MySQL创建Web应用程序】数据库部分