我是谷歌关闭的新手......谷歌是否有一个简单的模板来设计一个简单的用户注册/登录页面?我所看到的主要是用于 UI 操作的工具,例如创建 DOM 等。
3 回答
您无法使用闭包库呈现整个登录页面,但是您可以使用特定的 ui 组件来生成输入、标签、表单、按钮等,并为每一个指定操作。e
最好的方法是简单地使用它们,但是为预定义的 goog.ui 组件定义自己的自定义 css 有点不方便。这就是为什么我通常坚持使用常用的 goog.dom.createDom 函数。
不利的一面是,您必须编写更多代码才能获得相同的视觉效果,但我使用的是类似 js 的 gss 实现,它在运行时以 css 样式计算所有变量,并自动服务器浏览器/版本特定的 CSS 样式,无需为每个浏览器提供不同的样式表。就处理时间而言,更快、更清洁,而且成本更高。
闭包库中有很多很酷的东西,尤其是在用户界面方面,只要弄清楚你需要什么以及你计划使用什么样的用户范围。如果你想与几乎所有使用中的浏览器完全兼容,从 IE 5+ 开始(我说 IE 因为这个是最糟糕和最难兼容的)、Firefox、Chrome、Safari、Dolphin、移动手机浏览器等,闭包库的模块化设计使您能够在运行时计算特定于浏览器的 CSS,而不必是一个昂贵的过程。
它具有设计登录页面所需的非常组件。查看用于 AJAX 的 UI 控件和 goog.net。
http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/index.html
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 标签中访问上述脚本。