开始练习用Rails创建电子商务网站。第一步

如果您能温柔地指出错误或给予建议,我将非常感激。另外,由于我以前从事行政方面的工作,希望您能放过一些细节。(※由于我是第一次接触Rails 7系列,如果有其他信息,请参考那个!)

粗略的设计

图像

    • トップページ

 

    • 新規登録ページ

 

    • ログインページ

 

    • マスタページ(出品者画面)

 

    • 商品一覧ページ

 

    商品詳細ページ

功能可以被理解为某物或某个系统所具有的特定特性或能力。

    • 新規登録

 

    • ログイン

 

    • メール認証

 

    • 商品登録

 

    購入手続き

数据库

    • ユーザーの情報

 

    • 商品情報

 

    (細かいところは下で…)

到这里就结束吧。其他的部分我们会继续开发新的功能!

环境

    • Ruby 3.0.0

 

    • Rails 7.0.6

 

    • PostgreSQL 14.8

 

    • (自分はM1のMacBook使ってます。コマンドがうまく動かない時は、自分の環境に合わせたコマンドを叩いてください!)

 

    Windowsの民は、WSLをおすすめします!Windows上でLinux使えます!(自分はUbuntu使っていました。)

创建Rails的首个应用程序

rails new myapp --database=postgresql
cd myapp
bundle install
rails db:create

如果PostgreSQL没有启动,(如果你是通过Brew搭建的PostgreSQL,则继续下面的步骤)

brew services start postgresql
rails db:create

检查启动

rails s
rails起動!rails日の丸確認やったね!

如果发生错误并且显示为红色画面

如果看到了database和migrate等字样

数据库相关的错误 de

    • PostgreSQLが起動できていない。

 

    • => brewで環境構築している場合、brew services restart postgresql@14のコマンドを叩いてみて、Successfullyの文字が見えたら、rails db:createを叩いた後にrailsの起動確認をしてください。

 

    • config/database.ymlでPostgreSQLを使う設定ができていない。(アプリケーション作成時にrails new myapp –database=postgresqlが正確にで生きている場合は、この可能性はほぼなし。)

 

    => config/database.ymlのadapter: を探して、adapter: postgresqlに変更する。

创建控制器和模型

控制器版

rails g controller products
rails g controller users

模特编制

rails g model user
rails g model product

如果在db/migrate、app/views和app/controllers的子文件夹中创建了2个文件,则表示成功。

路由设置

让我们通过路由配置将想要显示的文件置于最开始显示的位置。

为了确认是否能够表示,要更改视图。

为了让app/views/products/index.html.erb作为初始显示页面,需要修改routes.rb文件。
在app/views/products/index.html.erb中添加下述内容。

このページはproducts#indexです。

在config/routes.rb文件中添加下面的内容。这个文件用于设置路径和其他配置。

root "products#index"

确认是否显示

マイグレーションエラーが発生
rails db:migrate
ルーティング確認完了

结束

下一次我们将进行迁移和页面移动。我们也计划更新Github。您可以从这里确认!这是用”2nd commit”的评论提交的。

bannerAds