Question

我是google关闭的新手......谷歌是否有一个简单的模板来设计一个简单的用户注册/登录页面？我所看到的主要是用于UI操作的工具，如创建DOM等等。

Answer 1

您无法使用闭包库呈现整个登录页面，但是您可以使用特定的ui组件生成输入，标签，表单，按钮等，并为每个组件指定操作。 e

最好的方法是简单地使用它们，但是为预定义的goog.ui组件定义自己的自定义css有点不方便。这就是为什么我通常坚持使用常见的goog.dom.createDom函数。

在不利方面，你必须编写更多的代码来实现相同的可视化结果，但我使用的是类似js的gss实现，它在运行时计算css样式中的所有变量，并自动服务于浏览器/版本特定的CSS样式，无需为每个浏览器提供不同的样式表。更快，更清洁，在处理时间方面只是更贵一点。

闭包库中有很多很酷的东西，特别是涉及到用户界面时，只需要弄清楚你需要什么以及你计划的用户范围。如果你想要与几乎所有使用的浏览器完全兼容，从IE 5+开始（我说IE浏览器这个是最难以实现兼容性的最难实现的），Firefox，Chrome，Safari，Dolphin，mobile手机浏览器等，Closure Library的模块化设计使您能够在运行时计算特定于浏览器的CSS，而无需昂贵的过程。

Answer 2

它具有设计登录页面所需的非常组件。看着用于AJAX的UI控件和goog.net。

http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/index.html

Answer 3

function setUp() {
    var li1 = new goog.ui.LabelInput('USER NAME');
            li1.render(goog.dom.getElement('d1'));
    var li2 = new goog.ui.LabelInput('PASSWORD');
            li2.render(goog.dom.getElement('d2'));  
    var fb1 = new goog.ui.Button('Login',
            goog.ui.FlatButtonRenderer.getInstance());
            fb1.render(goog.dom.getElement('fb1'));
         goog.events.listen(fb1, goog.ui.Component.EventType.ACTION,
            function(e) {
             alert('welcome');
            }); 
}

在ID为“d1”，“d2”和“fb1”的div标签中访问上述脚本。

用于登录页面的谷歌闭包UI模板

3 个答案: