ruoyi-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.页面
ruoyi-cloud_第1张图片

方法二。 菜单管理添加

1.添加菜单 声明Key
没有Key菜单或者目录就会不显示

系统管理---菜单管理添加 (官方文档)

ruoyi-cloud_第2张图片

2…根据菜单路径 和页面路径 在routerUtil.js的变量constantRouterComponents 配置

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

3.添加新页面(src/views下)

在 src/views 下新建页面的vue文件,如果相关页面有多个,可以新建一个文件夹来放置相关文件。

列表页面 tableList

1.页面新建参照上面的第二种方法

你可能感兴趣的:(笔记)