sass系统的一些总结

一、列表页

1、查询条件

  • input输入框长度限制
  • input输入框是否可以属于特殊字符
  • 重置按钮 =》重置查询条件、分页到第一页(每页多少条到默认条数)
  • 点击查询按钮,分页设置为第一页,每页条数根据实际情况定

2、table表格

  • 表格宽度写死,例如:日期、手机号、身份号等能明确长度
  • 操作列固定列,及宽度的设置

3、分页

  • 点击分页带查询条件

二、新增编辑详情页

  • 新增、编辑、详情共用一个页面(详情如果有特殊设计可单独一个页面)
  • 保存接口需要区分是新增和编辑

三、新增、编辑表单

  • 表单长度限制
  • 表单特殊字符校验、邮箱手机号等校验
  • 下拉框字典维护(考虑缓存)
  • 表单通过弹窗选择数据,需考虑弹窗标记当前选中数据及分页时标记当前选中数据

四、代码注意

  • 判断数组是否为null,数组提前判断是否是数组再做循环处理数据
  • 多个列表页、及表单页方法统一命名,方便后期维护,例如:handelSearch、handelSave、initData等
  • 查询、保存、重置等频繁点击解决:防抖节流、loading等
  • 多个tab标签列表点击跳转详情页,页面回退时应该在当前标签页

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/120125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

EasyPoi

EasyPoi 使用模板导出数据 1.引入依赖 <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-spring-boot-starter</artifactId><version>4.2.0</version></dependency>2.工具类 package com.junfeng.utils;im…

Android 图片和文本生成新的图片(Canvas)

一、需求描述 项目有个需求需要在全屏图片上展示文字并生成一个新的图片并分享出去&#xff0c;图片全屏&#xff0c;文字居中。 于是便想到了使用Canvas来直接进行绘制。 二、实现代码 private fun createImg(imageView: ImageView, textView: TextView): Bitmap {//返回具…

如何在群晖NAS中搭建WebDav服务,并实现公网访问

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏:《速学数据结构》 《C语言进阶篇》 ⛺️生活的理想&#xff0c;就是为了理想的生活! 文章目录 1. 在群晖套件中心安装WebDav Server套件1.1 安装完成后&#xff0c;启动webdav服务&#xff0c;并勾选HTTP复选…

物流数字化转型有什么意义?

物流领域的数字化转型具有深远的意义&#xff0c;因为它彻底改变了供应链中的货物和信息流动方式。这一转变是由数字技术集成推动的&#xff0c;旨在提高效率、可见性和客户满意度。以下是其重要性的一些关键方面&#xff1a; 1.提高效率和降低成本&#xff1a;数字化转型通过…

使用了lua-resty-http库进行 爬虫

lua-resty-http是一个基于OpenResty的HTTP客户端库&#xff0c;用于在Lua中进行HTTP请求和响应的处理。它提供了简单易用的接口&#xff0c;可以方便地进行网页抓取和爬虫开发。 使用lua-resty-http进行爬虫&#xff0c;需要先安装OpenResty和lua-resty-http库&#xff0c;并将…

Hadoop 请求数据长度 Requested Data length 超过配置的最大值

一、问题 现象 Spark 任务速度变慢&#xff0c;也不失败。 DataNode 内存足够 CPU 负载不高 GC 时间也不长。 查看 DataNode 日志&#xff0c;发现有些日志出现很多 Netty RPC 超时。超时的 destination 是一个 NameNode 节点&#xff0c;然后查看 NameNode 节点的日志&…

Java支付宝沙箱环境支付,官方Demo远程调试【内网穿透】

文章目录 前言1. 下载当面付demo2. 修改配置文件3. 打包成web服务4. 局域网测试5. 内网穿透6. 测试公网访问7. 配置二级子域名8. 测试使用固定二级子域名访问 前言 在沙箱环境调试支付SDK的时候&#xff0c;往往沙箱环境部署在本地&#xff0c;局限性大&#xff0c;在沙箱环境…

Unity的碰撞检测(四)

温馨提示&#xff1a;本文基于前一篇“Unity的碰撞检测(三)”继续探讨两个游戏对象具备刚体的触发检测&#xff0c;阅读本文则默认已阅读前文。 &#xff08;一&#xff09;测试说明 在基于两个游戏对象都具备触发器和刚体且属性一致的条件下&#xff0c;若二者刚体的BodyType…

分布式日志和链路追踪

分布式日志 实现思路 分布式日志框架服务的实现思路基本是一致的&#xff0c;如下&#xff1a; 日志收集器&#xff1a;微服务中引入日志客户端&#xff0c;将记录的日志发送到日志服务端的收集器&#xff0c;然后以某种方式存储数据存储&#xff1a;一般使用ElasticSearch分…

【Mybatis源码】XMLConfigBuilder构建器 - 读取XML配置初始化Configuration对象

XMLConfigBuilder是Mybatis中定义的进行构建Configuration对象的类,此类用于读取XML配置文件创建并初始化Configuration对象; 上一篇中我们介绍了XMLConfigBuilder构建器加载XML配置文件以及创建Configuration对象https://blog.csdn.net/m1729339749/article/details/133983…

护眼灯买哪种好? 推荐五款儿童护眼台灯

台灯如何选择&#xff0c;随着人们生活水平的提高及科技的不断进步&#xff0c;台灯的品质也得到了极大的提高&#xff0c;在生活中很多时候都需要使用台灯&#xff0c;但是市面上的台灯那么多&#xff0c;台灯如何选择。本次小编为大家推荐五款好用的护眼灯。 1.书客护眼台灯L…

LeetCode 面试题 16.01. 交换数字

文章目录 一、题目二、C# 题解 一、题目 编写一个函数&#xff0c;不用临时变量&#xff0c;直接交换 numbers [a, b] 中 a 与 b 的值。 示例&#xff1a; 输入: numbers [1,2] 输出: [2,1] 提示&#xff1a; numbers.length 2-2147483647 < numbers[i] < 214748364…

NDK交叉编译FFmpeg安卓编译ffmpeg

NDK交叉编译FFmpeg安卓编译ffmpeg 文章目录 NDK交叉编译FFmpeg安卓编译ffmpeg编译环境编译工具下载 编译过程编译环境系统环境NDK版本的选择 源码下载只编译简单的ffmpeg编译编译脚本问题 使用技术支持 编译环境 编译工具下载 参考这个&#xff1a;https://blog.csdn.net/gao…

NodeRed 配置 Modbus

2023-10-27 点右上角添加之后&#xff0c;选择这个服务。为了好记。我把名称改成了&#xff1a;127.0.0.1:502 点右上角[完成] 出来了

如何在filters中使用data中数据?

在vue2.x中使用filters功能,如果想在filter中使用this调用data中的数据,会报错,因为this不是指向vue组件实例。 如果想用data中的数据,一般有两种方式: 1.在使用filter时传入data中数据,如: <template> <div> 目前选择的是:{{ type | convertText…

做外贸要时常做复盘总结

外贸的工作其实是阶段性的&#xff0c;所谓的阶段性就是有的时候客户可能会扎堆的出现。然后一天的工作几乎都是在和各个客户沟通中度过&#xff0c;比如报价&#xff0c;做表格等等&#xff0c;然后就会觉得这一天过的很快&#xff0c;也很充实。 然而实质上当我们回顾这一天…

70 搜索插入位置

搜索插入位置 题解1 二分查找防越界写法 题解2 STL大法两行 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c; 并返回其索引。如果目标值不存在于数组中&#xff0c; 返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O ( l o g n ) O(log n…

node开发微信群聊机器人第⑤章

▍PART 序 看本文时&#xff0c;请确保前4章都已经看过&#xff0c;不然本章你看着看着思维容易跳脱&#xff01;再一个机器人教程只在公众号&#xff1a;“程序员野区”首发。csdn会跟着发一份&#xff0c;未经博主同意&#xff0c;请勿转载&#xff01;欢迎分享到自己的微信…

记一次EasyExcel导出时将空格丢失的问题

EasyExcel的issues可以看到 需求&#xff1a;导出的数据以树形展示&#xff0c;如下&#xff1a; 导出结果&#xff1a; 原因&#xff1a; EasyExcel会默认去除掉空格&#xff0c;autoTrim熟悉默认为true&#xff0c;只需要设置为false即可。

Kafka-Java二:Spring实现kafka消息发送的ack机制

写在前面 如果只有一个kafka实例的话&#xff0c;那么文章中提到kafka集群kafka实例 一、什么是消息发送者端的ack机制 ack机制&#xff1a;消息确认发送成功的标识 由谁发起该标识&#xff1a;kafka集群 发起该标识的场景&#xff1a;kafka集群确认已经收到了消息。 由谁接收…