ruoyi-cloud

飄然生發表於2019-10-25
Cloud

群公告文件
Ant-Design使用說明

去頁面的介面配置 router.config.js / routerUtil.js /
去後臺的介面配置 src/api/system.js

啟動

一。服務端啟動：euraka config gateway system auth
二。redis啟動:

cd D:\Redis Windows x64\Redis-x64-3.0.504
redis-server.exe redis.windows.conf

三。前端啟動

cd ruoyi-ant
yarn run serve

新增新頁面

三步驟：1.宣告key —— 2.key對應頁面路徑 —— 3.頁面

一。表單頁 詳情頁的新增

1.在 routerUtil.js的函式buildmenu新增 title / icon / key 宣告key

{
	'title': '詳情頁',
	'key': 'profile',
	'component': 'RouteView',
	'icon': 'profile',
	'children': [
	     {
		'title': '基礎詳情頁',
		'key': 'profileBasic',
		'icon': ''
	     },
	     {
 		'title': '高階詳情頁',
  		'key': 'profileAdvanced',
  		'icon': ''
	     } 
         ]

2.在 routerUtil.js的變數**constantRouterComponents **動態引入頁面元件 根據後Key

  後兩個Key用作這裡   第一個Key用做目錄的標識，一樣的話就會同步伸展收縮目錄        
profileBasic: () => import('@/views/profile/basic/Index'),
profileAdvanced: () => import('@/views/profile/advanced/Advanced'),

3.頁面
在這裡插入圖片描述

方法二。 選單管理新增

1.新增選單 宣告Key
沒有Key選單或者目錄就會不顯示

系統管理---選單管理新增 （官方文件）

在這裡插入圖片描述

2…根據選單路徑 和頁面路徑 在routerUtil.js的變數constantRouterComponents 配置

userList: () => import('@/views/system/UserList')

3.新增新頁面（src/views下）

在 src/views 下新建頁面的vue檔案，如果相關頁面有多個，可以新建一個資料夾來放置相關檔案。

列表頁面 tableList

1.頁面新建參照上面的第二種方法

相關文章