diff --git a/package-lock.json b/package-lock.json
index e2b6547..bc6bc36 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9160,6 +9160,11 @@
         }
       }
     },
+    "loadash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/loadash/-/loadash-1.0.0.tgz",
+      "integrity": "sha512-xlX5HBsXB3KG0FJbJJG/3kYWCfsCyCSus3T+uHVu6QL6YxAdggmm3QeyLgn54N2yi5/UE6xxL5ZWJAAiHzHYEg=="
+    },
     "loader-fs-cache": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz",
diff --git a/package.json b/package.json
index 2d3326a..d54e493 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@reduxjs/toolkit": "^1.5.0",
     "gatsby": "^2.32.3",
     "gatsby-plugin-sass": "^3.2.0",
+    "loadash": "^1.0.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.2",
diff --git a/src/pages/func_group/model_crud/modelCrudIndex.js b/src/pages/func_group/model_crud/modelCrudIndex.js
new file mode 100644
index 0000000..2a88dc9
--- /dev/null
+++ b/src/pages/func_group/model_crud/modelCrudIndex.js
@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const ModelCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default ModelCrudIndex
\ No newline at end of file
diff --git a/src/pages/func_group/render_crud/renderCrudIndex.js b/src/pages/func_group/render_crud/renderCrudIndex.js
new file mode 100644
index 0000000..6ca6d3c
--- /dev/null
+++ b/src/pages/func_group/render_crud/renderCrudIndex.js
@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const RenderCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default RenderCrudIndex
\ No newline at end of file
diff --git a/src/pages/func_group/render_websocket/renderWebsocketIndex.js b/src/pages/func_group/render_websocket/renderWebsocketIndex.js
new file mode 100644
index 0000000..adf516f
--- /dev/null
+++ b/src/pages/func_group/render_websocket/renderWebsocketIndex.js
@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const RenderWebsocketIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default RenderWebsocketIndex
\ No newline at end of file
diff --git a/src/pages/func_group/root.js b/src/pages/func_group/root.js
index b4bec8e..d2c2f99 100644
--- a/src/pages/func_group/root.js
+++ b/src/pages/func_group/root.js
@@ -1,9 +1,22 @@
-import * as React from 'react'
+import React, { useState, useEffect } from 'react'
+
+import UserAuthIndex from './user_auth/userAuthIndex'
+import UserCrudIndex from './user_crud/userCrudIndex'
+import ModelCrudIndex from './model_crud/modelCrudIndex'
+import RenderCrudIndex from './render_crud/renderCrudIndex'
+import RenderWebsocketIndex from './render_websocket/renderWebsocketIndex'
 
 const Root = () => {
+
+    const [userAuthView, setUserAuthView] = useState(true)
+    const [userCrudView, setUserCrudView] = useState(false)
+    const [modelCrudView, setModelCrudView] = useState(false)
+    const [renderCrudView, setRenderCrudView] = useState(false)
+    const [renderWebsocketView, setRenderWebsocketView] = useState(false)
+
     return (
-        <>
-        </>
+        <div>
+        </div>
     )
 }
 
diff --git a/src/pages/func_group/user_auth/userAuthIndex.js b/src/pages/func_group/user_auth/userAuthIndex.js
new file mode 100644
index 0000000..b6ab53a
--- /dev/null
+++ b/src/pages/func_group/user_auth/userAuthIndex.js
@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const UserAuthIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default UserAuthIndex
\ No newline at end of file
diff --git a/src/pages/func_group/user_crud/userCrudIndex.js b/src/pages/func_group/user_crud/userCrudIndex.js
new file mode 100644
index 0000000..91c49be
--- /dev/null
+++ b/src/pages/func_group/user_crud/userCrudIndex.js
@@ -0,0 +1,11 @@
+import React, { useState, useEffect } from 'react'
+
+const UserCrudIndex = () => {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default UserCrudIndex
\ No newline at end of file