GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → buqiyuan → Vue3 Antd Admin

buqiyuan / Vue3 Antd Admin

Licence: mit
基于vue-cli/vite + vue3.0 + ant-design-vue2.0 + typescript hooks 的基础后台管理系统模板 RBAC的权限系统, JSON Schema动态表单,动态表格,漂亮锁屏界面

Programming Languages

typescript
32286 projects

Labels

hooksjson-schemaadmin-template

Projects that are alternatives of or similar to Vue3 Antd Admin

Icestore
🌩 Simple and friendly state for React
Stars: ✭ 317 (-5.09%)
Mutual labels:  hooks
Rock Paper Scissors React
Challenge #5 from Frontend Mentor
Stars: ✭ 339 (+1.5%)
Mutual labels:  hooks
React Awesome Reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 346 (+3.59%)
Mutual labels:  hooks
Vuetify Jsonschema Form
Create beautiful and low-effort forms that output valid data.
Stars: ✭ 320 (-4.19%)
Mutual labels:  json-schema
Json Schema
JSON Schema validator for PHP
Stars: ✭ 331 (-0.9%)
Mutual labels:  json-schema
Pyjfuzz
PyJFuzz - Python JSON Fuzzer
Stars: ✭ 342 (+2.4%)
Mutual labels:  json-schema
Uix
Idiomatic ClojureScript interface to modern React.js
Stars: ✭ 317 (-5.09%)
Mutual labels:  hooks
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: ✭ 353 (+5.69%)
Mutual labels:  admin-template
Vue Cli
📃基于 Vue3.0 Composition Api 快速构建实战项目
Stars: ✭ 335 (+0.3%)
Mutual labels:  hooks
Formily
Alibaba Group Unified Form Solution -- Support React/ReactNative/Vue2/Vue3
Stars: ✭ 6,554 (+1862.28%)
Mutual labels:  json-schema
Vue Form Builder
Build powerful vue form with JSON schema and composition api.
Stars: ✭ 325 (-2.69%)
Mutual labels:  json-schema
Bulma Admin Dashboard Template
🐝 Free admin dashboard template with bulma css
Stars: ✭ 327 (-2.1%)
Mutual labels:  admin-template
Dtsgenerator
TypeScript d.ts file generate from JSON Schema file
Stars: ✭ 344 (+2.99%)
Mutual labels:  json-schema
Swagger Cli
Swagger 2.0 and OpenAPI 3.0 command-line tool
Stars: ✭ 321 (-3.89%)
Mutual labels:  json-schema
Ring Swagger
Swagger Spec for Clojure Web Apps
Stars: ✭ 351 (+5.09%)
Mutual labels:  json-schema
React Components By Ruvkr
A collection of Responsive Animated Mobile friendly Lightweight React Components
Stars: ✭ 319 (-4.49%)
Mutual labels:  hooks
Mahou
Mahou(魔法) - The magic layout switcher.
Stars: ✭ 335 (+0.3%)
Mutual labels:  hooks
React Music Player
React，TS的音乐播放插件，歌词同步功能，适配PC和移动端；A music player build with react and typescript for mobile and PC
Stars: ✭ 357 (+6.89%)
Mutual labels:  hooks
Angular Admin
🔏Admin client for surmon.me blog powered by @angular and Bootstrap4
Stars: ✭ 352 (+5.39%)
Mutual labels:  admin-template
Json
C++ header-only JSON library
Stars: ✭ 343 (+2.69%)
Mutual labels:  json-schema
View All Similar Projects ➔

vue3-antd

基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板

系统模块数据是从后端获取来的真实数据，路由也是从后端动态获取的，而后端是通过内网穿透提供访问的，难免会有访问失败的情况 所以如果进入页面时提示网络错误，则需要再次刷新页面请求接口

使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0，实践vue3.0的新特性以及玩法，不得不说vue3.0的Composition API相比于vue2.0的Options API 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用hooks的形式去代替以前mixins等的写法。更多hooks可以参考vueuse

功能、组件的封装

  • [x] 动态表格（扩展了伸缩列功能，以及使用JSON schema配置生成表格） // TODO 后续有待加强及完善
  • [x] 动态表单（满足基本的需求） // TODO 后续有待加强及完善
  • [ ] 自定义弹窗（支持8个方向拖拽改变大小以及拖拽移动位置）// TODO: 继承antd原组件所有props
  • [x] 图片视频预览（目前只是简单显示）
  • [x] 分割组件（目前只做了左右）
  • [x] 图标组件封装(本地svg封装、阿里图标的在线和离线封装)
  • [ ] 其他...

页面功能

系统看板

  • [x] 首页
  • [ ] 疫情地图
  • [ ] 系统日志
  • [ ] 前端性能监控

系统管理

  • [x] 账号管理
  • [x] 角色管理
  • [x] 资源管理
  • [x] 字典管理

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].