GithubHelp home page GithubHelp logo

developer-plus / vue-hbs-admin Goto Github PK

View Code? Open in Web Editor NEW
126.0 5.0 33.0 1.03 MB

为后台管理系统提供现成的开箱解决方案及丰富的示例,提高开发效率。

Home Page: https://vue-hbs-admin.netlify.app

License: MIT License

HTML 1.33% Vue 55.89% TypeScript 41.22% Shell 0.10% JavaScript 0.24% Less 1.21%

vue-hbs-admin's Introduction

vue-hbs-admin

English / 简体中文

Live Demo · Develop Guide

Introduction

Provide ready-made out-of-the-box solutions and rich examples for backend management systems to improve development efficiency.

Features

  • Vue3,Vite3 - Latest Frontend Technologies;
  • Pinia - State Mangement;
  • TypeScript - Type-safe JavaScript superset;
  • UnoCSS - Atomic CSS Engine;
  • Mock - Built-in Mock data solution;
  • unplugin - API, components auto import.

Why

  • Learn Vue3 + Vite + TS in depth
  • Provide ready-to-use out-of-the-box solutions and rich examples to improve development efficiency.
  • Learn and master project development specifications, code specifications, etc.
  • Learn and master the process of maintaining open source projects.
  • Group progress, learning together, common maintenance, mutual review, step by step.
  • Set a small goal: get 300 star

Participating Contributions

Your contribution is very welcome, and you can build with us in the following ways 😄 :

  • Report bugs, raise new features or description problems via Issue
  • Submit Pull Request to improve featuress

Want to perfect this project together? You can add WeChat: Hongbusi16530 to learn more.

Git Commit Specification

Refer to the Vue specification (Angular)

  • feat new feature
  • fix bug fix
  • docs modify documentation
  • style code style fix (white-space, formatting, missing semi colons, etc)
  • refactor refactor code
  • perf a code change that improves performance
  • test when adding missing tests
  • build changing project builds or external dependencies (such as webpack、gulp、npm and others)
  • ci change scripts commands in configuration files and packages of continuous integration software, e.g. Travis, Circle, etc.
  • chore changes to the build process or supporting tools (For example, changing the test environment)
  • revert code revert

Changelog

CHANGELOG

Contributors

GitHub Contributors Image

LICENSE

MIT, Copyright (c) 2022 Hongbusi.

vue-hbs-admin's People

Contributors

alexzhang1030 avatar chenfan0 avatar hongbusi avatar hongl-1 avatar jersonwei avatar jp-liu avatar kongcodes avatar likui628 avatar rainynight9 avatar renovate[bot] avatar tickheart avatar ttiip avatar wang01h2 avatar xiaoxiayan avatar zgsgs 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

vue-hbs-admin's Issues

图片放大镜功能

Clear and concise description of the problem

可以将对于图片的编辑功能开出一个模块,新增放大镜功能与已有的裁剪功能

Additional context

No response

退出登录

清晰简洁的问题描述

用户下拉,退出登录

清除登录信息,跳转到登录页

附加上下文

No response

锁定屏幕

清晰简洁的问题描述

用户下拉,锁定屏幕
锁定用户屏幕

附加上下文

No response

release 脚本

Clear and concise description of the problem

脚本自动更新版本、生成 changelog、创建 tag、release 版本。

Additional context

No response

页面跳转时的样式过渡

Clear and concise description of the problem

路由跳转时 页面可以有一些渐出渐入的效果

Additional context

No response

动态读取路由,并渲染左侧菜单

清晰简洁的问题描述

目前的问题,如果需要新增一个演示页面,需要到 routes/modules/xx.ts 中添加路由,还需要去 layouts/default/sidebar.ts 中添加对应的 sidebar

需要一种方式,可以动态读取 routes 中的路由,并自动渲染对应的 sidebar

附加上下文

No response

轮播图

清晰简洁的问题描述

添加多种轮播图效果,如:手风琴效果。

附加上下文

No response

TransitionGroup

Clear and concise description of the problem

尝试看看能不能达到预期的动画效果。

Additional context

No response

整体布局调整

Clear and concise description of the problem

头部导航应该占全部窗口宽度 100%

左侧菜单 应该在导航下边 整体高度是 窗口高度 减去 头部导航高度

收起/展开 左侧菜单按钮应该 固定放在左侧菜单最下边

这样的布局 有利于 做微前端、统一导航...

Additional context

No response

面包屑导航

清晰简洁的问题描述

可用在content区域上部分显示面包屑导航,以便于使用。

附加上下文

No response

文件下载

Clear and concise description of the problem

  • 文件流下载
  • 文件地址下载
  • base64 下载
  • 图片 url 下载

Additional context

来源 vue-vben-admin

外部页面

  1. 内嵌页面
    • 项目文档
    • 组件库文档
  2. 外链:
    演示打开菜单打开外链功能,项目文档

image

地图

Clear and concise description of the problem

高德地图,百度地图

Additional context

来源 vue-vben-admin

检索查询的表格组件

Clear and concise description of the problem

上半部分是那种检索表单、下半部分是那种表格列表

Additional context

No response

CI: 使用 renovatebot 为项目自动升级依赖

Clear and concise description of the problem

1. renovatebot 地址

github repo

2. 为什么使用

自动检测项目依赖的版本,并采用 PR 的方式来升级依赖

3. 为什么是 renovatebot 而不是 dependabot ?

renovatebot 可以一次 PR 升级多个依赖的版本,而 dependbot 只能是一次 pr 升级一个依赖的版本,显然不利于 commit-msg 的清爽

Additional context

No response

整体布局修改

Clear and concise description of the problem

头部导航应该占全部窗口宽度 100%

左侧菜单 应该在导航下边 整体高度是 窗口高度 减去 头部导航高度

收起/展开 左侧菜单按钮应该 固定放在左侧菜单最下边

这样的布局 有利于 做微前端、统一导航...

Additional context

No response

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.


  • Check this box to trigger a request for Renovate to run again on this repository

贡献指南

你好!很高兴你有兴趣为 vue-hbs-admin 做贡献。

任务状态

  • issue Assignee 有指向时,表示任务已被领取;
  • issue 下有人留言要去做这个功能,表示任务已被领取;
  • 否则,视为未被领取。

领取任务

  • 项目成员:对应 issue Assignee 指向自己;
  • 非项目成员:对应任务 issue 下留言,项目成员看见会为你修改 Assignee 指向。

最后

祝,编码快乐,收获满满,玩的愉快...

全局异步任务进度展示器

全局异步任务进度展示器

  • 支持任意页面查看当前 如上传文件,报表导入/导出 等一系列异步任务的全局异步任务进度展示器
  • 支持取消当个异步任务队列
  • 支持配置新的异步任务
  • 支持异步任务失败提醒
  • 待补充...

vue-hbs-admin 来征集需求了~

Describe the bug

vue-hbs-admin 来征集需求了~

可以是:

  • 公共组件;
  • 常用的功能;
  • 有趣的动画;
  • 任何你觉得有趣的...

如果你有好的 idea,那么就动动手指来为我们提出宝贵的意见吧~

快速入口~

code editor component

Clear and concise description of the problem

增加代码编写组件,语言包括但不限于javascript、sql、typescript、java...

Additional context

No response

PageWrapper

Clear and concise description of the problem

内容区统一样式

Additional context

No response

当水印被非预期操作移除时,重新绘制水印

清晰简洁的问题描述

useWaterMark 中添加一个 MutationObserver 监听添加水印的节点

当水印被非预期操作(用户操作等情况)移除时,重新绘制水印到对应节点

附加上下文

No response

菜单权限、路由权限、按钮权限

Clear and concise description of the problem

项目中可能遇到的权限问题、目前应该有这几大部分: 菜单权限、路由权限、按钮权限

Additional context

No response

表单组件

Clear and concise description of the problem

常见的表单组件,刚好工作中的项目中正在用,后提炼出来也加入此项目

Additional context

No response

CodeEditor功能优化

Clear and concise description of the problem

CodeEditor在编辑后,可以有基础的错误和日志功能。

Additional context

No response

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.