自动生成代码开发-教程

相关准备

jdk下载安装与配置

1.下载

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
自动生成代码开发-教程

2.安装JDK

找到下载的JDK进行安装

3.环境变量配置

自动生成代码开发-教程
自动生成代码开发-教程
检测安装是否成功,win + R 输入CMD

输入java,javac
自动生成代码开发-教程
自动生成代码开发-教程

eclipse安装

1. 下载eclipse

https://www.eclipse.org/downloads/
自动生成代码开发-教程

2.安装

我选择了Enterprise的
自动生成代码开发-教程
安装即可
自动生成代码开发-教程

react安装

1.安装好node

不多介绍,百度
在命令提示符输入 node -v ,npm -v

2.安装react

根据react 官网提示,在命令提示符输入

npm install -g create-react-app

输入create-react-app 项目名称

先cd 到项目根目录下 然后 npm run start 即可运行此项目
自动生成代码开发-教程
详细自行百度

3.使用 Ant Design pro

你的本地环境需要安装 yarn、node 和 git

yarn安装:命令行输入 npm install yarn -g

git:自行百度教程,安装并配置环境变量

相关文档 https://pro.ant.design/docs/getting-started-cn

成功效果如图
自动生成代码开发-教程

Mysql和Navicat安装配置

百度即可

Postman-REST-Client下载安装

百度即可

项目创建

创建自动生成代码项目

命令行输入 git clone https://github.com/lwluan/code2code.git

导入项目自动生成代码开发-教程
选择项目路径
自动生成代码开发-教程
打开code_main
自动生成代码开发-教程
修改resources下的application.properties配置文件
自动生成代码开发-教程
打开下图文件 run as 运行
自动生成代码开发-教程
建user_admin数据库,user表字段如下
自动生成代码开发-教程
如图输入地址打开可视化界面
自动生成代码开发-教程
点击添加项目
自动生成代码开发-教程
输入如下信息保存,需要自己建文件夹存放代码
自动生成代码开发-教程
输入如下地址
自动生成代码开发-教程
填写数据库信息先保存再同步
自动生成代码开发-教程
点击链接,进入下个界面
自动生成代码开发-教程
点击项目详情,进入如下界面选择数据库保存
自动生成代码开发-教程
添加Vo
自动生成代码开发-教程
自动生成代码开发-教程
添加controller
自动生成代码开发-教程
自动生成代码开发-教程
添加方法
自动生成代码开发-教程
配置参数
自动生成代码开发-教程
生成项目代码
自动生成代码开发-教程

生成代码的修改测试

导入生成的代码

数据初始化
自动生成代码开发-教程
添加代码
自动生成代码开发-教程
自动生成代码开发-教程
修改配置
自动生成代码开发-教程
运行项目,使用Postman-REST-Client测试

用户登录
自动生成代码开发-教程
user表里插入数据后,查询
自动生成代码开发-教程
输入json数据,添加用户
自动生成代码开发-教程
自动生成代码开发-教程