日期:2014-05-18  浏览次数:20660 次

200分,我就求一个解决方案,不够再追加。
现有需求做一个在现有综合信息平台上挂类似QQ弹出的"迷你首页"功能的小看板,该看板主要是显示平台下各个子系统的重要信息。

在其设计过程中有一个很复杂的需求是,这看板的内容需要用户自己来定制。定制方式客户提出的要像QQ空间定制自己的主页一样方便。比QQ还复杂的是页面结构是自己画的,QQ是自己选择整个页面框架形式。

我现在遇到的问题是 怎么可以让用户自己设置一个模板来控制这个看板显示N行N列? 然后如何将内容定制到这个单元格中?我们子系统提供的内容都以URL的方式iframe到单元格中 这个没什么复杂的,自己能够搞定。

但是我现在郁闷的是如何让用户自己做这个页面框架,如何定制?

希望高手解答一下,分不够我们再追加。

------解决方案--------------------


不会,等高手,看看有什么好的办法
------解决方案--------------------
我现在遇到的问题是 怎么可以让用户自己设置一个模板来控制这个看板显示N行N列? 然后如何将内容定制到这个单元格中?

用div+JS用层控制,每个模板一个div用户选择哪个就显示其它隐藏

我们子系统提供的内容都以URL的方式iframe到单元格中 这个没什么复杂的,自己能够搞定。
考虑下AJAX
------解决方案--------------------
不会,顶一下吧
------解决方案--------------------
用户自己设置一个模板来控制这个看板显示N行N列?

我的理解是不是显示风格,即改变模板(网页)的布局
------解决方案--------------------
不会,学习学习一下O(∩_∩)O~
------解决方案--------------------

------解决方案--------------------

------解决方案--------------------
关注!
------解决方案--------------------
再加一个表如何:表结构大概这样

该用户定制了哪些模板
模板的高度
模板的宽度
模板距离页边的距离
模板样式的名字
模板样式的其它一些信息
这个模板引用哪个子系统
...

===========================
在页面上使用可拖动, 可拉动大小的 div, 使用 jquery ajax 传输数据
------解决方案--------------------
动态模班?
一般是这样,模班中的内容分几个部分,每个部分在数据库中有对应的字段,进行数据存储。读的时候动态从数据库中获取响应数据。
然后根据用户的设计 进行动态排列。和用户拖拽模块布局是一个道理。
------解决方案--------------------
临时改变布局只要用DIV+JS控制


如果要记住布局即用户下次登录选择最近登录的布局。(类似于QQ)

我的方法是:
你可以设置多个风格不同的页面
记录用户选择的(数据库记录页面的地址-网页(模板)相对地址)

运行时候是用户选择的(eg:也就是相当于多个登录页面,如果有权限设计可能数据库要加个字段判断了)
------解决方案--------------------
进来学习学习
------解决方案--------------------
做成一个在线的DreamWeaver?
------解决方案--------------------
刚看了楼上一些朋友的
觉得楼主如果变化复杂的话,从数据库获取数据,动态控制布局好些
------解决方案--------------------
是不是可以参考 iGoogle 的做法?
------解决方案--------------------
就是现在流行的定制页面。网上可以搜到那种可自定部局的网页的代码
------解决方案--------------------
探讨
不管是igoogle还是qq空间 他们div这一块一块的内容都是固定在一个布局框架中,例如一个 3:2:1的页面

我目前最主要的是用户如何自己来设计一个3:2:1的模板 然后再选择内容,我再动态生成div然后供用户调整位置 之后保存坐标。

------解决方案--------------------
Up
------解决方案--------------------
这个复杂了。。。

不知道这样可行否?

在用户设计的空白页边上放个工具箱,工具箱里面有页面上的组件,比如说:小 Portal,小图片之类的,用户可以从里面拖出来,
任意放到空白页面上,大小由自己改动,他想怎么摆就怎么摆。

当然了,你所有可供显示的组件都得放在工具箱中,供他们拖,拖走一个之后,工具箱那里就没了,也可以从面板上拖回到工具箱中去。

点保存后,把所有的相关参数:X、Y 值、大小、组件全部存到表中去。
------解决方案--------------------
写一个模块,可以动态生成div,建议最好用jQuery做,优点在于方便定位,快速创建元素
比如说你要创建一个3:2:1的布局

你就可以这样
$("<div>").css("width",60%).appendTo($(document.body));
$("<div>").css("width",30%).appendTo($(document.body));