前端表格设计

第一，view层，需要分层设计；

第二，model层，需要让数据来控制view层；

思路的话，可以参考react的生命周期概念:

1，插入dom；

2，获得新数据，重新渲染dom；

3，删除dom；

咱们也一样给这三种状态各提供二种处理函数，

will是事前调用；

did是事后调用；

还要有公开出来的setget方法

作用:将前台用户数据通过get或post请求方式,提交给后台,并将新页面标签中接收与后台相应

请求方式:

1,get:将数据以url链接拼接方式提交给后台,速度快,但安全性低,且有数据大小的限制

2,post:将数据以数据包的方式提交给后台,速度较慢,但安全性高,且无数据大小限制

3,前后台交换数据的依据为:表单元素的name与value,name为key,value为value

action:提交的后台接口(请求的服务器指定路径)

特点:1,表头垂直水平居中

2,单元格垂直居中

3,cellspacing控制单元格之间的间距

4,table的显示特性:内容不超过规定的宽高则采用规定的宽高,当内容显示区域的宽高超过规定的宽高,表格的宽高由内容显示区域决定

5,rules:边框规则,设置后会合并边框(cellspacing失效):groups分组带有边框 all所有带有边框,rows行带有边框,cols列带有边框

6,cellpadding:内边距(一般对内容进行格式化布局)

7,cell的width可以规定列宽占比(以上的设置一般在table标签中设置)

8,colspan合并列 rowspan合并行(在表格中直接操作),以上的赋值可以在引号里面直接给值,不用加单位