900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 网站前端开发表单的使用 web前端开发如何插入一个表格 – 前端技术 – 前端

网站前端开发表单的使用 web前端开发如何插入一个表格 – 前端技术 – 前端

时间:2024-05-04 20:19:45

相关推荐

网站前端开发表单的使用 web前端开发如何插入一个表格 – 前端技术 – 前端

@ JeecgBoot低代码开发平台?

JeecgBoot是一个低代码开发平台,优秀的国产开源项目,基于代码生成器,支持无代码配置化快速开发,功能非常完善,前后端分离架构,技术栈使用主流的Java + Spring Boot + MyBatis,前端使用node + Ant Design。

代码托管在Github和Gitee,star数量超14.7K,fork数量超5.7K,获得多个奖项,连续五年中国最火TOP5、十大优秀开源项目、微信开发商大会第一名。

JeecgBoot支持在线表单开发,下面介绍如何定义树形数据表,分分钟完成CRUD功能页面。

一,Docker一键部署

JeecgBoot最新发布版本2.2.1,支持Docker镜像快速构建,Docker-compose资源编排,一键部署。

Docker镜像构建只需执行一次,启动运行直接跳到第六步,执行docker-compose up

1)拉取项目代码,Github或者Gitee。

2)配置{jeecg-boot}/application.yml,指向docker,引用MySQL和Redis容器hostname。

3)编译后台服务{jeecg-boot},mvn package,得到target目录下的jar包文件。

4)编译Admin管理系统{ant-design-vue-jeecg},yarn run build,得到dist目录下的发布文件。

5)本地构建Docker镜像,docker-compose build

6)运行Docker容器实例,docker-compose up

二,Admin后台管理系统,配置化快速开发

浏览器打开localhost,默认用户admin或者jeecg,默认密码123456

进入菜单:在线开发 -> Online表单开发

1,新增表单,输入表名和描述,配置树形表

表类型,选择【单表】;

是否树,选择【是】,然后配置新出现的两个参数;

树表单父ID,默认字段名pid;

树开表单列,指的是树形展开时,子数据锚定在哪个数据列上,示例中使用label_data。

2,配置数据库属性

增加两个数据字段,标签label_data,备注note,其他选项使用默认配置。

3,配置页面属性

勾选【表单显示】、【列表显示】、【是否查询】,控制字段出现的功能场景。

控件类型常用文本框、日期、下拉框等。

4,查询配置

选择控件类型,勾选是否启用。注意配置下拉框等需要数据源的控件。

5,同步数据库

完成数据表配置后,此时【同步状态】显示未同步,也就是说,还没有创建对应的数据表。

点击菜单项“同步数据库”,将自动完成数据表创建。

6,功能测试

同步数据库成功后,将出现”功能测试“菜单,点击进入数据表功能页面。

新增数据,

新增子数据,

查询数据,

导出和导入Excel文件。

7,配置地址,得到菜单链接

圆满快速完成了一个完整的数据表CRUD功能和页面,支持树形结构展示。

三,常见问题

1,可能存在的控件类型配置不一致

在配置页面属性时,字段”标签“的控件类型应该是文本框,对应出现在新增表单数据页面中。

查询配置时,字段”标签“期望的是下拉框选择。

2,修改数据表时,同步数据库失败

如果表结构改动无法做到兼容已有数据,普通同步将会出现失败,这时可以使用强制同步,也就是删除数据表重新生成。

@ 网页中的表单起什么作用?

表单的作用:

1、表单对于用户而言是数据的录入和提交的界面;

2、表单对于网站而言获取用户信息的途径。

表单实质由2部分组成:

1、存储表单控件的网页文件;

2、处理表单提交数据的处理程序,该程序在服务器上运行。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。