码迷,mamicode.com
首页 > 其他好文 > 详细

OAUI前台设计(二)

时间:2018-02-24 13:10:09      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:搜索引擎   关系   oa办公   .com   ima   使用   under   oa办公系统   ram   

今天看了菜鸟教材的页面,他的页面类似于OA办公系统UI,突然有所想法。

1.我以前纠结的是菜单栏要做到无刷新,这样的话,只能使用iframe等技术,这要是不利于搜索引擎搜索的。

2.今天看来菜鸟教材的UI,突发想法,在刷新的状况下,视觉上做到一个无刷新的效果,虽然会增加工作量,但是会优化搜索引擎。

  目前是我能想到的一个办法(pjax这个暂时先放一边)

设计的思路:

  技术分享图片

这边菜单导航不管怎样都会存在一个默认选择的一个变色效果,刷新页面,重新请求资源,我固定(写死)菜单与对应内容的对应关系,这样对应的菜单变色

也就是说菜单的变色一对一的带出内容,不管怎样请求资源,这个变色的状态是不会改变的。

 

OAUI前台设计(二)

标签:搜索引擎   关系   oa办公   .com   ima   使用   under   oa办公系统   ram   

原文地址:https://www.cnblogs.com/jack-xsh/p/8464804.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!