我有一个博客,在同一页面上呈现每个类别及其各自的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 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) 这些处理“包”编辑表单的方法有什么区别?
这些不同的方法如何影响应用程序的稳定性?它的多功能性?
这些会在哪里遇到重大问题?为什么一个比另一个好?
<%= simple_form_for Pack.find(params[:id]), method: :patch do |f| %><%= simple_form_for @pack, url: pack_path(@pack), method: :patch do |f| %><%= simple_form_for :pack, url: pack_path(@pack), method: :patch do |f| %>任何信息都会很好,我很想知道!
我已经开始了一个使用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 …
这是我的代码中不起作用的部分:
.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)这两个函数在调用时似乎返回相同的值.但是,我想知道在某些情况下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)
感谢您分享您的知识!
我有一个具有属性的容器div overflow: hidden和max-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小提琴示例,其中文本本身在行的中间被剪切。
在第一个示例中,我希望图像完全不显示。
在第二个中,我希望最后一行完全不显示。
不能完整显示的元素应该不显示。我在获取图像所需的行为方面特别麻烦,因此特别感谢您的帮助。