【JSON2WEB】02 JSON2WEB初步UI设计

news2024/10/5 18:23:28

JSON2WEB的UI初步设计,包括草图、登录、主页、导航树JSON2TREEE组件、表格JSON2GRID组件、表单JSON2FORM组件等。

1草图

在这里插入图片描述

  • 表单作为抽屉从右边拉出。
  • LOGO行和导航树为固定区域,导航树可以折叠。
    在这里插入图片描述

2 登录页

在这里插入图片描述

  • 找回账号:可以给邮箱(找回时输入)发送账号和重置密码链接,也可以通过短信找回,需要账号和邮箱、手机号绑定。

3 主页

在这里插入图片描述

  • 主操作区可以有滚动条,滚动到最下面出现页脚区,页脚区放置一个按钮可回到顶部。

4 导航树JSON2TREE组件

在这里插入图片描述

  • 导航树分2级就够了,一级可以在主操作区链接导航卡和二级的详细说明。
  • 二级链接到具体的页面,在主操作区打开,一般是信息一个表格GRID。

5 表格JSON2GRID组件

在这里插入图片描述

  • 创建和行内编辑可拉出表单抽屉
  • 查询框默认对所有显示列进行过滤或查询,可以选择所有显示列精确组合查询

6 表单JSON2FORM组件

在这里插入图片描述

  • 表单抽屉里可以创建新记录,删除一行记录、修改当前记录。

就这些了,其它的再逐步完善吧。

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

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

相关文章

【Linux install】详细的Ubuntu和win双系统安装指南

文章目录 1.前期准备1.1 制作启动盘1.2关闭快速启动、安全启动、bitlocker1.2.1 原因1.2.2 进入BIOSshell命令行进入BIOSwindows设置中高级启动在开机时狂按某个键进入BIOS 1.2.3 关闭Fast boot和Secure boot 1.3 划分磁盘空间1.3.1 查看目前的虚拟内存大小 2.开始安装2.1 使用…

微信小程序(十五)自定义导航栏

注释很详细,直接上代码 上一篇 新增内容: 1.组件文件夹创建方法 2.自定义组件的配置方法 3.外部修改组件样式(关闭样式隔离或传参) 创建组件文件夹 如果是手动创建建议注意在json文件声明: mynav.json {//声明为组件可…

git安装步骤

安装环境:Windows10 64bit 下载 Git网址 :Git - Downloading Package 版本:Git-2.21.0-64-bit 第一步:双击下载后的Git-2.21.0-64-bit.exe,开始安装 安装开始 第二步:选择安装路径,点击[next]…

8-小程序数据promise化、共享、分包

小程序API Promise化 wx.requet 官网入口 默认情况下,小程序官方异步API都是基于回调函数实现的 wx.request({method: , url: , data: {},header: {content-type: application/json // 默认值},success (res) {console.log(res.data)},fail () {},complete () { }…

CentOS7服务器的安装配置连接客户端Xshell进行使用

目录 一. CentOS7的安装【在虚拟机中】 二. 查看设置IP地址 三. 安装并连接客户端软件Xshell 3.1 安装Xshell 3.2 xshell连接centos7服务器 四. 切换国内源 一. CentOS7的安装【在虚拟机中】 首先创建一个虚拟机, 这个没什么好说的,基本上都是下…

Sketch怎么增加组件?

Sketch怎么增加组件?Sketch组件库经常使用,想要添加一些新的组件,该怎么添加呢?下面我们就来看看Sketch组件库添加新组建的技巧,详细请看下文介绍 打开电脑,找到sketch软件的图标,点击进入 新建…

【GitHub项目推荐--React 组件库】【转载】

这个 9.9k Star 的开源项目是一个 React 组件库帮助你更快速的构建 Web 应用,包含 120 可定制组件和 Hook,支持暗黑主题。 开源地址:https://github.com/mantinedev/mantine

25考研每日的时间安排

今天要给大家分享一下25考研每日的时间安排。 没有完美的计划,只有合适的计划。 仅供参考 很多人说复习不要只看时长而是要看效率,所以学多长时间不重要,重要的高效率完成任务。 完美的计划 这个计划看起来很完美,从早到晚有学习…

前端优化之代码压缩gzip

这里的代码压缩不是指的vite当中的build.minify的那个选项,而是指的是gzip这样的压缩方式。前者指的是格式上的压缩,也就是把src代码之中的空格、格式之类的全部去除掉。后者指的则是服务器对代码的一种压缩方式。 一、简要说一说服务器端对代码的压缩 …

使用Go语言编写自定义的HTTP代理:探险网络奇幻之旅

你是否曾经想过自己也能编写一个代理服务器,掌握网络冲浪的主动权?现在,有了Go语言,这个梦想不再遥不可及!让我们一起踏上这段探险之旅,用Go语言编写一个自定义的HTTP代理,开启网络奇幻之旅&…

两个角度解决msvcr120.dll丢失的问题,修复msvcr120.dll丢失

msvcr120.dll 是 Microsoft Visual Studio 2013 的一部分,它属于 Visual C Redistributable Packages 的一个组件。在使用电脑的过程中是否遇到过msvcr120.dll 丢失的情况,约到这样的问题,大家是怎么解决的?今天教大家从两个角度去…

【操作系统】实验九 写一个设备驱动程序

🕺作者: 主页 我的专栏C语言从0到1探秘C数据结构从0到1探秘Linux 😘欢迎关注:👍点赞🙌收藏✍️留言 🏇码字不易,你的👍点赞🙌收藏❤️关注对我真的很重要&…

etcd未授权到控制k8s集群

在安装完 K8s 后,默认会安装 etcd 组件,etcd 是一个高可用的 key-value 数据库,它为 k8s 集群提供底层数据存储,保存了整个集群的状态。大多数情形下,数据库中的内容没有加密,因此如果黑客拿下 etcd&#x…

数字地球开放平台农作物长势监测解决方案

数字地球开放平台农作物长势监测解决方案 利用遥感技术进行产量预测是一种高效而准确的方法,通过监测植被的生长状况、土地利用、气象等因素,可以为农业决策提供有力支持。数字地球开放平台拥有200颗卫星,为您提供一站式卫星遥感服务。 农情监…

Java工程师的你,真的不想了解一下《Java内存区域详解》吗?(重点)

Java工程师的你,真的不想了解一下《Java内存区域详解》吗?(重点) 文章目录 Java工程师的你,真的不想了解一下《Java内存区域详解》吗?(重点)前言运行时数据区域程序计数器Java 虚拟机…

【Unity3D日常开发】Unity3D中设置Text行首不出现标点符号

推荐阅读 CSDN主页GitHub开源地址Unity3D插件分享简书地址我的个人博客 大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 一、前言 在开发中会遇到Text的文本内容行首出现标点符号的情况&#xf…

智云影院CMS程序PHP源码, 无需数据库,附带搭建教程

源码介绍 本程序无需数据库,直接上传源码即可访问,(服务器或虚拟主机空间)都可以搭建使用!模板自适应端,浏览体验更佳!安装操作简单!无需繁琐的操作,即可快速拥有一个视…

HCIA学习作业二

要求:基于192.168.1.0/24进行合理划分,要求全网通 [AR3]display ip interface brief [AR3]display ip routing-table [AR1]display ip interface brief [AR1]display ip routing-table [AR2]display ip interface brief [AR2]display ip routing-tab…

解决WinForms跨线程操作控件的问题

解决WinForms跨线程操作控件的问题 介绍 在构建Windows窗体应用程序时,我们通常会遇到需要从非UI线程更新UI元素的场景。由于WinForms控件并不是线程安全的,直接这样做会抛出一个异常:“控件’control name’是从其他线程创建的,…

数字图像处理(实践篇)三十一 Raw图像数据转为RGB图像实践

目录 1 Raw图像和RGB图像 2 Raw图像的排布方式 3 方案 4 实践 5 其他 1 Raw图像和RGB图像 Raw图片是未经压缩的,没有任何数据损失,Raw图片保留了从图像传感器捕获的每个像素的原始信息,因此可以实现更高的图像质量。