Rails 工程师的开发支持工具Lai ls - 基因拿铁。小米已被释放。您只需填写表格即可轻松组装 rails generate 命令。

模型

rails 生成模型是这样的当您输入索引的列名、类型、存在和类型时,底部显示的 rails generate 命令将实时组装。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

控制器

rails 生成控制器也支持。除了选择七种标准 Rails RESTful 操作外,您还可以添加自己的操作。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

再次,它还支持rails生成脚手架但是,由于大部分解释与 rails generate 模型重叠,我们在此省略介绍。请尝试触摸它。

发展历程

  • 不记得了
    • DB 列类型等。
    • 7 种动作的名称等。
    • 选项等。
  • 容易出现错别字
    • 我不记得references 的拼写了
  • 我写name:string的地方,我写了string:name,后来才注意到

一直到现在,我都是一边看印象笔记中保存的个人笔记一边组装命令,但每次都很麻烦,所以我创建了一个服务。

主功能

我将介绍主要功能。

验证

如果型号名称是复数,或者控制器名称是单数,则会显示警告。

当型号名称输入复数形式时

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

如果为控制器名称输入单数

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

该验证的实施已复数我使用了一个名为(详情如下)的 npm 包。

高级设置

rails generate 有许多可以指定的选项。您可以通过单击显示高级设置来指定这些选项。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

这是 Model 的示例,但我为 Controller 和 Scaffold 实现了类似的高级设置。可以以相同的方式指定选项。

指定修饰符

修饰符,例如多态、精度、比例、限制可以指定。

多态的

如果选择references 作为数据类型,多态的显示复选框。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

精度、规模

如果选择 decimal 作为数据类型,精度和规模你可以指定。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

限制

如果选择integerstringtextbinary 作为数据类型并显示高级设置,限制你可以指定。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

多种语言

目前有日文版和英文版。

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

  • 根据浏览器区域设置确定语言设置navigator.language
  • 如果您手动切换语言设置,则优先

语言设置记录在localstorage中,一旦输入,浏览器会从下次开始记住,不用再切换。这种多语言实现包括react-i18next 和 i18next我使用了一个名为(详情如下)的 npm 包。

要实现的功能

  • rails 生成迁移
  • 导轨新

迁移是我个人最喜欢的功能(因为我在工作中经常使用rails g migration)。

手动组装 rails new 的选项很麻烦,所以我正在考虑处理它。 Rails 主体中的新导轨rails new cool_app --interactive by hahmed Pull Request #39444 rails/rails有一个pull request,如果这个pull request被合并,就可以交互指定rails new options,所以我觉得如果这个功能在Rails本身实现就没有必要了,但是已经被忽略了一年多并且似乎根本没有被合并,所以我也在考虑实施 rails new 。

使用的技术

实际上刺激本来想用的,但是好像不需要后端,而且前端对React比较熟悉,所以这次就用React写了。

  • Next.js
  • 反应
  • 维塞尔
  • 打字稿
  • 材质用户界面

这次我是第一次使用 Next.js 和 Vercel,但是很简单。

我之所以选择 Material UI,是因为它提供了很多组件,而且与 Tailwind UI 不同,它是免费的。使用材质 UI,Lyls - 基因拿铁。小米如您所见,该设计给人一种很酷的印象,但如果您想创建一个更可爱和友好的网站,Tailwind UI 等可能会更好。Lai ls - 基因拿铁。小米我觉得这个设计很酷,所以这次我选择了 Material UI。

发展印象

我发现 React 非常有用。 “反应”形成输入值和组装和显示命令的过程适用于 Virtual DOM。如果你尝试用jQuery等正常实现这样的处理,状态管理的分支会变得复杂,并且可能会频繁出现错误。如果我只使用实际的 DOM 来实现类似的东西,我会创建一个类似于简单虚拟 DOM 的层,它使用数组或对象管理状态并将其反映在视图中。我想我会用这很方便,因为您只需使用 React 就可以轻松地做同样的事情。我能感觉到科技的进步。

硬点

我不擅长 CSS,最难的部分是应用样式。 Flexbox用于固定屏幕底部显示命令的区域,通过在顶部指定flex: 1来实现。100vh 不是 iOS 上 Safari 中的视口高度另一方面,某些浏览器尚不支持 dvh,最后我通过判断浏览器,动态切换dvh和vh来响应。遭受浏览器差异的痛苦是很痛苦的。 .

rails generate コマンドを簡単に組み立てられるサービスをリリースしました【個人開発】

Rails 贡献

Lai ls - 基因拿铁。小米在开发的过程中,发现rails generate命令的一些选项的描述比较草率,对于Rails的贡献,我能够从中汲取灵感。

如果您请求更正措辞,那么能够让母语为英语的人修改您的英语也很好。学到了很多。

在最后

如果你能在 SNS 和公司 Slack 上分享它,我会很高兴!特别是初学者会发现它很有用。


原创声明:本文系作者授权爱码网发表,未经许可,不得转载;

原文地址:https://www.likecs.com/show-308632233.html

相关文章:

  • 2021-05-06
  • 2021-06-20
  • 2021-12-09
  • 2021-04-11
  • 2023-02-10
  • 2021-08-25
  • 2021-12-09
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-14
  • 2021-06-16
  • 2021-06-26
  • 2021-11-08
相关资源
相似解决方案