基于Vue3+ts+Pinia的后台管理系统

Vue3+ts+Pinia管理系统

  • 项目介绍
    • 项目简介
    • 界面展示
      • 登录界面
      • 商品界面
      • 用户界面
      • 角色管理界面
  • 接口文档
  • 项目地址

项目介绍

  • 包含对商品、订单、用户增删改查等后台的管理业务,并提供数据可视化的报表功能的管理系统。
  • 界面进行了高级封装,可以通过引入组件传入配置实现快速搭建

项目简介

  • Vues+TypeScript+ Vue-Router+Pinia+Axios-Less-Element-plus
  • Editconfig+ESLint+Prettiar代码编写规范
  • 代码提交规范git huksy.Commitizen
  • 项目开发,命名,目录,组件规范等
  • Axios的TypeScript工具二次封装
  • 登录模块、用户管理、部门管理、角色管理等
  • 商品管理、商品信息、故事,故事列表等
  • 动态菜单、动态路由、权限管理等
  • Element-Plust组件的二次封装以及配置方案
  • 页面分层架构思想和开发模式

界面展示

登录界面

基于Vue3+ts+Pinia的后台管理系统_第1张图片
超级管理员登录后界面展示:

商品界面

基于Vue3+ts+Pinia的后台管理系统_第2张图片

用户界面

基于Vue3+ts+Pinia的后台管理系统_第3张图片

角色管理界面

基于Vue3+ts+Pinia的后台管理系统_第4张图片

接口文档

  • postman测试工具的安装和使用教程可以自行搜索,很容易找到。下载后把接口文档导入postman测试即可;

+设置 baseURL = ‘http://codercba.com:5000’

  • 接口文档链接:https://documenter.getpostman.com/view/12387168/TzzDKb12
  • 接口界面:
    基于Vue3+ts+Pinia的后台管理系统_第5张图片

项目地址

  • 项目地址:https://github.com/Sevgilid/vue3-cms.git
  • clone下来后可以使用以下两个账号体验不同权限用户的功能
  • coderwhy 123456
  • coderdemo 123456

你可能感兴趣的:(vue.js,前端,typescript,coderwhy,后台管理系统)