0.05小时生成一套增删改查页面，个人开发者必备

前言

跟着下面的步骤，就能在短时间生成一整套页面

仓库地址

AX: AX是一款具备windows操作风格，而且具备完整权限的后端管理系统。使用Vue3/Java实现，后端fork自若依，可一键生成增删改查https://gitee.com/in-git/ax

新建/导入数据库

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for sys_dev
-- ----------------------------
DROP TABLE IF EXISTS `sys_dev`;
CREATE TABLE `sys_dev`  (
  `id` int NOT NULL,
  `create_time` datetime NULL DEFAULT NULL,
  `update_time` datetime NULL DEFAULT NULL,
  `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Dynamic;

-- ----------------------------
-- Records of sys_dev
-- ----------------------------

SET FOREIGN_KEY_CHECKS = 1;

完成上面步骤后，在 系统工具 -> 代码生成-> 导入就能看到新建的页面，点击操作上导入

按照下面的操作指引可完成

在待导入的数据库列表中点击 导入，就能得到下面红色标注的一列

至此数据导入就已经完成了。下面进行第二步，代码生成配置

代码生成配置

这里未来可能会有改动，让所有的代码导入变成半自动化，但大致逻辑不会变

点击编辑，刚刚创建的那个数据

填写基本信息

• 这里需要你根据提示进行一些简单配置
• 系统会根据你勾选的，生成对应的代码，
• 首次配置，建议把不需要的字段取消添加，不然每个字段都会配置一个输入框
• 如果没有没有勾选允许添加，将不会生成提示文本，提示文本能够手动添加

最后填写几个配置即可

代码配置已经完成了，点击预览，可以在线查看生成的代码，不满意，可以编辑保存，系统会根据你的配置，重新再生成一套，如果已经满意，则点击下载

你会得到一个zip的安装包

代码安装

完成这一步，就能使用代码了，这里以下载完整PC端为例你会得到下面代码

前端代码安装

前端代码分两部分=API文件+vue文件；

api下面的是文件的增删改查接口，views下面的是vue的文件

• 注意文件导入的路径
• 生成的文件路径，和源码的文件路径是一致的

安装API代码

把/api/目录下的文件放入对应的文件夹中，注意文件的路径

安装VUE代码

详情看下面的操作演示，流程和上面一样，把对应的文件放对地方即可

SQL安装

再回到一开始下载的文件中，找到devMenu.sql文件

操作演示

简单描述下，把生成的SQL，放到系统工具 -> 代码生成->导入SQL

不出意外的话，你的桌面上会生成一个菜单，就是刚刚创建的表，还会生成子菜单，这些都是对应的权限

半成品效果演示

可以看到，整个界面都已经出来了，只不过还在报404的错误，因为还没安装后端的代码。

坐在第三排倒数第二个的那个同学，上课别趴在桌子上睡觉，已经到了最后一步了

安装后端

和前面的步骤一致，把代码放到对应的目录就好了

动态演示，因为之前已经装了一次，所以提示覆盖

表格提示

这是生成代码时附带生成的表格提示，在这里能编写每个字段的提示信息

在系统菜单->表格提示

最终演示