小编Jak*_*ake的帖子

根据按下的链接显示特定类别 Ruby on Rails

我有一个博客,在同一页面上呈现每个类别及其各自的sub_categories.(索引视图)我有一个导航部分,我想利用它来根据所按的链接只渲染特定的子类别的帖子.我不知道单独使用ruby是否可行,所以我认为JQuery可能就是这样.

blog_categories index.html.erb:

<%= link_to "BLOG", blog_path %> <!-- Will render latest posts. -->

<li role="presentation" class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    NEWS <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li role="presentation"><a href="#">All News</a></li> <!-- Will render all subcategories that belong to the "news" category -->
    <li role="presentation"><a href="#">Good News</a></li>
    <li role="presentation"><a href="#">Bad News</a></li>
  </ul>
</li>

<li role="presentation" class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    REVIEWS <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li role="presentation"><a href="#">All Reviews</a></li>
    <li role="presentation"><a href="#">Software</a></li>
    <li …
Run Code Online (Sandbox Code Playgroud)

ruby jquery ruby-on-rails

8
推荐指数
1
解决办法
623
查看次数

让我们加密的Nginx加密"欢迎来到Nginx"而不是rails应用程序

我最近将我的Ruby on Rails应用程序部署到一个简单的Ubuntu 16.04 DigitalOcean Droplet,其中包含Nginx,passenger和Let的加密.

rails应用程序只适用于乘客和Nginx,但在我安装了Let's Encrypt后,它指向"欢迎使用Nginx"页面而不是我的rails应用程序.

我可以进行更改以查看"欢迎使用Nginx!" 页面并在浏览器中查看结果.

当我将启用网站的配置中的根位置更改为我的应用程序路径而不是/ html时,我收到403 Forbidden错误.

这是我的申请表: /var/www/myapp/code/

我不知道是什么给了...当我尝试将root更改为我的app/public目录时,我不断收到"403 Forbidden nginx/1.14.0".我甚至将/html文件夹移动到myapp目录中并加载"欢迎使用Nginx!" 那里的页面.我需要做些什么才能index.html.erb在我的应用程序视图中处理我的文件,或者,我是否需要在index.html没有任何内容的情况下进行自定义ERB

我的/ public目录中没有索引文件.我需要做什么才能让nginx指向我root_path在rails应用程序路由中定义的内容?

权限设置root rails为(工作)"欢迎使用Nginx!" 索引路径和myapp /代码/公共路径.

我很乐意帮助,谢谢!

/etc/nginx/sites-enabled/default(没有评论):

server {
    root /var/www/myapp/code/public;

    index index.html.erb index.html index.htm index.nginx-debian.html;

    server_name _;

    location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            try_files $uri $uri/ =404; …
Run Code Online (Sandbox Code Playgroud)

ubuntu passenger nginx digital-ocean lets-encrypt

7
推荐指数
1
解决办法
633
查看次数

在 Ruby on Rails 中使用 simple_form 的不同方式 | 有什么不同?

这些处理“包”编辑表单的方法有什么区别?

这些不同的方法如何影响应用程序的稳定性?它的多功能性?

这些会在哪里遇到重大问题?为什么一个比另一个好?

  1. 通过“方法”? <%= simple_form_for Pack.find(params[:id]), method: :patch do |f| %>
  2. 通过对象 <%= simple_form_for @pack, url: pack_path(@pack), method: :patch do |f| %>
  3. 通过符号 <%= simple_form_for :pack, url: pack_path(@pack), method: :patch do |f| %>

任何信息都会很好,我很想知道!

ruby ruby-on-rails simple-form

5
推荐指数
1
解决办法
4356
查看次数

Webpacker::Manifest::MissingEntryError

我已经开始了一个使用rails newwith的 rails 项目--webpack=react

我在database.yml 中生成了一个新控制器更新了我的PostgreSQL 密码。

到目前为止,一切正常。在这一点上,我要做的就是让 react 呈现默认的 hello_react.jsx 文件,该文件是由 rails 生成的示例文件。

当我放入<%= javascript_pack_tag 'hello_react' %>视图并运行服务器时,出现以下错误:

Webpacker::Manifest::MissingEntryError in Home#index 显示 G:/../../../myGroceryList/app/views/home/index.html.erb 其中第 1 行出现:

Webpacker can't find hello_react.js in G:/../../../myGroceryList/public/packs/manifest.json. Possible causes:

You want to set webpacker.yml value of compile to true for your environment unless you are using the webpack -w or the webpack-dev-server. webpack has not yet re-run to reflect updates. You have misconfigured Webpacker's config/webpacker.yml file. Your webpack configuration …

ruby-on-rails reactjs webpack

5
推荐指数
2
解决办法
2万
查看次数

Flexbox“nowrap”值不起作用

这是我的代码中不起作用的部分:

.copyright {
  display: flex;
  flex-wrap: nowrap;
  /* This is not working */
  color: red;
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<p>Sample</p>
<span>
  <li class="fa-stack">
    <i class="fa fa-square fa-stack-2x" style="color:#3b5998"></i>
    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  </li>
  <li class="fa-stack">
    <i class="fa fa-square fa-stack-2x" style="color:#00aced"></i>
    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  </li>
</span>
<br><br>
<p class="copyright">
  <span>I want this left from icons</span>
  <span>
   <li class="fa-stack">
    <i class="fa fa-square fa-stack-2x" style="color:#3b5998"></i>
    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
   </li>
   <li class="fa-stack">
    <i class="fa fa-square fa-stack-2x" style="color:#00aced"></i>
    <i class="fa …
Run Code Online (Sandbox Code Playgroud)

html css flexbox font-awesome

3
推荐指数
2
解决办法
4162
查看次数

当函数ONLY有1个if语句时,函数是否需要else/elif?

这两个函数在调用时似乎返回相同的值.但是,我想知道在某些情况下2号是否会引发错误?这样做是不好的做法吗?

1号:

def not_sum_to_ten(num1, num2):
  if num1 + num2 != 10:
    return True
  else:
    return False
Run Code Online (Sandbox Code Playgroud)

2号:

def not_sum_to_ten(num1, num2):
  if num1 + num2 != 10:
    return True
  return False
Run Code Online (Sandbox Code Playgroud)

感谢您分享您的知识!

python

1
推荐指数
1
解决办法
62
查看次数

如何隐藏元素溢出而不裁剪嵌入式图像/文本?

我有一个具有属性的容器div overflow: hiddenmax-height100px。此容器元素包含任意数量的内联元素,包括图像和样式化文本。

当前,如果存在超过100像素的内容,则将剪切其余内容。这是我想要的一般行为,除了我一直遇到以下问题:部分文本行被剪切(即,字母的下半部分将被剪切掉)或图像的一半被剪切掉。

我通过手动设置column-width属性找到了解决文本问题的方法,但是我找不到任何阻止图像被裁剪的方法。如果无法在容器div内完整呈现任何文本或图像行,则希望隐藏整个图像/文本行。

总结:我有一个div元素,该元素包装了一系列内联元素(主要是文本和图像),并隐藏了所有溢出内容,并且我不希望显示将裁剪/剪切某些部分的任何文本或图像行。我找到了解决文本问题的方法,但没有解决图片的方法。如何实现所需的功能?

编辑:每个评论者的请求,我张贴我,虽然琐碎,代码:

HTML:

<div id="test">
  <p>
    This is a test. This is a test.This is a test.This is a test.This is a test.This is a test.This is a test.This is a test.This is a test.
  </p>
  <img src="https://hackernoon.com/hn-images/0*xMaFF2hSXpf_kIfG.jpg" alt="Girl in a jacket" width="500" height="600">
</div>
Run Code Online (Sandbox Code Playgroud)

内联元素只是包装在适当标签中的文本和图像(它们的实际值是动态的,并且会根据情况而变化。我在此处提供的内容仅是示例。

CSS:

#test { 
  max-height: 200px;
  max-width:200px;
  overflow: hidden; 
}
Run Code Online (Sandbox Code Playgroud)

这是此示例的JS小提琴。如您所见,图像被裁剪。

这是另一个JS小提琴示例,其中文本本身在行的中间被剪切。

在第一个示例中,我希望图像完全不显示。

在第二个中,我希望最后一行完全不显示。

不能完整显示的元素应该不显示。我在获取图像所需的行为方面特别麻烦,因此特别感谢您的帮助。

html css hidden crop overflow

-3
推荐指数
1
解决办法
191
查看次数