Giter VIP home page Giter VIP logo

vue-element-ui-admin's Introduction

Vue 3(ScriptSetup) + TS + Vite + ElementPlus + Pinia + VueRouter + Axios

追求极简实用,杜绝花里胡哨。

番外: MareWood 是一个 Go 开发的轻量级前端部署工具,可以很灵活的配置各种打包部署环境并提供访问,特别是远程的时候,方便后端和测试使用。

react版: https://github.com/xusenlin/react-ant-ui-admin

介绍

  • 干净简单职责清晰的一个后台模板,开箱即用。
  • 简单处理Axios以方便json、formData、文件上传的操作
  • 全部使用vue3 的单文件 ScriptSetup
  • 封装分页一把梭哈,快速接入业务

系统一览

Stores

使用极轻的 Pinia 约 1kb,目前有 app 和 user 两个 stores,app 目前存储侧边栏开关、黑暗模式、tabsChrome的状态和内容, user则需要你根据你的系统完善,他用来储存用户的token,权限等。

Router

系统的路由除了提供页面之间的跳转还参与菜单的显示,菜单和路由一致,支持无限层级嵌套,并在路由配置的RouteMeta上扩展提供了描述菜单隐藏和权限等配置。

打包环境

目前支持测试、预发布、本地、正式环境的打包,配置好相应的请求,打包自动选择。如果使用配合使用 MareWood ,那么我只负责提交分支和代码,任何分支和环境的预览地址都可以打包。

Repo

vue-element-ui-admin's People

Contributors

dependabot[bot] avatar xusenlin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-element-ui-admin's Issues

build打包文件过大

打包方式有3:
1:npm run build
2:npm run build:dev
3:npm run build:test
问题--------------------
如果使用npm run build生成的包没有app.js且js部分全在js目录下
然而使用2,3打出来的包没有js目录,且有一个app.js包,这个包特别大,有9M多
很难想象现在加载这个页面要多长时间,看看大神是否有办法解决这个问题

动态异步路由问题

菜单部分的渲染数据是在应用启动时就通过静态路由渲染了,那动态路由的菜单渲染怎么做呢

API用法

您好,我用的您的模板有点问题不知道怎么解决,想问一下

  1. api绑定和之前的版本方法一样吗?
  2. 访问后端的端口路径在哪里配置?
    希望您能帮我解答一下,谢谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.