使用傳統開發方式加入 admin/pages#dashboard 頁面及相關 JS

hungmi · Sep 22, 2021 · 85d9fe3 · 85d9fe3
1 parent 655b227
commit 85d9fe3
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 0 deletions.
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
@@ -1,3 +1,4 @@
 //= link_tree ../images
 //= link_directory ../stylesheets .css
 //= link application.js
+//= link admin/application.js
diff --git a/app/assets/javascripts/admin/application.js b/app/assets/javascripts/admin/application.js
@@ -0,0 +1,5 @@
+//= require admin/pages-dashboard
+
+window.addEventListener("load", function(event) {
+	console.log('hello! from admin/application')
+})
diff --git a/app/assets/javascripts/admin/pages-dashboard.js b/app/assets/javascripts/admin/pages-dashboard.js
@@ -0,0 +1,3 @@
+window.addEventListener("load", function(event) {
+	console.log('hello! from admin/pages-dashboard.js')
+})
diff --git a/app/assets/stylesheets/admin/pages.scss b/app/assets/stylesheets/admin/pages.scss
@@ -0,0 +1,3 @@
+// Place all the styles related to the admin/pages controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/
diff --git a/app/controllers/admin/pages_controller.rb b/app/controllers/admin/pages_controller.rb
@@ -0,0 +1,6 @@
+class Admin::PagesController < ApplicationController
+  layout 'admin'
+
+  def dashboard
+  end
+end
diff --git a/app/views/admin/pages/dashboard.html.erb b/app/views/admin/pages/dashboard.html.erb
@@ -0,0 +1,2 @@
+<h1>Admin::Pages#dashboard</h1>
+<p>Find me in app/views/admin/pages/dashboard.html.erb</p>
diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Admin</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag 'application', media: 'all' %>
+    <%= javascript_include_tag 'admin/application' %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>
diff --git a/config/routes.rb b/config/routes.rb
@@ -1,4 +1,7 @@
 Rails.application.routes.draw do
+  namespace :admin do
+    get 'pages/dashboard'
+  end
   root 'pages#home'
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
 end