• Stars
    star
    266
  • Rank 149,039 (Top 4 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

👻写配置文件生成增删改查系统

woniu-cmdb

🐌 奇技淫巧--写配置文件生成增删改查系统🍄

视频教程

进度表  

需求 负责人 进度 (预计) 完成时间 您可以做什么
干掉配置,前端控制 蜗牛 progress 1 使用

线上demo,此页面都是一个配置文件自动生成的

详细的文章介绍和实现原理分析会发布在我的博客,敬请期待

运维人员都不喜欢搞CMDB,因为有很多前端的内容,但CMDB却在运维圈占有重要的地位,开发CMDB就是各种增删改查,之后我有个想法,做一个写配置文件就自动生成页面的CMDB, 请支持我的woniu-cmdb,喜欢请star

写好配置文件,自从生成页增删改查面不是梦

此项目不仅限于cmdb,各种管理系统,都可以用此项目配置,改成学生老师啥的,就变成了学校内部的mis系统,我会一直维护这个项目,大家有新需求请提issue

效果图(我们只写左边的配置,右边的是自动生成的)

简单配置,生成页面

命令只有两个

python woniu-build.py init # 初始化数据库+根据配置生成文件

python woniu-build.py 仅根据配置生成文件

使用指南

  1. 下载该项目到本地
  2. config.py是我们唯一要修改的文件
  3. 修改config.py里的db_config变量,配置数据库的host,用户名,密码和要操作的数据库
db_config = {
    'host':'localhost',
    'user':'root',
    'passwd':"",
    'db':'cmdb'
}
  1. 修改config.py的page_config变量,此变量是设置具体的页面变量,先做一个简单的配置

page_config = {
    # menu是一个list,包含所有的页面信息
    "menu":[{
        //页面的名字,和数据库表一致
        "name": 'user',
        // 显示的页面标题
        "title": '用户管理',

        # 页面里具体的字段,如果有两个字段,配置两个即可,包含name和title
        "data": [{
            "name": 'username',
            "title": '用户名'
        },{
            "name":'password',
            "title":'密码'
        }]
    }}]
}

  1. 执行 python woniu-build.py 处理文件,启动flask_web.py,浏览器访问http://localhost:9092/
  2. 默认有一个用户,账号和密码都是51reboot

字段详解

  1. page_config配置
    menu:下面具体介绍,页面具体的字段
    favicon:页面标签的小logo 默认用reboot的
    title:页面标签的标题,默认是woniu-cmdb
    brand_name:项目左上角显示文字,默认是woniu-cmdb

  1. menu配置详解

{
    name:名字和数据库表名一直
    titile:中文
    modal_detail:是否用模态窗展示详情(有隐藏字段没展示)
    具体字段数据
    data:[
        {
            name:
            title:
            type:类型,默认input text
            value:select直接从value里渲染,不发ajax和preload,如果没有type,就是input里的value属性

            select_type:获取数据的action_type的值,和对应的name字段一致
            toname:preload数据里,完成id到name得转换显示,select默认true
             hide:默认false,true的话隐藏此字段
             
            option_val list的显示字段 默认id
            option_name list的显示字段 默认name

        }
    ]
}

todolist:

  • 登录权限+页面权限
  • 更丰富的前端组件,现在只支持输入,日期和下啦框
  • 大家有需求请提issues 我会持续维护这个项目,

依赖

本项目python依赖flask和mysqldb模块,直接pip安装一下即可

如果您觉得有我写的东西对你帮助,可以打赏点钱给我支付宝支付宝[email protected]或者扫二维码

More Repositories

1

programmer-job-blacklist

🙈程序员找工作黑名单,换工作和当技术合伙人需谨慎啊 更新有赞
Shell
28,408
star
2

fe-advanced-interview

前端进阶面试指南
JavaScript
1,309
star
3

email-helper

Generate your business emails in seconds (by OpenAI)
TypeScript
743
star
4

it-roadmap

大圣的前端学习路线图
Python
527
star
5

vue3-vs-vue2

《前端会客厅第一期代码》和尤大聊vue3的 提升
HTML
410
star
6

self-employed-workbook

写给自己的程序员自由职业工作手册
394
star
7

geektime-vue-course

极客时间代码
Vue
241
star
8

imooc-echarts

imooc的echarts入门教程
HTML
223
star
9

vue-tiny-rate

⭐️ The smallest rating component for Vue2.x , use character★ and ☆ support mpvue
Vue
181
star
10

vue3-book

vue3源码分析3.0.0-beta.12 https://www.yuque.com/woniuppp/vue3
Vue
172
star
11

file-upload

面试造火箭系列
Vue
143
star
12

algorithm-camp

javascript算法训练营
JavaScript
141
star
13

footprint

🎎记录去过的足迹
HTML
136
star
14

iblockchain

Learn blockchain by building one in node.js
JavaScript
134
star
15

iconjs

:trollface: favico for fun
JavaScript
97
star
16

upload

文件上传思路
Vue
96
star
17

vue-master-lesson

Vue精英训练营
Vue
85
star
18

ailemente

vite+ts的组件库演示代码,element音译 ailemente
Vue
46
star
19

weiyouyi

JavaScript
44
star
20

benben

笨笨小助理(by OpenAI)
TypeScript
42
star
21

kkb-vue3

JavaScript
41
star
22

interview

我常问的一些面试题
41
star
23

understand-preact

preact+compat源码注释
JavaScript
34
star
24

hongbaoshu

红宝书精读训练营
HTML
30
star
25

professional-javascript-for-web-developer

红宝书第四版代码
JavaScript
30
star
26

js-algorithm

学习算法的js实现
JavaScript
27
star
27

tiny-rate

The Smallest Rating Component for fun
JavaScript
25
star
28

react-tiny-rate

⭐️ The smallest rating component for React , use character★ and ☆
JavaScript
22
star
29

react_bronze_to_king

React 从青铜到王者系列教程代码
JavaScript
17
star
30

shengxinjing.cn

个人博客
Vue
17
star
31

vue-master

vue学习代码
16
star
32

pytail

python实现tail -f功能,仅供学习
Python
16
star
33

douban_spider

豆瓣图书爬虫,根据isbn查信息
JavaScript
14
star
34

angular-lite

学习es6 webpack 手写angular造个轮子
JavaScript
13
star
35

reverse-print

反转打印的88W行代码JS实现
JavaScript
12
star
36

moyu

摸鱼
Python
12
star
37

shengxinjing

关于我
9
star
38

vue-action-next

vue实战课程代码
TypeScript
7
star
39

kkb-mp

小程序公开课代码
JavaScript
6
star
40

fullstack-challenges

前端挑战题解
5
star
41

awesome-pm

教产品经理和程序员撕逼教程
5
star
42

marrow-of-javascript

前端会客厅第二期代码-爱民老师
HTML
5
star
43

react-boss

react+node最佳实践的招聘应用
4
star
44

vue3-workshop

vue3训练营
4
star
45

saoleide

TypeScript
3
star
46

cuir

toy vue3 for education
3
star
47

f2eblog

写一点前端基础教程
JavaScript
3
star
48

zhihu_zhuanhan

知乎专栏文章收集工具
Python
2
star
49

static

static files
Shell
2
star
50

fis-postprocessor-annotate

在fis里继承ng-annotate的功能
JavaScript
2
star
51

jarvis

程序员个人助理小程序
2
star
52

learn-vue3-by-build-one

学习vue3
1
star
53

blogimgs

1
star
54

sandbox-vue

sandbox wapper for vue3
1
star
55

zhixing_top10

知行十大小程序
JavaScript
1
star
56

awesome-books

读书笔记,gitbook
1
star
57

pythonmyadmin

phpmyadmin的python简易版
1
star
58

vue3-static-table

JavaScript
1
star
59

scroll-demo

HTML
1
star
60

for-debug

1
star
61

funny-frontend

HTML
1
star
62

zhixing_spider

Python
1
star
63

react-dev-to-online

目录
1
star
64

books_to_read

狗哥和蘑菇想读的书
1
star