项目创建和插件安装
再在控制台输入npm start
导包
路由和页面组件创建
目录结构
edit文件为js，写错了
推荐插件 ：
快捷键rfce
用路由组织页面
引入插件
写了两个路由
新建index.js在src/routes中（路由文件）
写好两个路由之后再入口页面index中进行配置
让404生效
app.js中，相当于用for循环将路由展示出来。
重定向
管理后台页面框架搭建
复制粘贴杠官网上的layout布局
修改app.js
修改部分官网上的代码
修改content内容
记得在src/index中导包
在Frame中引入logo
调整样式
Frame/index.js中，
把<SubMenu>中的全部删除。
过滤一下，需要显示的显示。
效果：
设置点击跳转
展示：
列表页面搭建
表单页面搭建
点击新增商品后跳转表单页，编辑也跳转到表单页。
新增和编辑的区别在于id，把id作为可选参数。
输入商品名称
修改新增按钮的设置
如此一来，点击后可以跳转编辑页。
展示：
输入商品价格
展示：
设置价格区间
api接口调用处
登录页面UI
src/pages/Login.js
引入组件---把From里面的内容粘贴过去---修改
展示：
太丑，于是进一步操作：
修改
再引入样式
展示：
再修改成中文样式。
设置管理后台路由的第一个path
管理后台登录判断
是否登录，登录就继续，失败就跳转登录页
登录成功后跳转管理后台首页：
管理后台退出功能UI
引入下拉菜单
展示：
给管理员加图标
点击退出就退出
清除token
axios请求封装
先npm i axios
封装的接口
请求返回之后执行：
商品
807
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
