项目实战2

一、路由的配置和使用

1. 路由的作用、URL地址和页面的适配

2. 安装命令

npm install vue-router@next --save

3. 新建相关页面

4. src目录下新建路由文件routes.ts按右侧代码块写入页面和路由映射关系

5. 项目中导入

import router from './routes'

app.use(router)

安装路由成功

在src中新建routes文件并补充

需要在main里边使用

二、创建后端项目

选择webAPI

然后启动项目

表示创建成功

三、设计数据库

认为需要四个表

登陆的账号密码我写到了用户表里面了 没有再重新弄一个表

1、用户表

字段如图

2、角色表

3、菜单表

4、角色菜单对应关系表