1 Star 1 Fork 0

陈禹豪 / Vue3+ts+pinia

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Vue3 + TypeScript + Vite + Pinia 开发的后台管理系统系统


效果预览图:

Admin身份: 输入图片说明


Common身份: 输入图片说明


技术栈

    1. 使用了VUE3的setup语法糖搭配TS进行开发
    1. 使用了ElementPlus UI框架进行UI设计的开发
    1. 利用了Pinia等状态管理工具处理数据的交互
    1. 使用axios对ajax请求进行封装处理,与后台交互数据
    1. 利用了mockJS对部分数据进行了部分数据的模拟
    1. 使用了Echarts等数据可视化的框架进行对数据的可视化开发
    1. ....

模块分类

  • 商品管理模块,订单模块,数据可视化模块,权限模块,用户模块,用户登录模块

模块功能

用户登录模块

1.判断用户token以确定登录用户的身份,再登录    2.判断用户token,以确定对应拥有权限,再对功能列表进行展示    3.判断用户TOKEN,生成对应个人信息

商品管理模块:

1.进行商品列表的管理:
        1.1.进行商品列表的展示。      1.2.输入商品ID以展示对应商品详细信息。     1.3.可以对商品进行添加删除修改的操作`
2.进行商品分类的管理:
        2.1.对所有商品一二三级分类的展示。     2.2.可以对商品分类进行增加删除修改的操作`
3.进行商品分类参数的管理:
        3.1.选择某一分类,对其动态参数或静态属性进行展示。      3.2.可以对商品分类参数进行增加删除修改的操作`

订单模块:

     1.对订单列表信息进行展示。    2.可以根据订单ID查询获取对应的订单详情    3.可以在对应订单行按详情键查看详细订单详情    4.查看mock数据展示的对应物流信息 

权限模块:

1.对所有的权限列表信息进行展示
2.对用户角色进行管理
    2.1 可以查看对应角色所拥有的权限    2.2 可以对角色进行增加删除编辑的操作    2.3 对角色进行权限的分配

用户模块:

    1.对所有用户信息进行展示    2.可以对用户进行增加删除修改查询的操作    3.可以对用户进行角色的修改

空文件

简介

使用了Vue3+pinia+typescript进行开发的后台管理系统 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/chou-she/vue3-ts-pinia.git
git@gitee.com:chou-she/vue3-ts-pinia.git
chou-she
vue3-ts-pinia
Vue3+ts+pinia
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891