Python+Flask+Vue+Element组件开发的开源运维管理系统

hfujkkk

2019-06-06

关注关注

Spug是一款使用Python+Flask+Vue+Element组件开发的开源运维管理系统,系统前后端分离,帮助中小型企业完成主机、任务、发布部署、配置文件、监控、报警等管理。

Feature 功能

CMDB 资产管理
Task 任务计划管理
CI/CD 部署、发布管理
Config File 配置文件管理
Monitor 监控(未完成）
Alarm 报警（未完成）

Environment 环境

Python 3.x
Flask 1.0.x
Node 6.x
Element 2.x

前端单独使用

Spug项目前后端分离，支持前端单独运行，也支持后端单独运行。如果你想单独基于前端项目开发自己需要的后台功能，那么可以访问前端独立出来的项目：https://github.com/openspug/spug-vue-admin

Preview 预览

Python+Flask+Vue+Element组件开发的开源运维管理系统

前端组件 flask h1

hfujkkk

0 关注 0 粉丝 0 动态

关注关注

超优秀 Vue3.0 开源UI组件库

学习web前端 2020-09-28

他写出了 Vue，却做不对这十道 Vue 笔试题

请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传，而是前端娱乐圈今日份的瓜——。有十道关于 Vue 的选择题，在群里引出了一众社区知名人士竞折腰，最后钓出了@尤雨溪本人亲自挑战……然后他自己也做错了。鲁迅会做错鲁迅文选的阅读理解？所以，只要

小焊猪web前端 2020-09-10

React Spectrum，Adobe的组件库和工具入门

React Spectrum是一个由Adobe开发的组件库和工具，可帮助你构建自适应，可访问且健壮的用户体验。帮助开发者使用React构建功能丰富的应用程序。React Spectrum是Adobe设计系统Spectrum的一个实现。React Aria

青蓝 2020-08-26

React组件开发中常见的陷阱

React作为使用最广泛Web前端开发之一，在Web开发领域越来成熟和稳固。其新版本发布的Hook API/concept使得组件更加便捷易用。虽然如此，React开发中仍然有很多的陷阱值得每一位React拥趸关注。在React中可以使用两种方法编组件函

liduote 2020-08-13

django—Form组件

　　class RegForm: 　　 user = forms.CharField() 　　pwd = forms.CharField(). 　　一个功能的form组件是一个类，这个类必须继承forms中的Form类；　　这个类内部定义的成员变

Qc 2020-07-19

为什么使用前端框架

刚工作那会，前端都是用HTML+CSS+JS来写的,现在各种前端框架层出不穷，基本都是引入前端框架来构建前端，为什么？　　React提供的JSX和Vue提供的模板目的是为了实现声明式渲染的功能。　　状态与视图之间的映射关系，等同于render函数。

bowean 2020-06-28

Storybook for vue - 前端ui组件管理神器

　　Storybook是一款开源的组件开发工具，它可以运行在主程序之外，因此开发者可以用它来独立开发UI组件，或者用它来快速构建ui组件文档。　　官方文档中给的安装方式有2种，第一种是自动化安装，有点类似vue的脚手架，它会自动将环境配置好，开发者无需手动

starzhangkiss 2020-06-25

使用Vue Composition API写出清晰、可扩展的表单实现

表单是前端开发中最棘手的部分之一，您可能会在其中发现很多混乱的代码。基于组件的框架，如 Vue.js，在提高前端代码的可扩展性方面做了很多工作，但是表单的问题仍然存在。在本教程中，将向您展示新的 Vue Composition API如何使表单代码更清晰、

xustart0 2020-06-14

如何手 Vue的手势组件呢？本文教你

最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 Vue 适配不好，要么量级太大，决定自己手写手势操作。直接在 DOM 上绑定touchstart、touchmove、touchend不仅要绑定这几个事件，而且用在其他项目还不好复用。所以用 Vue

WinerChopin 2020-06-12

Element-UI库源码架构浅析

我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这

xxuncle 2020-06-05

浅谈web前端隔离：二次封装

在一个成熟的项目里，自己开发组件是一种方式。另一种方式，则是使用现成的组件。如果没有满足自己的“轮子”，那么就造一个。而许多时候，我们也不需要自己去创造一个“轮子”，直接在别人提供的组件上，添加自己需要的特性，便可以完成自己的功能。例如，我们定义了一个&l

WinerChopin 2020-06-03

循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用

在我们开发BS页面的时候，往往需要了解常规界面组件的使用，小到最普通的单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理、条码二维码等等，本篇随笔基于普通表格业务的展示录入的场景介绍这些常规Element组件的使用，使得我们对如何利

wanwanwandj 2020-06-02

将Vue组件库更换为按需加载的方法步骤

我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。组件库依赖在npm上管理，组件库以项目根目录的 index.js 作为出口导出，文件中导入了项目中所有的组件，并提供组件安装方法。此时项目启动会运行失败。业务系统并不存在

randeqi 2020-05-06

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：。公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展了一下功能，选择写图片上传是因为自己之前一直对这个功能比较迷糊

newcome 2020-04-29

element之upload组件

单个文件上传的HTML。this.fileList.push; //上传文件变化时将文件对象push进files数组。that.$message.info("请选择要上传的文件！

风萧萧梦潇 2020-05-12

2020年您应该知道的7种前端JavaScript趋势和工具

JavaScript世界正在快速发展。今天，如果您不在Webpack，React Hooks，Jest，Vue和NG元素之上，那么您会开始感到差距越来越大。但是，情况正在发生变化。尽管前端丛林中的开发人员和技术人员的数量每年都在激增，但生态系统仍渴望实现

chenhaotao 2020-05-10

vue.js(3)

组件是自定义封装的功能。在前端开发过程中，经常出现多个网页的功能是重复的，而且很多不同的页面之间，也存在同样的功能。所以，组件就是一个html网页中的功能，一般就是一个标签，标签中有自己的html内容结构，css样式和js特效。这样，前端人员就可以在组件化

那些年写过的代码 2020-05-09

Vue基础：子组件抽取与父子组件通信

在工作中承担一部分前端工作，主要使用Vue + Element UI。随着版本迭代，需求增加，页面往往变得更加臃肿，不易维护。学习子组件的封装和抽取，能更好适应需求。每个组件相当于独立的功能组件。独立的组件结构可以让其他开发者快速定位到每个页面元素所对应的

前端学习笔记 2020-04-26

常见react面试题汇总（适合中级前端）

React 中 keys 的作用是什么？Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的

viewerlin 2020-04-20

这些超火的Vue组件你还没有用过吗？

此前 Vue 发布了 3.0 的 beta 版本，昨晚的直播中项目核心开发者尤雨溪公开分享了关于该版本的相关信息。下面这些 Vue 组件，不论对于 Vue 初学者还是使用 Vue 的熟练工，都是具有很高使用价值的组件，对你的 Vue 之路一定很有帮助。基于

学习web前端 2020-04-22

安科网

Python+Flask+Vue+Element组件开发的开源运维管理系统

hfujkkk

Feature 功能

Environment 环境

前端单独使用

Preview 预览

hfujkkk

相关推荐

超优秀 Vue3.0 开源UI组件库

他写出了 Vue，却做不对这十道 Vue 笔试题

React Spectrum，Adobe的组件库和工具入门

React组件开发中常见的陷阱

django—Form组件

为什么使用前端框架

Storybook for vue - 前端ui组件管理神器

使用Vue Composition API写出清晰、可扩展的表单实现

如何手 Vue的手势组件呢？本文教你

Element-UI库源码架构浅析

浅谈web前端隔离：二次封装

循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用

将Vue组件库更换为按需加载的方法步骤

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

element之upload组件

2020年您应该知道的7种前端JavaScript趋势和工具

vue.js(3)

Vue基础：子组件抽取与父子组件通信

常见react面试题汇总（适合中级前端）

这些超火的Vue组件你还没有用过吗？

hfujkkk