网页系统,前端设计需要注意的细节(一)

前言网页设计对很多小伙伴来说都不值得一提,如今很多同学在大学里也经常制作网页系统当课程设计,当是真正面向企业,面向客户,还是有很多细节需要注意的。
这一专栏目的就是记录自己在网页设计时遇到的,涉及到的细节。为自己以后的设计排雷,也希望能帮助到大家。

1、排版问题

表格的设计并不难,前端框架也能为我们设计表格提供很多方便。但面对不同类型的数据,比如文字、数字、时间 等我们应该怎么排版比较好呢?并不是自己觉得怎么好看怎么来哦 毕竟设计出来的东西是交个企业和客户,更是应该符合大流的形式
那面对有时候不是很常见的类型,不了解的话需要怎么排版呢?
这个时候更应该追寻**“初衷”——跟寻系统**,更直接的方法呢,就是打开EXCEL,找到你需要的数据类型,看看excel是怎么排版的,是居中还是居右,那么就跟着它的格式排版就可以啦!下面列举几种常见的类型的排版格式:

  1. 数字——居右
  2. 文字——居左
  3. 选择的文字(下拉选择)——居中

注意:
1、用在不同场景的数字,也还要考虑是否需要设置为小数点格式,比如说,记录整数型个数的(人数、题目数等),则可以不考虑小数点,但类似分数(平均数等)则需要考虑一位甚至是多位小数点;
2、除了数据需要考虑排版,表格列名也要记得跟随数据排版
3、对于下拉框中的内容,一般需要另外设置数据库表格保存内容。一是为了方便之后下拉框功能内容的新增,二是为了减少代码中的硬代码量

2、搜索栏

搜索栏需要注意与表格的分页联动问题,比如说:

点击其他页面了,第一页的内容是否还能搜索出来?
解决方法:初始位第一页,其实很多情况下,不是搜不到了,而是你停留在了其他页面里,没有回到第一页罢了;所以就应该在搜索后,记得将“当前页”的变量重新改变为第一页,即重新将当前页面初始化到第一页。

(后续更…)

你可能感兴趣的:(Angular,初识微服务,Spring框架系统,typescript,网页设计)