fankof29 / ift50

尝试使用GIT 顺便完成任务五十
5 stars 1 forks source link

ift50 百度前端学院2016


设计思路

一开始看到这块,整个人是有点蒙的。本来在任务四十二,还是一个页面,利用js+jq操作操作dom,做出来一个日历玩。现在忽然来了四个页面。 还需要页面与页面之间能够相互传递数据,我第一反应是是时候要拿出尘封已久的php了么,后来意识到纯粹的前端语言可一个完成。在此感谢html5 感谢cookie。

言归正传。

一开始把项目分成了,主页面,表单编辑页面,表单填写页面、表单生成页面、图表页面 这个项目最大的难点就是,编辑表单、生成表单的数据联系,以及表单填写,把每次表单填写的内容通过图表表现出来,这几个功能相互串起来。

通过了sessionStorage,建立了一个总的数组[],一个表单是一个数组,存储在总数组中。

因为在表单管理界面中每一个表单是这样排列的

|表单一号| |表单二号| |表单三号|

所以就可以通过表单的位置从总的数组中,选取对应你想处理的表单的数组a,把a放进seesionStorage.临时数组中,然后其他的页面就可以通过临时数组读取表单的信息。同时传递的有代表临时数组位置的index。

这样在表单编辑,填写,生成图表,就可以通过临时数组,和index把处理后的数据传递到总数组中。

有了这个思路,处理这个任务50就会好很多了。

以上。