一个（非常非常常见的）练习，使用了Vue全家桶、TypeScript、Element+三件套

效果

登录页

我很想知道许多大佬究竟哪里冒出来的美学素养，总是能设计出爆炸好看的登录或者其他组件

但对于一个B端应用而言花活倒确实没用

页面

左侧是目录，上面是版头，右下侧则是中心

权限管理

用户管理

顾名思义管理用户（指B端员工），尤其是要为用户分配角色

角色管理

顾名思义管理角色（或者说职位/地位啥啥啥），尤其是要为角色提供访问某些路由/进行某些操作的权限

菜单管理

顾名思义管理菜单，这些和后端返回的动态路由有关

商品管理

品牌管理

顾名思义管理品牌

属性管理

顾名思义管理商品属性

SPU管理

顾名思义管理SPU

SKU管理

顾名思义管理SKU

条件查询就先不做了，因为在别的地方放了个关键词查询，然后感觉大部分情况下条件查询和关键词查询一样的（

数据大屏

其实是一些死数据，但无所谓，因为使用SSE单工通讯就能立马使数据变活，关键还是echarts

地图不能加载是http协议的原因，github page本身配置https很简单，勾选”enforce https”即可

但因为这是个练习项目，用的公用练习接口是http，地图是https，不知道咋整

当然我虽然没系统学过后端，但写点常见的crud接口还是没问题的，我可以用node或java spring写

主要是我穷狗一个买不起云服务器

总结

我好菜啊.jpg，我什么时候才能变得牛逼起来