一个(非常非常常见的)练习,使用了Vue全家桶、TypeScript、Element+三件套

效果

登录页

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

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

页面

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

权限管理

用户管理

顾名思义管理用户(指B端员工),尤其是要为用户分配角色

角色管理

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

菜单管理

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

商品管理

品牌管理

顾名思义管理品牌

属性管理

顾名思义管理商品属性

SPU管理

顾名思义管理SPU

SKU管理

顾名思义管理SKU

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

数据大屏

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

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

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

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

主要是我穷狗一个买不起云服务器,我也不知道有什么免费整自用接口的方案,如果大佬们有请务必教我

总结

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