文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【BootStrap】栅格系统、表单样式与按钮样式-附有源码

栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的网页布局中。具体的数据(文字、图片等都可以)放入列当中。...##说明 .form-group表单组样式：将和表单元素包含其中，可以获得更好的排列。...--表单中的栅栏系统用form-horizontal，其他的用row --> 用户注册表单 按钮禁用状态 按钮尺寸：.btn-lg(大按钮)、.btn-sm(小按钮)、.btn-xs(超小按钮) .btn-block：将按钮拉伸到撑满整个父元素。...##尺寸 按钮尺寸：.btn-lg(大按钮)、.btn-sm(小按钮)、.btn-xs(超小按钮) 通过给按钮添加 .btn-block 类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block

1.9K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    vue3 element-plus 配置json快速生成table列表组件，提升生产力近500%（已在公司使用，持续优化中）

    本demo已部署腾讯云 http://vue.tuokecat.com（服务器配置较低，如有访问比较慢，请耐心等待） table列表json配置生成器 1、 在PC端日常的使用中，使用最多的过于表单和列表了...，故此对table列表和form表单进行了统一的封装，通过json配置就可以快速适配table列表和form表单。...2、封装思路 A、列表的搜索条件和搜索按钮，这个与table 可以解耦，目前放到单独的组件中，所以本节暂不考虑 B、table列表显示字段，根据不同的类型进行制定 C、最右侧的操作按钮的配置，比如（...行编辑、删除等操作），根据定义的函数进行注入，后面实现函数操作进行自定义，不与table列表冲突 D、特殊的字段，比如（序号字段、多选框、单选框等等） E、最后当然少不了分页器的参与 3、本章节主要记录自己的...color: red;">${ row.remark }`:`未定义` } } 最后一个字段 custom 可以通过配置html，自定义展示复杂的组件和样式介入 2、右侧操作按钮的配置信息

    2.4K30

    企业级DDD实践中AI增强注解驱动的技术落地：从痛点到智能化语义工程

    模型训练与优化：undefined基于CodeLlama或GPT-4 Code进行微调，重点优化： 业务关键词与注解属性的映射（如"模糊搜索"→searchType = SearchType.FUZZY...编辑器集成：undefined在开发工具（如OneCode的JavaAggEditor）的工具栏中增加「AI生成注解」按钮，开发者输入业务描述后，点击按钮即可触发生成，并支持一键插入代码。...二、智能语义校验：实时拦截注解配置冲突 在多团队协作场景中，注解配置的冲突（如两个模块使用相同的eventId、@APIEventAnnotation的参数与表单字段不匹配）往往要到测试阶段才被发现，导致返工成本高...示例场景：事件绑定冲突检测 开发者编写的代码（存在冲突）： // 表单注解定义了字段userId/age @FormViewAnnotation(formId = "userForm", fields...四、落地路径与风险控制 4.1 分阶段实施策略 第一阶段（轻量化验证）：undefined基于OpenAI Function Call快速实现「AI辅助注解生成」功能，集成到编辑器工具栏，通过小范围试点

    26010

    OneCode设计器协议栈名词解析及标准概念适配

    举例：表单页里的 “用户名输入框”，直接拖取 OneInput 组件，配置 placeholder、校验规则 。...特殊类型：OneCode 低代码业务组件 生成：通过 OneCode 可视化编辑器，拖拽基础组件 + 配置逻辑生成（如拼 “商品搜索栏”，组合 OneInput + OneButton + 搜索逻辑 ）...价值：沉淀通用业务片段（如所有页面的 “头部搜索区” ），减少重复配置。2....内容： 资产结构：页面中组件 / 区块的嵌套关系、排列顺序（如按钮在弹窗内，弹窗在页面根节点 ）。属性配置：每个资产的具体属性（如按钮文字、颜色，表格列配置 ）。...环境隔离：不同部署环境（开发、测试、生产 ）使用不同资产包，避免配置冲突。

    18410

    Rookey.Frame企业级快速开发框架开源了

    、批量编辑、复制、回收站、草稿箱、附属模块显示配置、列表搜索框和表单外键字段自动完成、列表视图自定义、表单自定义、表单附件、权限控制、缓存配置、数据库配置、单据编号配置、模块功能控制等功能，可线上增加功能模块...、可线上增加字段 （2）完善的RABC权限体系，包括功能权限、字段权限、数据权限，支持菜单权限、列表按钮权限、字段查看、新增、编辑权限控制、数据查看、编辑、删除范围控制 （3）在系统中可支持模块分库，可实现读写分离...，可方便的将系统数据库与业务数据库分离 （4）模块缓存可配置，支持本地缓存、Memcached分布式缓存和Redis分布式缓存，可扩展其他缓存方式 （5）支持列表视图自定义，用户可定义多个视图（包括外侧树视图...、树网格视图、分组视图），可定义关联模块视图，视图可自由切换 （6）支持视图字段自定义、搜索字段自定义、排序字段自定义、列表操作按钮自定义 （7）支持角色表单功能，对于同一模块针对不同的角色可建立不同的表单...（8）支持表单布局自定义，可自由配置成带tab标签、panel面板的表单；多种编辑方式支持包括弹出表单编辑、打开tab标签编辑、网格内行编辑、网格内表单编辑 （9）支持表单字段自定义，包括可编辑性自定义

    1.6K60

    干好这件事，卷死所有同行

    顶部标签 与输入域左垂直对齐 优点：节省水平空间，标签长度弹性大，可以加快浏览和处理速度。 缺点：垂直空间占用比较大，表单项多时需增加页面滚动。...智能联想-模糊搜索(重要！！！) 当选项过多时，模糊搜索能更加高效，同时也能减少出错率。 动作 “主动作”，如：提交、保存、下一步等；“次动作”，如：取消、撤销、返回等。...可优化的点 当表单的必填项未填写完整时，提交或保存等主按钮一般为灰色状态，不可进行下一步操作，当完成必填信息的填写后，按钮变为高亮，可进行下一步操作（但表单项超过5个时则不建议使用主按钮禁用原则）。...主按钮之后的下一步操作 弹框级别-关闭弹框刷新数据。 页面级别-这里我认为有待探讨，大家可以根据实际情况判别是否需要回到列表页。 表单的交互 就地编辑、弹窗、抽屉、页面跳转以及新开页面。...就地编辑 优势：快捷易操作，随时启用与退出，主流程的操作流畅度高。 劣势：编辑状态较为隐晦，不宜察觉。 适用场景：适用于输入内容较少，适用于频率较低，同时属于主流程分支的场景。

    3.4K10

    【2025版】超详细万兴PDF安装保姆级教程，永久免费使用，万兴PDF环境配置和使用指南，看完这一篇就够了

    万兴PDF专家（Wondershare PDFelement Professional）作为市场领先的PDF编辑与阅读工具，为用户提供了从创建到编辑、从转换到签名的全方位PDF解决方案。...高效搜索与导航：万兴PDF专家的智能搜索功能可以快速定位文档中的关键信息，提高文档处理效率。...表单定制功能：提供文本字段、复选框、单选按钮、组合框、列表框、按钮或签名域等多种表单元素，满足复杂表单设计需求。..."OCR"按钮第3步：在弹出的OCR设置窗口中，选择识别语言（支持多种语言）第4步：选择OCR模式，可以选择"可搜索的PDF"或"可编辑的文本"第5步：点击"应用"按钮开始OCR处理第6步：处理完成后，...文档中的文本将变为可选择、可搜索或可编辑状态第7步：使用"另存为"功能保存处理后的文档OCR技术虽然强大，但识别准确率会受到原始扫描质量的影响。

    76810

    OneCode 3.0 @APIEventAnnotation 注解速查手册

    一、注解概述与基本信息 1.1 注解定义与核心功能 @APIEventAnnotation 是 OneCode 3.0 框架中用于声明 API 事件的核心注解，主要用于将前端 UI 事件与后端 API...适用场景： 表单操作触发的事件（如保存、重置、搜索） 需要处理表单相关操作的场景 实现表单的自定义交互 示例代码： @APIEventAnnotation( bindFormEvent = {...搜索事件 用户点击搜索按钮或执行搜索操作时触发 CANCEL 取消事件 用户点击取消按钮或执行取消操作时触发 SUBMIT 提交事件 用户提交表单时触发 VALIDATE 验证事件 表单验证时触发...） 事件名称 描述 触发时机 ADD_ROW 添加行事件 用户点击添加行按钮或执行添加行操作时触发 DELETE_ROW 删除行事件 用户点击删除行按钮或执行删除行操作时触发 EDIT_ROW 编辑行事件...用户点击编辑行按钮或执行编辑行操作时触发 BATCH_PROCESS 批量处理事件 用户执行批量处理操作时触发 示例代码： @APIEventAnnotation( bindMFormEvent

    18910

    JeecgBoot 2.4.2 积木报表版本发布，基于 Spring Boot 的低代码平台

    省市区组件导致切换页面浏览器报错 唯一校验为空页面出现异常代码问题 popup支持带逗号查询 下拉搜索性能优化，支持指定页数查询 高级查询popup支持多选 JVxeTable匹配删除按钮权限控制报错...Online表单提交之前新增 beforeSubmit方法 Online功能测试，行编辑组件默认换成JVxeTable（支持切换） Online视图支持唯一校验规则 Online视图去除增强配置按钮...6-16位数字实际可输入18位数字 单表及行编辑 【Online表单权限】行编辑的问题，一对多子表，子表'新增' '删除' 按钮未控制 【Online】sql增强 java增强配置页面修改成列表方式 【...modal 后没有重置子表数据 点击新增后 会显示上一次编辑的表单数据issues/I29E6M hutool包冲突 issues/I2CFAS 后端省市区ProvinceCityArea读取json文件...强大的权限机制，支持访问授权、按钮权限、数据权限、表单权限等 零代码在线开发能力，在线配置表单、在线配置报表、在线配置图表、在线设计表单 常用共通封装，各种工具类(定时任务,短信接口,邮件发送,Excel

    2.9K30

    java springboot spring cloud 设计方案

    权限管理：点开二级菜单进入三级菜单显示 角色(基础权限)和按钮权限 角色(基础权限): 分角色组和角色,独立分配菜单权限和增删改查权限。（一个用户可以多个角色） 按钮权限: 给角色分配按钮权限。...好友管理：搜索、添加、删除、拉黑好友，查看好友资料 16. 好友分组：自定义好友分组 17. ...我的群组：创建群组，搜索申请加入别人的群，踢出群成员，管理群聊天记录 ------------------------------ 18....定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 29. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 30....我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 32.

    63620

    一件事让客户成为你的忠实用户！

    进入To B系统，满屏都是列表，基本上列表页和查询条件占据了系统的一半以上，并且大部分的功能都是从列表查询页开始的一系列增删改查，这其中涉及到前端相关的交互就有”表格/表单(数据录入和编辑)/弹框.....点”操作“按钮：进入原”新增“模式下的编辑模式；跟前面有点像。...就地编辑 通过操作列 编辑模式 编辑模式 其他（容易忽略的细节） 重置为首页：搜索时，导入，添加条目等操作时，应刷新页面。...编辑页面：进入编辑页面时，若有搜索条件，返回主列表也应回到上次的位置【记住上一次的查询条件】；若无搜索条件，则回到首页(第一页)。 保留查询条件：删除操作时。...除了表格，当然还有表单等...表单系列正在努力生产中，下期敬请期待！

    2K10

    springcloud Alibaba 2021.0.1.0 + springboot 2.6.6 +flowable6.7.2

    定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 2. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 3....我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 4. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 5....权限管理：点开二级菜单进入三级菜单显示 角色(基础权限)和按钮权限 角色(基础权限): 分角色组和角色,独立分配菜单权限和增删改查权限。（一个用户可以多个角色） 按钮权限: 给角色分配按钮权限。...好友管理：搜索、添加、删除、拉黑好友，查看好友资料 2. 好友分组：自定义好友分组 3....我的群组：创建群组，搜索申请加入别人的群，踢出群成员，管理群聊天记录 通讯模块 单聊群聊发图片发文件 离线消息保留聊天记录 六：数据库管理服务 1.

    1.1K20

    PDF Reader Pro for mac(全能pdf阅读器)

    可让您直接在 Mac 上进行PDF文件阅读、笔记、编辑、转换、创建PDF、签署PDFs、填写PDF Forms表单、设置密码、合并拆分文件、水印等等，实现无纸化办公。...软件特征轻松阅读 PDF阅读模式 – 支持多页签查看、全屏阅读、水平或垂直方向阅读，自动滚动模式演示 – 以PPT中的幻灯片模式来呈现PDF文档夜间模式 – 在暗黑环境下阅读，舒缓双眼支持阅读大纲的创建、编辑和全文搜索功能...可连续添加批注工具签名 – 在任意位置利用触控板，键盘或图片创建手写签名或图片签名图章 – 添加标准预设图章，如机密，批准，未批准，或自定义文字图章或者图片图章链接 – 将文字与PDF页面或邮件Email...可更改PDF文字大小和颜色等属性创建、填写PDF表单创建和编辑表单。...创建可填写的PDF表单，例如按钮，复选框，单选按钮，列表框和下拉列表等处理由 Adobe Acrobat Reader 创建的静态PDF表单，如税务单，发票，简历等包含交互元素的PDF表单填写不包含交互域的简单表单

    1.8K20

    OA 系统源码模块设计方案

    好友管理：搜索、添加、删除、拉黑好友，查看好友资料 17. 好友分组：自定义好友分组 18....我的群组：创建群组，搜索申请加入别人的群，踢出群成员，管理群聊天记录 -----------------------------（fhadmin.cn） 19....定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 54. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 55....我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 56. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 57....挂靠记录：记录表单数据和流程实例ID关联记录，可删除 菜单权限：分配给每个角色不同的菜单权限, 每个角色看到的菜单不同，N级别菜单 按钮权限：独立分配不同的角色不同的功能权限，增删改查权限分配具体到不同的菜单

    1.8K20

    解锁Github star 1600+ 的神秘工具,为什么Marsview 能让“后台系统开发”快到令人咋舌？

    组件之间联动难以维护：比如表单变更触发表格刷新、按钮点击触发路由跳转、状态控制组件显隐。多环境部署与回滚机制差：开发 → 测试 → 预发布 → 生产，遇到问题恢复困难。...页面拖拽搭建在编辑器内拖拽组件（按钮、表单、表格、富文本、图表、弹窗、iframe 等）搭建页面。事件流配置可视化配置 “组件联动、组件显隐、组件禁用、自定义逻辑、接口调用、路由跳转” 等流程。...使用示例（代码＋配置）下面是一个简单示例：假设你要搭建一个用户管理页面，包含搜索表单＋用户表格。...// 在编辑器拖拽一个“搜索表单”组件，配置如下：{ "component": "FormSearch", "fields": [ { "label": "用户名", "name": "username...举个真实例子：某公司需要上线一个“项目审批管理页面”，包含：搜索审批记录、查看明细、审批按钮、状态变更。使用 Marsview 后：编辑器拖拽搜索表单、审批列表、明细弹窗。

    18310

    Fastadmin了解一下？？

    '), operate:false, formatter: Table.api.formatter.status} 3.添加、编辑、删除、导入、批量操作按钮 FastAdmin的添加、编辑、删除按钮默认是由...目前 build_toolbar支持的按钮有： refresh: 刷新按钮 add: 添加 edit: 编辑 del: 删除 import: 导入 批量操作按钮是直接在视图页面上添加的HTML代码，直接修改即可...，通用搜索的表单默认是隐藏的，如果需要默认显示，需要设置 searchFormVisible:true，如果不需要通用搜索功能，可以设置 commonSearch:false。...如果我们启用了关联查询，当两个表中的字段有冲突时，我们必须在字段中加上别名。请参考下方的完整代码中JS部分。 8.标志和图片 FastAdmin封装了许多常用的方法，我们可以快速的调用即可。...排序按钮只在表中存在 weigh字段时才会出现，编辑按钮和删除按钮会根据管理员所拥有的权限进行按需显示。

    6.2K20

    java OA 系统 - 自定表单 模块设计方案

    （一个用户可以多个角色） 按钮权限: 给角色分配按钮权限。 2. 按钮管理：自定义按钮管理，维护按钮shiro权限标识等 3....好友管理：搜索、添加、删除、拉黑好友，查看好友资料 17. 好友分组：自定义好友分组 18....我的群组：创建群组，搜索申请加入别人的群，踢出群成员，管理群聊天记录 -----------------------------（fhadmin.cn） 19....定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 54. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 55....我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 56. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 57.

    1.6K40

    JAVA oa 办公系统模块 设计方案

    好友管理：搜索、添加、删除、拉黑好友，查看好友资料 17. 好友分组：自定义好友分组 18....我的群组：创建群组，搜索申请加入别人的群，踢出群成员，管理群聊天记录 -----------------------------（fhadmin.cn） 19....定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 54. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 55....我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 56. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 57....挂靠记录：记录表单数据和流程实例ID关联记录，可删除 菜单权限：分配给每个角色不同的菜单权限, 每个角色看到的菜单不同，N级别菜单 按钮权限：独立分配不同的角色不同的功能权限，增删改查权限分配具体到不同的菜单

    2.7K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券