【低代码开发】快速开始-立即体验急速开发

119 阅读2分钟

快速开始

配套视频

Simplest Admin V2 (后台管理系统) 可以快速开始您的软件项目开发; 我们只需要创建菜单、字段、方法,就可以生成一个完整功能的,数据管理模块; 如下面我们的演示一样,我们可以很简单的就可以创建一个员工信息管理菜单; 如果您需要创建更多的字段和使用更多的字段类型,请自行测试,更加高级的功能,请继续阅读后面的文档;

创建菜单

打开菜单:工具管理-菜单管理

image.png 填写创建菜单的表单,这里我们只需要填写:

  • 菜单名称:员工管理
  • 访问路径:Demo/Emp
  • 其余的全部默认,系统会自动选择默认配置

image.png

管理字段

菜单创建完成后,系统会自动为此菜单创建内置字段,这些字段是基于管理目的,请不要删除;

image.png

如上图所示,请点击新增按钮,我们依次填写:

  • 字段类型:文本框
  • 字段标题:姓名
  • 字段名称:name
  • 约束类型:非空

image.png

同样的操作,再创建性别字段

  • 字段类型:单选框
  • 字段标题:性别
  • 字段名称:gender
  • 选项配置:点击右侧下拉框,选择性别

image.png

再创建字段:生日

  • 字段类型:日期框
  • 字段标题:生日
  • 字段名称:birthday
  • 日期格式:年月日

image.png

管理方法

如下图所示,打开方法管理

image.png 如下图所示,系统已经为新建菜单,创建了常用的方法,这里我们不需要修改方法

image.png

生成代码

选中新建的员工管理菜单,点击生成代码(如未授权,请联系官方获得免费体验授权)

image.png

点击确定,执行生成代码

image.png

等待系统自动编译后,点击左侧菜单栏中的员工管理,将打开系统生成好的菜单;如下图所示,我们添加了一个测试数据后,就会自动显示菜单界面中了。

image.png

二次开发

生成代码后,将会产生如下文件,接下来就可以修改这些文件进行二次开发了; 后端PHP代码可以通过 /start/ ... /end/ 保护代码不被覆盖;前端代码关闭生成开关即可;

├── app
│   ├── admin
│   │   ├── controller
│   │   │   └── Demo
│   │   │       └── Emp.php
│   │   ├── model
│   │   │   └── Demo
│   │   │       └── Emp.php
│   │   └── validate
│   │       └── Demo
│   │           └── Emp.php
├── ui
│   ├── src
│   │   ├── api
│   │   │   └── admin
│   │   │       └── demo
│   │   │           └──  emp.js
│   │   ├── view
│   │   │   ├── admin
│   │   │   │   ├── demo
│   │   │   │   │   ├── Emp
│   │   │   │   │   │   ├── index.vue
│   │   │   │   │   │   ├── add.vue
│   │   │   │   │   │   ├── update.vue
│   │   │   │   │   │   ├── ...
└── ...

如下图所示,为生成的后端代码文件,如需修改必须以方法为单位进行修改;

image.png

如下图所示,方法 updateExt 将在生成代码的时候,得以保留;

image.png