一、 JDK的安装及环境配置

方法及步骤

1、打开已经下载好的程序，再点击“下一步”

2、在安装的过程中会有两次安装提示。第一次是安装jdk，第二次是安装jre，安装jdk和jre时，jdk和jre不能安装在同一个文件夹的根目录下，如果安装在同一个文件夹的根目录下会出错，建议jdk和jre安装在同一个文件夹的不同目录中。如下图所示：

3、提示第一次安装，安装jdk，选择安装目录，再点击“下一步”

4、提示第二次安装，安装jre，选择安装目录，点击”下一步“，然后再点击”关闭“，安装完成

5、jdk和jre安装完成后，要配置环境变量，控制面板–>系统与安全–>系统–>高级系统配置–>环境变量

6、系统变量–>新建JAVA_HOME变量，变量的值填写jdk的安装路径，再点击“确定”

7、系统变量–>找到Path变量–>编辑，在变量的末尾填 入%JAVA_HOME%\bin;%JAVA_HOME\jre\bin（注意：如果Path变量值的末尾没有“；”，要先填入“；”，再填入上面的值），再点击“确定”

8、系统变量–>新建CLASSPATH变量，变量的值填入.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

9、检验是否配置成功，按快捷键Win+R，打开"运行"，输入"cmd"，再点击“确定”

10、输入“java -version”（中间有空格），按回车键，如果出现jdk版本，则说明jdk的环境变量配置成功。

二、nodejs的安装

1、从官网下载nodejs

2、打开下载好的文件开始安装

3、安装好之后node -v 查看nodejs安装的版本

4、安装nodejs自动安装npm

5、打开C:\Program Files\nodejs目录里面查看有没有安装npm,

6、安装mysql 直接百度下载安装

7、安装完成对mysql进行 环境变量配置即可

8、Navical （可视化工具）百度搜索下载安装

三、Eclipse的安装

1、百度搜索直接下载安装

2、安装的时候选择Eclipse IDE for Enterprise Java Developers

四、React 的构建

1、Windows+R 输入cmd打开命令行

2、在命令行内输入npm install create-react-app -g

3、创建出一个基于React的自动化/工程化项目目录，注意文件名不能出现汉字、特殊符号、大写字母（-或_是可以的）等 命令行输入create-react-app [项目名称]

4、命令行输入yarn start 如果报错 输入 npm intall yuan 再输入yuan star 安装完成之后跳转网页即可

5、百度搜索安装git 下载安装 环境变量

6、安装好之后在命令行输入 yarn create umi 或npm create umi

7、回车之后有两个选择直接回车 第二个选择选择Java的

8、安装本地依赖 命令行输入npm install

9、然后运行 npm start 转跳网页成功

五、项目创建

1、命令行输入 get clone https://github.com/lwluan/code2code.git(地址)

2、导入数据打开Eclipse 空白处右击 Import

3、下一步

4、选择好导入到数据点击Finish即可

5、导入后修改文件 按照下图修改

6、按照下图打开文件 右键 run as 运行

打开mysql 建立数据库 建表 空白地方右击 新建链接 mysql

新建表

7、打开下图网址 运行React

8、添加项目

9、建立数据库

点击图中的标记

选择图中的标记

右击Vo 添加VO文件

添加 controller 文件

进行配置

启用

点击加号

选择第一个

回到首页 点击生成

打开Eclipse 生成代码的修改测试

导入新生成的代码 代码复制进去mysql可视化工具里运行测试

选择查询 新建查询 代码粘贴进去全选 运行

添加和修改代码

修改配置

user表里插入数据 ID 1，name 2， phone 3,…

百度下载 Postman-REST-Client 通过谷歌浏览器扩展程序（开发者模式）打开下载的文件 点击应用 打开Postman

登录账号密码

运行，把代码复制

建立获取用户 Value把上文复制的代码粘贴上去 最前面加上Bearer ，

最后再新建一个‘添加’