2

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

4

3 回答 3

1

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

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

不利的一面是,您必须编写更多代码才能获得相同的视觉效果,但我使用的是类似 js 的 gss 实现,它在运行时以 css 样式计算所有变量,并自动服务器浏览器/版本特定的 CSS 样式,无需为每个浏览器提供不同的样式表。就处理时间而言,更快、更清洁,而且成本更高。

闭包库中有很多很酷的东西,尤其是在用户界面方面,只要弄清楚你需要什么以及你计划使用什么样的用户范围。如果你想与几乎所有使用中的浏览器完全兼容,从 IE 5+ 开始(我说 IE 因为这个是最糟糕和最难兼容的)、Firefox、Chrome、Safari、Dolphin、移动手机浏览器等,闭包库的模块化设计使您能够在运行时计算特定于浏览器的 CSS,而不必是一个昂贵的过程。

于 2012-09-15T16:36:57.197 回答
0

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

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

于 2012-09-13T23:38:03.253 回答
0
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 标签中访问上述脚本。

于 2013-08-14T11:58:35.820 回答