ideaplus 版本&预览 查看

客户端

要判断local storage 数据是否存在

载入默认官网首页

获取失败

后端载入模板视图

后端渲染技术方案（静态）

结束

真

判断`管理后台`是否有发布线上版本

           

没有

ideaplus用户访问客户端官网首页

关于网站SEO收录分析：1：https://www.meiwen.com.cn/subject/ncabmctx.html2：https://zhidao.baidu.com/question/368626181228918524.html3：https://zhidao.baidu.com/question/177568469688633244.html

获取成功

js将用户设置的数据存储到 local storage

有发布线上版本

数据有问题

ideaplus客户端官网

ideaplus后台管理端查看版本

第二个

后端判断`版本`是否存在

不存在

客户端视图脚本载入`local storage`数据

客户端进行脚本渲染 `local storage` 的数据到元素里面

响应至客户端

window.open打开新Tab链接操作，并带入`版本Id`参数

客户端脚本渲染技术方案（动态）

判断是否获取到`版本数据`

缺点：搜索引擎不能抓到页面关键字，对SEO推广非常不友好

虽然不会发生这种情况，但也不能保证客户端的网络突发问题，或者服务器突发问题

后端判断是否提交`版本Id`

第一个

window.open打开新Tab链接操作

后端载入模板视图并渲染视图

客户端脚本动态渲染数据到元素组件

优点：搜索引擎能抓到页面关键字，对SEO推广非常好

后端进行视图数据渲染

ideaplus管理后台

第三个

后端载入`版本Id`数据

后端判断`版本Id`是否存在

ideaplus后台管理端预览版本

ideaplus管理后台查看

ideaplus管理后台预览

   

客户端发起Ajax，获取版本Json结构体