龙博的新界面beta版预览

在专业级美工小星的帮助下，龙博的新界面（默认皮肤）开发完成，该界面是仿Office2007的，和extjs的界面有点类似。仿Mac和Windows7的界面正在紧张制作中，再过10天能和大家见面。不多说，看图先. (看完后要多提意见和建议哈)
试用:http://www.longboo.com/VisualJS/UIBuilder.html
下载:http://www.longboo.com/download.html
默认的仿Office2007的截图


仿照Mac界面的截图


仿照Vista界面的截图

移植了一个extjs项目《酒店管理系统》的界面，附在这里做一个参考



还有一个是仿Outlook的web mail。

这个编辑器做的不错，但是还是觉得不实用，不知道设计人员熟悉MFC和VCL不，如果能够做成那样的界面设计就能够很好的解决设计难的问题，介于现有的webUI设计，很多人宁可自己写代码来完成界面设计，也不愿意使用webUI编辑器来做！纯属个人建议，如有不妥，不必在意！

现在设计器完全就是参考VCL的底层构架。
我很想知道现在的设计器和VCL的设计器差距在什么地方？ VCL的什么功能是你觉得非常实用，但是我们这个却没有提供？请赐教

牛人佩服，希望能给几个的实例。

我来拨点冷水.
这种基于javascript的开发平台,基本上是在浪费时间.
有几个问题很难解决:
1.调试的问题.Javascript本身是没有调试功能的,这个开发平台怎么办?自己做一个javascript的调试器吗?
2.界面绘制的问题.现在问题是要绘制一个用户界面出来,为了解决这个问题,用javascript写了一个界面绘制,或者说是一个设计器,我的问题是,为啥一定要用javascript来做这件事情呢,用vb啥的,既简单又方便,为啥一定要用javascript来做这种事情呢.

世界上的技术多的很,要选择合适的技术来做合适的事情,一个语言包打天下,既不现实,也不经济.

这位兄台是说到点子上了，这两个问题都曾经困扰我们过。
第一个问题，事实上已经有解决的方案了。我不知道现在最流行的javascript的调试器是什么，但是无非分两种，attach浏览器进程的和非attach浏览器进程的。非attach浏览器，缺点不用说了，调试完了的程序在目标浏览器上可能用不了，因为js的engine（以及对dom的解释等等）是不一样的。现在最多的调试器都是attach浏览器，这个包括vs。net的调试器，aptana的调试器根本原理和attach进程是类似的。事实上最方便的就是浏览器自己调试器， 包括ff所带的firebug，ie7+所带的javascript的调试器。程序员设计好了javascript以后，直接运行，然后在firebug上调试。
第二个问题，事实上不是龙博的问题，是一个b/s和c/s的问题。龙博的界面完全是仿照vb/delphi的，但是结构上是b/s结构。至于到底是b/s还是c/s，要看具体情况了

一些示例请见
http://www.longboo.com/Samples/
我们现在也在做一些复杂一些的案例，包括有前后台

仿照Mac界面的截图




仿照Vista界面的截图

我也泼点冷水，下了源码，在index页中看到如下代码

<div id="layout">
        <div id="head">
            <div>
                <img style="float:right;" border=0 src=img/logo.gif />
                <span id='flag'>Web应用(Ajax RIA)解决方案 - 所见即所得的界面编辑器</span>
            </div>
        </div>
        <div id="body">
            <div class='block'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <strong>龙博AJAX框架是跨浏览器的JavaScript框架集，构建富web应用的利器.</strong>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
            </div>
            <div class='content'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
        <div id='list1'>
            <div> &bull; 富客户端技术, 可以和任意后端技术(包括但不限于php, .Net, Java, python)或静态的HTML页面.</div>
            <div> &bull; 包含40多个图形界面控件, 例如标签(Tabs),窗口对话框(Dialog),树型表格(TreeGrid),时间线(TimeLine)等等.</div>
            <div> &bull; 多浏览器兼容, 包括IE6+, firefox1.5+, opera9+, safari3+ 和 Google Chrome.</div>
            <div> &bull; 大量的<a href="API">API文档</a> 和示例.</div>
            <div> &bull; 不断更新的<a href="CodeSnip">代码片段</a>供程序员参考.</div>
            <div> &bull; 极为方便的所见即所得的<a href="VisualJS/UIBuilder.html">界面编辑器</a>. Web界面使用拖拽轻松搞定，大大降低开发时间.</div>
            <div> &bull; 和其他Ajax框架，如jQuery, prototype, mootools充分兼容.</div>
            <div> &bull; 源代码开放。在<a target=_blank href='http://www.gnu.org/licenses/lgpl-3.0-standalone.html'>LGPL许可</a>下, 可免费应用于个人或商业目的.</div>
        </div>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
            </div>
            <div class='block'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                <a href='http://www.longboo.com/download.html'>免费下载(build 2009-04-13)</a> |
                <a href='http://www.longboo.com/forum'>论坛</a> |
                <a href='API'>API文档</a> |
                <a href='CodeSnip'>代码片段</a> |
                <a href='VisualJS'>可视化编辑器</a> |
                <a href='Samples'>示例</a>
                
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
            </div>
            <table id='list' cellpadding=0 cellspacing=10 width='100%'>
                <tr>
                    <td width='50%'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=API>
                    <div class="title">API文档</div>
                    <img src=img/api.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                    <td width='50%'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=VisualJS/UIBuilder.html>
                    <div class="title">可视化编辑器</div>
                    <img src=img/builder.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                </tr>
                <tr>
                    <td>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=Samples>
                    <div class="title">示例</div>
                    <img src=img/samples.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                    <td>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=CodeSnip>
                    <div class="title">代码片段</div>
                    <img src=img/codesnip.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                </tr>
            </table>
        </div>
        <div class='block'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                合作伙伴
               ..........................

无语，页面是XHTML STRICT DOCTYPE，写的代码也不验证下是否规范？
不谈XHTML语义WEB，也不细究什么JS的效率问题，至少HTML代码也不能太垃圾，难道这张页面是用你们的可视化编辑器编辑的？那么我更不敢用了！