今早又做了一点美化。
然后忽然发现对列表的搜索功能可以用js做。
登录时列表已经被加载到网页上面了。有一个搜索功能,就是根据用户输入的关键字从这个列表里查找匹配的条目。
一开始的时候是想需要用ajax来做,每次根据关键字向服务器发送请求,ajax返回结果并显示。
但是忽然发现可以不用向服务器发送请求,直接用js来做。每次用户输入关键字时读取关键字,然后枚举列表里的所有条目,符合条件的显示,不符合条件的就隐藏。这样就轻松地达到了预期的效果,而且效率也不错。
至于服务器方面可能的对商店的更新,我觉得不是很大的问题,用户只需要刷新一遍就可以显示最新的数据了。
这样之后这个页面就剩下这几个部分了。一个是滚动条,目前只是用div的scroll-y来做,简单粗暴,后面再来改。一部分是关键的那张图片,也要等最后才来弄,估计是最后的了。另一个就是鼠标移动到每个结点上所要显示内容的形式。这个估计今天可以做完。
--------------------------------
简单地做完了上面提到的最后一个显示部分。此外还改了好些css和html,写多了一些js,让效果更好一点。
其实有一个新发现,就是像知乎啊新浪啊之类的网站,中间关键部分的页面其实并不是占着整个屏幕的,而是左右都留了好些空。而我一开始上来为了使图片更大更好看,就写满了整个屏幕。其实那样子的目的并不只是为了好看,而是因为窄屏的电脑的需要,为了使整个页面也能显示在窄屏电脑上。所以刚才也把页面改了,因为那样才是更合乎道理的。