使用Devise/Oauth将配置文件图片添加到Bootstrap/Foundation Navbar？

我一直在网上调查，并没有找到一个关于使用Oauth /设计/引导或基金会时添加个人资料图片到导航栏的指南 - 任何建议/指南？谢谢。使用Devise/Oauth将配置文件图片添加到Bootstrap/Foundation Navbar？

来源

2013-10-07 piratebroadcast

没有太多的信息熄灭这里......

凡被存储在该档案图片吗？你是从用户的Oauth帐户中获取它吗？从Facebook或Twitter说？或者你自己存储它？

我假设你只是试图用本地存储的配置文件图片更新导航栏，一旦用户登录（是否正确？）。

Bootstrap和Foundation只是JS和CSS库，它们会影响你的显示，但不需要显示你的个人资料图片。

如果您正在使用Ruby on Rails和Devise，则已经有一个名为'current_user'的助手方法，该方法由Devise免费提供。

如果你想在在用户登录您的导航栏，你会那么就用它来显示个人资料图片...

<nav id='nav_bar'> 
    <% if current_user %> 
    <%= image_tag("/assets/yourimagename.jpg", class: "foundation_or_bootstrap_class") %> 
    <% end %> 
    <ul class='nav_links'> 
    <li><%= link_to 'Sign In', '#yourlinkhere', class: 'sign_link' %></li> 
    <li><%= link_to 'Sign Out', '#yourlinkhere', class: 'sign_link' %></li> 
    </ul> 
</nav>

在这种情况下，导航栏将只在页面重载或更新重定向。如果你想用JavaScript来更新导航栏，你也可以这样做，但需要更详细的编码。

如果您首次使用Devise gem，您无法直接访问Devise视图或控制器，因此上面的代码将位于上面的views/layouts/application.html.erb中。

然后，配置文件图片将出现在导航栏中的任何视图甚至设计视图。

如果您想影响设计视图和控制器，有一种方法可以将它们带出。该设计wiki提供有关的细节在这里这个过程......

https://github.com/plataformatec/devise#getting-started

下的“配置视图”和“配置控制器”

我可以走得更远细节，如果你添加一些提供更多的代码例子和更多信息。也许这已经有所帮助？

来源

2013-10-07 20:41:38 SoEzPz

非常感谢。这非常棒 - 我的意思是从FB/Twitter账户导入个人资料图片。 – piratebroadcast

您需要首先在Twitter上注册Twitter，作为https://dev.twitter.com/。他们会为您提供一些在您的网站上使用的数字，以便您可以使用Oauth。您也可以硬编码您自己的个人登录号码，以便测试如何使用Twitter中的数据。我只使用Twitter，我不知道Facebook的设置。我知道Twitter使用Oauth 1，而Facebook使用Oauth 2.设置将会不同。什么是对你更有用，Twitter或Facebook？ – SoEzPz

可以说Twitter。我已经有了Devise和Oauth，以及设置了一个twitter应用程序，并且现在只能获取用户名。请参阅TinyURL.com/Railsapp - 目标是让个人资料照片。这主要是为了了解更多关于这是如何工作的，以获得乐趣。 – piratebroadcast

使用Devise/Oauth将配置文件图片添加到Bootstrap/Foundation Navbar？

回答

相关问题