18 |
19 |
20 |
21 | # 本地开发
22 |
23 | 管理平台web端可连接多个k8s集群用来在k8s集群上调度发起任务实例。同时管理多个k8s集群时，或本地调试时，可以将k8s集群的config文件存储在kubeconfig目录中，按照$ENVIRONMENT-kubeconfig 的规范命名
24 |
25 | ./docker 目录包含本地开发方案，涉及镜像构建，docker-compose启动，前端构建，后端编码等过程
26 |
27 | 参考install/docker/README.md
28 |
29 |
30 |
--------------------------------------------------------------------------------
/install/docker/Dockerfile:
--------------------------------------------------------------------------------
1 | # docker build -t ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01 -f install/docker/Dockerfile .
2 |
3 | FROM ai.tencentmusic.com/tme-public/kubeflow-dashboard:base
4 |
5 | RUN apt-get update && apt-get install -y mysql-client zip
6 |
7 | RUN curl -sL https://deb.nodesource.com/setup_14.x | bash
8 | RUN apt-get -y install nodejs && npm install yarn -g
9 |
10 | RUN rm /usr/bin/python && ln -s /usr/bin/python3 /usr/bin/python && rm /usr/bin/pip && ln -s /usr/bin/pip3 /usr/bin/pip
11 | RUN pip install pip --upgrade && pip install docstring_parser
12 | RUN curl -LO "https://dl.k8s.io/release/$(curl -L -s https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl" && chmod +x kubectl && mv kubectl /usr/bin/
13 |
14 | RUN pip install kubernetes==18.20.0 click==6.7 pyyaml
15 | COPY install/docker/docker-add-file/rest.py /usr/local/lib/python3.6/dist-packages/kubernetes/client/rest.py
16 | COPY install/docker/docker-add-file/__init__.py /usr/local/lib/python3.6/dist-packages/marshmallow_enum/__init__.py
17 |
18 | COPY myapp /home/myapp/myapp
19 | ENV PATH=/home/myapp/myapp/bin:$PATH
20 | ENV PYTHONPATH=/home/myapp:$PYTHONPATH
21 |
22 |
23 | USER root
24 | COPY install/docker/entrypoint.sh /entrypoint.sh
25 |
26 | # ENTRYPOINT ["/entrypoint.sh"]
27 | # HEALTHCHECK CMD ["curl", "-f", "http://localhost:80/health"]
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/install/docker/Dockerfile-base:
--------------------------------------------------------------------------------
1 | FROM python:3.6-jessie
2 |
3 | # Configure environment
4 | ENV LANG=C.UTF-8 \
5 | LC_ALL=C.UTF-8
6 |
7 | RUN apt-get update -y && \
8 | apt-get install -y apt-transport-https apt-utils build-essential libssl-dev \
9 | libglib2.0-0 libnss3 libgconf-2-4 libfontconfig1 \
10 | vim less postgresql-client redis-tools \
11 | libffi-dev python3-dev libsasl2-dev libldap2-dev libxi-dev && \
12 | curl -sL https://deb.nodesource.com/setup_10.x | bash -
13 |
14 |
15 | RUN apt-get install -y nodejs && \
16 | apt-get install -y --force-yes --no-install-recommends ttf-wqy-microhei ttf-wqy-zenhei xfonts-wqy
17 |
18 | RUN pip install clickhouse-sqlalchemy pysnooper pymysql gevent mysqlclient flower infi.clickhouse_orm opencv-python numpy sqlalchemy_utils
19 |
20 | WORKDIR /home/myapp
21 |
22 | COPY install/docker/requirements.txt .
23 | COPY install/docker/requirements-dev.txt .
24 |
25 | RUN pip install --upgrade setuptools pip && \
26 | pip install -r requirements.txt -r requirements-dev.txt && \
27 | rm -rf /root/.cache/pip && \
28 | CHROMEDRIVER_VERSION=`curl -sS chromedriver.storage.googleapis.com/LATEST_RELEASE` && \
29 | mkdir -p /opt/chromedriver-$CHROMEDRIVER_VERSION && \
30 | curl -sS -o /tmp/chromedriver_linux64.zip http://chromedriver.storage.googleapis.com/$CHROMEDRIVER_VERSION/chromedriver_linux64.zip && \
31 | unzip -qq /tmp/chromedriver_linux64.zip -d /opt/chromedriver-$CHROMEDRIVER_VERSION && \
32 | rm /tmp/chromedriver_linux64.zip && \
33 | chmod +x /opt/chromedriver-$CHROMEDRIVER_VERSION/chromedriver && \
34 | ln -fs /opt/chromedriver-$CHROMEDRIVER_VERSION/chromedriver /usr/local/bin/chromedriver && \
35 | wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb && \
36 | dpkg -i google-chrome-stable_current_amd64.deb; apt-get -fy install && \
37 | rm google-chrome-stable_current_amd64.deb
38 |
39 | USER root
40 |
41 | EXPOSE 80
42 |
43 |
--------------------------------------------------------------------------------
/install/docker/README.md:
--------------------------------------------------------------------------------
1 |
2 | # 本地调试
3 |
4 | ## deploy mysql
5 |
6 | ```
7 | linux
8 | docker run --network host --restart always --name mysql -e MYSQL_ROOT_PASSWORD=admin -d mysql:5.7
9 | mac
10 | docker run -p 3306:3306 --restart always --name mysql -e MYSQL_ROOT_PASSWORD=admin -d mysql:5.7
11 |
12 | ```
13 | 进入数据库创建一个db
14 | ```
15 | CREATE DATABASE IF NOT EXISTS kubeflow DEFAULT CHARACTER SET utf8 DEFAULT COLLATE utf8_general_ci;
16 | ```
17 | 镜像构建
18 |
19 |
20 | ```
21 | 构建基础镜像（包含基础环境）
22 | docker build -t ai.tencentmusic.com/tme-public/kubeflow-dashboard:base -f install/docker/Dockerfile-base .
23 |
24 | 使用基础镜像构建生产镜像
25 | docker build -t ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01 -f install/docker/Dockerfile .
26 | ```
27 |
28 | 镜像拉取(如果你不参与开发可以直接使用线上镜像)
29 | ```
30 | docker pull ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01
31 | ```
32 |
33 | ## deploy myapp (docker-compose)
34 |
35 | 本地开发使用
36 |
37 | docker-compose.yaml文件在install/docker目录下，这里提供了mac和linux版本的docker-compose.yaml。
38 | 可自行修改
39 | image：刚才构建的镜像
40 | LOGIN_URL地址：登录重定向地址
41 | MYSQL_SERVICE：mysql的地址
42 |
43 |
44 | 1) init database
45 | ```
46 | STAGE: 'init'
47 | docker-compose -f docker-compose.yml up
48 | ```
49 | 2) build fore
50 | ```
51 | STAGE: 'build'
52 | docker-compose -f docker-compose.yml up
53 | ```
54 | 3) debug backend
55 | ```
56 | STAGE: 'dev'
57 | docker-compose -f docker-compose.yml up
58 | ```
59 | 4) Production
60 | ```
61 | STAGE: 'prod'
62 | docker-compose -f docker-compose.yml up
63 | ```
64 |
65 | 部署以后，登录首页 会自动创建用户，绑定角色（Gamma和username同名角色）。
66 |
67 | 可根据自己的需求为角色授权。
68 |
69 |
70 | ## 可视化页面
71 |
72 | 页面资源镜像制作：
73 | ```sh
74 | cd myapp/vision && docker build --no-cache ./ -t your_images_name:your_label --network host
75 | ```
76 |
77 | 项目资源打包：
78 | ```
79 | 开发环境要求：
80 | node: 14.15.0+
81 | npm: 6.14.8+
82 |
83 | 包管理（建议使用yarn）：
84 | yarn: npm install yarn -g
85 | ```
86 | ```sh
87 | # 初始化安装可能会遇到依赖包的版本选择，直接回车默认即可
88 | cd myapp/vision && yarn && yarn build
89 | ```
90 |
91 | 输出路径：`/myapp/static/appbuilder`
92 |
93 |
94 |
95 |
--------------------------------------------------------------------------------
/install/docker/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3'
2 | services:
3 | redis:
4 | image: bitnami/redis:4.0.14
5 | restart: unless-stopped
6 | environment:
7 | REDIS_PASSWORD: admin
8 | ports:
9 | - "6379:6379"
10 |
11 | myapp:
12 | image: ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01
13 | restart: unless-stopped
14 | command: ['bash','-c','/entrypoint.sh'] # 生产模式
15 | environment:
16 | STAGE: 'dev'
17 | REDIS_HOST: 'host.docker.internal'
18 | REDIS_PORT: '6379'
19 | REDIS_PASSWORD: admin
20 | MYSQL_SERVICE: 'mysql+pymysql://root:admin@host.docker.internal:3306/pipeline?charset=utf8'
21 | ENVIRONMENT: DEV
22 |
23 | ports:
24 | - "80:80"
25 | depends_on:
26 | - redis
27 | volumes:
28 | - ../../myapp/:/home/myapp/myapp/
29 | - ./file:/pvc
30 | - ./entrypoint.sh:/entrypoint.sh
31 | - ./config.py:/home/myapp/myapp/config.py
32 | - ./kubeconfig:/home/myapp/kubeconfig
33 |
34 |
35 |
36 | # beat:
37 | # image: ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01
38 | # restart: "no"
39 | # command: ["bash","-c","celery beat --app=myapp.tasks.celery_app:celery_app --loglevel=info"]
40 | # shm_size: '100gb'
41 | # environment:
42 | # REDIS_HOST: 'host.docker.internal'
43 | # REDIS_PORT: '6379'
44 | # REDIS_PASSWORD: admin
45 | # MYSQL_SERVICE: 'mysql+pymysql://root:admin@host.docker.internal:3306/kubeflow?charset=utf8'
46 | # ENVIRONMENT: DEV
47 | # depends_on:
48 | # - redis
49 | # volumes:
50 | # - ../../myapp/:/home/myapp/myapp/
51 | # - ./file:/pvc
52 | # - ./entrypoint.sh:/entrypoint.sh
53 | # - ./config.py:/home/myapp/myapp/config.py
54 | # - ./kubeconfig:/home/myapp/kubeconfig
55 | ##
56 | #
57 | ##
58 | #
59 | # worker:
60 | # image: ai.tencentmusic.com/tme-public/kubeflow-dashboard:argo-2022.05.01
61 | # restart: unless-stopped
62 | # command: ["bash","-c","celery worker --app=myapp.tasks.celery_app:celery_app --loglevel=info --pool=prefork -Ofair -c 40"]
63 | # environment:
64 | # REDIS_HOST: 'host.docker.internal'
65 | # REDIS_PORT: '6379'
66 | # REDIS_PASSWORD: admin
67 | # MYSQL_SERVICE: 'mysql+pymysql://root:admin@host.docker.internal:3306/kubeflow?charset=utf8'
68 | # ENVIRONMENT: DEV
69 | # depends_on:
70 | # - redis
71 | # volumes:
72 | # - ../../myapp/:/home/myapp/myapp/
73 | # - ./file:/pvc
74 | # - ./entrypoint.sh:/entrypoint.sh
75 | # - ./config.py:/home/myapp/myapp/config.py
76 | # - ./kubeconfig:/home/myapp/kubeconfig
77 | #
78 |
79 |
80 |
--------------------------------------------------------------------------------
/install/docker/entrypoint.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | set -ex
4 |
5 | rm -rf /home/myapp/myapp/static/assets
6 | ln -s /home/myapp/myapp/assets /home/myapp/myapp/static/
7 | rm -rf /home/myapp/myapp/static/appbuilder/mnt
8 | ln -s /data/k8s/kubeflow/global/static /home/myapp/myapp/static/appbuilder/mnt
9 |
10 |
11 | if [ "$STAGE" = "init" ]; then
12 | export FLASK_APP=myapp:app
13 | python myapp/create_db.py
14 | myapp fab create-admin --username admin --firstname admin --lastname admin --email admin@tencent.com --password admin
15 | # myapp db init # 生成migrations文件夹
16 | # myapp db migrate # 生成对应版本数据库表的升级文件到versions文件夹下，需要你的数据库是已经upgrade的
17 | myapp db upgrade # 数据库表同步更新到mysql
18 | # 会创建默认的角色和权限。会创建自定义的menu权限，也才能显示自定义menu。
19 | myapp init
20 |
21 | elif [ "$STAGE" = "build" ]; then
22 | # cd /home/myapp/myapp/vision && yarn && yarn build
23 | cd /home/myapp/myapp/vision && npm install && yarn build
24 |
25 | elif [ "$STAGE" = "dev" ]; then
26 | export FLASK_APP=myapp:app
27 | # FLASK_ENV=development flask run -p 80 --with-threads --host=0.0.0.0
28 | python myapp/run.py
29 |
30 | elif [ "$STAGE" = "prod" ]; then
31 | export FLASK_APP=myapp:app
32 | python myapp/check_tables.py
33 | gunicorn --bind 0.0.0.0:80 --workers 20 --timeout 300 --limit-request-line 0 --limit-request-field_size 0 --log-level=info myapp:app
34 | else
35 | myapp --help
36 | fi
37 |
38 |
39 |
--------------------------------------------------------------------------------
/install/docker/kubeconfig/dev-kubeconfig:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/install/docker/kubeconfig/dev-kubeconfig
--------------------------------------------------------------------------------
/install/docker/requirements-dev.txt:
--------------------------------------------------------------------------------
1 | black==19.3b0
2 | coverage==4.5.3
3 | flake8-import-order==0.18.1
4 | flake8-mypy==17.8.0
5 | flake8==3.7.7
6 | flask-cors==3.0.7
7 | ipdb==0.12
8 | mypy==0.670
9 | nose==1.3.7
10 | pip-tools==3.7.0
11 | pre-commit==1.17.0
12 | psycopg2-binary==2.7.5
13 | pycodestyle==2.5.0
14 | pydruid==0.5.6
15 | pyhive==0.6.1
16 | pylint==1.9.2
17 | redis==3.2.1
18 | requests==2.22.0
19 | statsd==3.3.0
20 | tox==3.11.1
21 | bs4
--------------------------------------------------------------------------------
/install/docker/requirements.txt:
--------------------------------------------------------------------------------
1 | alembic==1.0.11 # via flask-migrate
2 | amqp==2.5.0 # via kombu
3 | apispec[yaml]==1.3.3 # via flask-appbuilder
4 | asn1crypto==0.24.0 # via cryptography
5 | attrs==19.1.0 # via jsonschema
6 | babel==2.7.0 # via flask-babel
7 | billiard==3.6.0.0 # via celery
8 | bleach==3.1.0
9 | celery==4.3.0
10 | certifi==2019.6.16 # via requests
11 | cffi==1.12.3 # via cryptography
12 | chardet==3.0.4 # via requests
13 | click==6.7
14 | colorama==0.4.1
15 | contextlib2==0.5.5
16 | croniter==0.3.30
17 | cryptography==2.7
18 | decorator==4.4.0 # via retry
19 | defusedxml==0.6.0 # via python3-openid
20 | flask-appbuilder==2.2.2 # 2.2.2 2.1.7
21 | flask-babel==0.12.2 # via flask-appbuilder
22 | flask-caching==1.7.2
23 | flask-compress==1.4.0
24 | flask-jwt-extended==3.20.0 # via flask-appbuilder
25 | flask-login==0.4.1 # via flask-appbuilder
26 | flask-migrate==2.5.2
27 | flask-openid==1.2.5 # via flask-appbuilder
28 | flask-sqlalchemy==2.4.0 # via flask-appbuilder, flask-migrate
29 | flask-talisman==0.7.0
30 | flask-wtf==0.14.2
31 | flask==1.1.1
32 | future==0.17.1 # via parsedatetime
33 | geographiclib==1.49 # via geopy
34 | geopy==1.20.0
35 | gunicorn==19.8.1
36 | humanize==0.5.1
37 | idna==2.8
38 | isodate==0.6.0
39 | itsdangerous==1.1.0 # via flask
40 | jinja2==2.10.1 # via flask, flask-babel
41 | jsonschema==3.0.1 # via flask-appbuilder
42 | kombu==4.6.3 # via celery
43 | mako==1.0.14 # via alembic
44 | markdown==3.1.1
45 | markupsafe==1.1.1 # via jinja2, mako
46 | marshmallow-enum==1.4.1 # via flask-appbuilder
47 | marshmallow-sqlalchemy==0.17.0 # via flask-appbuilder
48 | marshmallow==2.19.5 # via flask-appbuilder, marshmallow-enum, marshmallow-sqlalchemy
49 | numpy==1.17.0 # via pandas
50 | pandas==0.24.2
51 | parsedatetime==2.4
52 | pathlib2==2.3.4
53 | polyline==1.4.0
54 | prison==0.1.2 # via flask-appbuilder
55 | py==1.8.0 # via retry
56 | pycparser==2.19 # via cffi
57 | pyjwt==1.7.1 # via flask-appbuilder, flask-jwt-extended
58 | pyrsistent==0.15.4 # via jsonschema
59 | python-dateutil==2.8.0
60 | python-dotenv==0.10.3
61 | python-editor==1.0.4 # via alembic
62 | python-geohash==0.8.5
63 | python3-openid==3.1.0 # via flask-openid
64 | pytz==2019.2 # via babel, celery, pandas
65 | pyyaml==5.1.2
66 | retry==0.9.2
67 | selenium==3.141.0
68 | simplejson==3.16.0
69 | six==1.12.0 # via bleach, cryptography, flask-jwt-extended, flask-talisman, isodate, jsonschema, pathlib2, polyline, prison, pydruid, pyrsistent, python-dateutil, sqlalchemy-utils, wtforms-json
70 | sqlalchemy-utils==0.34.1
71 | sqlalchemy==1.3.6
72 | sqlparse==0.2.4
73 | urllib3==1.25.3 # via requests, selenium
74 | vine==1.3.0 # via amqp, celery
75 | webencodings==0.5.1 # via bleach
76 | werkzeug==0.15.5 # via flask, flask-jwt-extended
77 | wtforms-json==0.3.3
78 | wtforms==2.2.1 # via flask-wtf, wtforms-json
79 |
80 | # The following packages are considered to be unsafe in a requirements file:
81 | # setuptools==41.0.1 # via jsonschema, markdown
82 |
--------------------------------------------------------------------------------
/install/kubernetes/create_ns_secret.sh:
--------------------------------------------------------------------------------
1 |
2 | for namespace in 'infra' 'pipeline' 'jupyter'
3 | do
4 | kubectl create ns $namespace
5 | kubectl delete secret docker-registry hubsecret -n $namespace
6 | kubectl create secret docker-registry hubsecret --docker-username=xxxx --docker-password=xxxx -n $namespace
7 | done
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/deploy.yaml:
--------------------------------------------------------------------------------
1 | # encoding: utf-8
2 | apiVersion: apps/v1
3 | kind: Deployment
4 | metadata:
5 | name: kubeflow-dashboard
6 | namespace: infra
7 | labels:
8 | app: kubeflow-dashboard
9 | spec:
10 | replicas: 1
11 | selector:
12 | matchLabels:
13 | app: kubeflow-dashboard
14 | template:
15 | metadata:
16 | name: kubeflow-dashboard
17 | labels:
18 | app: kubeflow-dashboard
19 | spec:
20 | volumes:
21 | - name: tz-config
22 | hostPath:
23 | path: /usr/share/zoneinfo/Asia/Shanghai
24 | - name: kubeflow-dashboard-config
25 | configMap:
26 | name: kubeflow-dashboard-config
27 | items:
28 | - key: entrypoint.sh
29 | path: entrypoint.sh
30 | - key: config.py
31 | path: config.py
32 | - name: kubernetes-config
33 | configMap:
34 | name: kubernetes-config
35 |
36 | serviceAccount: kubeflow-dashboard
37 | containers:
38 | - name: kubeflow-dashboard
39 | image: ai.tencentmusic.com/tme-public/kubeflow-dashboard
40 | imagePullPolicy: Always # IfNotPresent
41 | command: ["bash","/entrypoint.sh"]
42 | env:
43 | - name: STAGE
44 | value: $(STAGE)
45 | - name: REDIS_HOST
46 | valueFrom:
47 | configMapKeyRef:
48 | name: deploy-config
49 | key: REDIS_HOST
50 | - name: REDIS_PORT
51 | valueFrom:
52 | configMapKeyRef:
53 | name: deploy-config
54 | key: REDIS_PORT
55 | - name: REDIS_PASSWORD
56 | valueFrom:
57 | configMapKeyRef:
58 | name: deploy-config
59 | key: REDIS_PASSWORD
60 | - name: MYSQL_SERVICE
61 | valueFrom:
62 | configMapKeyRef:
63 | name: deploy-config
64 | key: MYSQL_SERVICE
65 | - name: ENVIRONMENT
66 | valueFrom:
67 | configMapKeyRef:
68 | name: deploy-config
69 | key: ENVIRONMENT
70 |
71 | volumeMounts:
72 | - name: kubeflow-dashboard-config
73 | mountPath: /entrypoint.sh
74 | subPath: entrypoint.sh
75 | - name: kubeflow-dashboard-config
76 | mountPath: /home/myapp/myapp/config.py
77 | subPath: config.py
78 | - name: tz-config
79 | mountPath: /etc/localtime
80 | ports:
81 | - name: http
82 | containerPort: 80
83 | protocol: TCP
84 | resources:
85 | limits:
86 | cpu: 10
87 | memory: 10Gi
88 | requests:
89 | cpu: 10m
90 | memory: 100Mi
91 | livenessProbe:
92 | failureThreshold: 2
93 | httpGet:
94 | path: /health
95 | port: http
96 | initialDelaySeconds: 100
97 | periodSeconds: 60
98 | timeoutSeconds: 10
99 |
100 |
101 |
102 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/init.yaml:
--------------------------------------------------------------------------------
1 | # encoding: utf-8
2 | apiVersion: batch/v1
3 | kind: Job
4 | metadata:
5 | name: kubeflow-dashboard-init
6 | namespace: infra
7 | labels:
8 | app: kubeflow-dashboard-init
9 | spec:
10 | parallelism: 1
11 | completions: 1
12 | backoffLimit: 6
13 | template:
14 | spec:
15 | restartPolicy: Never
16 | volumes:
17 | - name: tz-config
18 | hostPath:
19 | path: /usr/share/zoneinfo/Asia/Shanghai
20 | - name: kubeflow-dashboard-config
21 | configMap:
22 | name: kubeflow-dashboard-config
23 | items:
24 | - key: entrypoint.sh
25 | path: entrypoint.sh
26 | - key: config.py
27 | path: config.py
28 |
29 | serviceAccount: kubeflow-dashboard
30 | containers:
31 | - name: kubeflow-dashboard
32 | image: ai.tencentmusic.com/tme-public/kubeflow-dashboard
33 | imagePullPolicy: Always # IfNotPresent
34 | command: ["bash","/entrypoint.sh"]
35 | env:
36 | - name: STAGE
37 | value: init
38 | - name: MYSQL_SERVICE
39 | valueFrom:
40 | configMapKeyRef:
41 | name: deploy-config
42 | key: MYSQL_SERVICE
43 | volumeMounts:
44 | - name: kubeflow-dashboard-config
45 | mountPath: /entrypoint.sh
46 | subPath: entrypoint.sh
47 | - name: kubeflow-dashboard-config
48 | mountPath: /home/myapp/myapp/config.py
49 | subPath: config.py
50 | - name: tz-config
51 | mountPath: /etc/localtime
52 |
53 |
54 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/kustomization.yml:
--------------------------------------------------------------------------------
1 | apiVersion: kustomize.config.k8s.io/v1beta1
2 | kind: Kustomization
3 | resources:
4 | - namespace.yaml
5 | - service.yaml
6 | - sa-rbac.yaml
7 | - deploy.yaml
8 | - deploy-schedule.yaml
9 | - init.yaml
10 | - ingress.yaml
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/namespace.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Namespace
3 | metadata:
4 | name: pipeline
5 | ---
6 | apiVersion: v1
7 | kind: Namespace
8 | metadata:
9 | name: infra
10 |
11 | ---
12 | apiVersion: v1
13 | kind: Namespace
14 | metadata:
15 | name: jupyter
16 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/sa-rbac.yaml:
--------------------------------------------------------------------------------
1 | # encoding: utf-8
2 | apiVersion: v1
3 | kind: ServiceAccount
4 | metadata:
5 | name: kubeflow-dashboard
6 | namespace: infra
7 | ---
8 | kind: ClusterRole
9 | apiVersion: rbac.authorization.k8s.io/v1
10 | metadata:
11 | name: kubeflow-clusterrole
12 | rules:
13 | - apiGroups: ["*"]
14 | resources: ["pods","pods/log","services","endpoints","configmaps","nodes","deployments","mpijobs","tfjobs","pytorchjobs","frameworks"]
15 | verbs: ["create", "delete", "deletecollection", "patch", "update", "get", "list", "watch"]
16 | - apiGroups: ["*"]
17 | resources: ["*"]
18 | verbs: ["create", "delete", "deletecollection", "patch", "update", "get", "list", "watch"]
19 | ---
20 | kind: ClusterRoleBinding
21 | apiVersion: rbac.authorization.k8s.io/v1
22 | metadata:
23 | name: kubeflow-dashboard
24 | subjects:
25 | - kind: ServiceAccount
26 | name: kubeflow-dashboard
27 | namespace: infra
28 | roleRef:
29 | kind: ClusterRole
30 | name: kubeflow-clusterrole
31 | apiGroup: rbac.authorization.k8s.io
32 | ---
33 | apiVersion: v1
34 | kind: ServiceAccount
35 | metadata:
36 | name: kubeflow-pipeline
37 | namespace: pipeline
38 |
39 | ---
40 | kind: ClusterRoleBinding
41 | apiVersion: rbac.authorization.k8s.io/v1
42 | metadata:
43 | name: kubeflow-pipeline
44 | subjects:
45 | - kind: ServiceAccount
46 | name: kubeflow-pipeline
47 | namespace: pipeline
48 | roleRef:
49 | kind: ClusterRole
50 | name: kubeflow-clusterrole
51 | apiGroup: rbac.authorization.k8s.io
52 |
53 | ---
54 |
55 | apiVersion: rbac.authorization.k8s.io/v1
56 | kind: ClusterRole
57 | metadata:
58 | name: kubeflow-admin
59 | rules:
60 | - apiGroups: ["*"]
61 | resources: ["*"]
62 | verbs: ["*"]
63 |
64 |
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/base/service.yaml:
--------------------------------------------------------------------------------
1 | # encoding: utf-8
2 | apiVersion: v1
3 | kind: Service
4 | metadata:
5 | name: kubeflow-dashboard
6 | namespace: infra
7 | labels:
8 | app: kubeflow-dashboard
9 | spec:
10 | ports:
11 | - name: http
12 | port: 80
13 | targetPort: 80
14 | protocol: TCP
15 | selector:
16 | app: kubeflow-dashboard
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/overlays/config/entrypoint.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | set -ex
4 |
5 | rm -rf /home/myapp/myapp/static/assets
6 | ln -s /home/myapp/myapp/assets /home/myapp/myapp/static/
7 | rm -rf /home/myapp/myapp/static/appbuilder/mnt
8 | ln -s /data/k8s/kubeflow/global/static /home/myapp/myapp/static/appbuilder/mnt
9 |
10 |
11 | if [ "$STAGE" = "init" ]; then
12 | export FLASK_APP=myapp:app
13 | python myapp/create_db.py
14 | myapp fab create-admin --username admin --firstname admin --lastname admin --email admin@tencent.com --password admin
15 | # myapp db init # 生成migrations文件夹
16 | # myapp db migrate # 生成对应版本数据库表的升级文件到versions文件夹下，需要你的数据库是已经upgrade的
17 | myapp db upgrade # 数据库表同步更新到mysql
18 | # 会创建默认的角色和权限。会创建自定义的menu权限，也才能显示自定义menu。
19 | myapp init
20 |
21 | elif [ "$STAGE" = "build" ]; then
22 | cd /home/myapp/myapp/vision && yarn && yarn build
23 |
24 | elif [ "$STAGE" = "dev" ]; then
25 | export FLASK_APP=myapp:app
26 | FLASK_ENV=development flask run -p 80 --with-threads --host=0.0.0.0
27 |
28 | elif [ "$STAGE" = "prod" ]; then
29 | export FLASK_APP=myapp:app
30 | python myapp/check_tables.py
31 | gunicorn --bind 0.0.0.0:80 --workers 20 --timeout 300 --limit-request-line 0 --limit-request-field_size 0 --log-level=info myapp:app
32 | else
33 | myapp --help
34 | fi
35 |
36 |
37 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/overlays/kustomization.yml:
--------------------------------------------------------------------------------
1 | apiVersion: kustomize.config.k8s.io/v1beta1
2 | kind: Kustomization
3 | namespace: infra
4 |
5 | configMapGenerator:
6 | - name: kubeflow-dashboard-config
7 | files:
8 | - config/config.py
9 | - config/entrypoint.sh
10 |
11 | # kubectl delete configmap kubeflow-dashboard-config -n infra
12 | # kubectl create configmap kubeflow-dashboard-config --from-file=config -n infra
13 |
14 | - name: deploy-config
15 | literals:
16 | - STAGE=prod
17 | - REDIS_HOST=redis-master.infra
18 | - REDIS_PORT=6379
19 | - REDIS_PASSWORD=admin
20 | - MYSQL_SERVICE=mysql+pymysql://root:admin@mysql-service.infra:3306/pipeline?charset=utf8
21 | - ENVIRONMENT=DEV
22 |
23 |
24 | vars:
25 | - name: STAGE
26 | objref:
27 | kind: ConfigMap
28 | name: deploy-config
29 | apiVersion: v1
30 | fieldref:
31 | fieldpath: data.STAGE
32 |
33 | bases:
34 | - ../base
35 | - ../third-party
36 |
37 | images:
38 | - name: ai.tencentmusic.com/tme-public/kubeflow-dashboard
39 | newName: ai.tencentmusic.com/tme-public/kubeflow-dashboard
40 | newTag: argo-2022.05.01
41 |
42 |
43 | # kustomize build . | kubectl apply -f -
44 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/install/kubernetes/cube/third-party/kustomization.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: kustomize.config.k8s.io/v1beta1
2 | kind: Kustomization
3 |
4 | resources:
5 | - argo.yaml
6 | - dashboard.yaml
7 | - mysql.yaml
8 | - redis.yaml
9 |
--------------------------------------------------------------------------------
/install/kubernetes/pv-pvc-pipeline.yaml:
--------------------------------------------------------------------------------
1 |
2 | # 模型训练
3 | ---
4 | apiVersion: v1
5 | kind: PersistentVolume
6 | metadata:
7 | name: pipeline-kubeflow-user-workspace
8 | labels:
9 | pipeline-pvname: pipeline-kubeflow-user-workspace
10 | spec:
11 | # storageClassName: pipeline
12 | capacity:
13 | storage: 500Gi
14 | accessModes:
15 | - ReadWriteMany
16 | hostPath:
17 | path: /data/k8s/kubeflow/pipeline/workspace
18 | persistentVolumeReclaimPolicy: Retain
19 | ---
20 | kind: PersistentVolumeClaim
21 | apiVersion: v1
22 | metadata:
23 | name: kubeflow-user-workspace
24 | namespace: pipeline
25 | spec:
26 | accessModes:
27 | - ReadWriteMany
28 | resources:
29 | requests:
30 | storage: 500Gi
31 | selector:
32 | matchLabels:
33 | pipeline-pvname: pipeline-kubeflow-user-workspace
34 |
35 | ---
36 |
37 | # 模型训练
38 | ---
39 | apiVersion: v1
40 | kind: PersistentVolume
41 | metadata:
42 | name: jupyter-kubeflow-user-workspace
43 | labels:
44 | jupyter-pvname: jupyter-kubeflow-user-workspace
45 | spec:
46 | # storageClassName: pipeline
47 | capacity:
48 | storage: 500Gi
49 | accessModes:
50 | - ReadWriteMany
51 | hostPath:
52 | path: /data/k8s/kubeflow/pipeline/workspace
53 | persistentVolumeReclaimPolicy: Retain
54 | ---
55 | kind: PersistentVolumeClaim
56 | apiVersion: v1
57 | metadata:
58 | name: kubeflow-user-workspace
59 | namespace: jupyter
60 | spec:
61 | accessModes:
62 | - ReadWriteMany
63 | resources:
64 | requests:
65 | storage: 500Gi
66 | selector:
67 | matchLabels:
68 | jupyter-pvname: jupyter-kubeflow-user-workspace
69 |
--------------------------------------------------------------------------------
/install/kubernetes/readme.md:
--------------------------------------------------------------------------------
1 | # 机器/k8s环境/分布式存储环境准备
2 | 机器环境准备：准备docker，准备rancher，部署k8s。如果已经有可以忽略，没有可以参考[rancher/readme.md](https://github.com/tencentmusic/cube-studio/tree/master/install/kubernetes/rancher)
3 |
4 |
5 | # 分布式存储
6 |
7 | 如果不使用分布式存储可忽略。
8 |
9 | 需要每台机器都有对应的目录/data/k8s为分布式存储目录，如果使用云存储，自定义修改pv的yaml文件
10 | ```bash
11 | mkdir -p /data/k8s/kubeflow/pipeline/workspace
12 | ```
13 | 平台pvc会使用这些分布式存储目录下的subpath，所以如果你是rancher部署k8s集群，需要在kubelet容器中挂载主机的/data/k8s/目录到kubelet容器的/data/k8s/目录。
14 | rancher修改kubelet容器挂载目录(选中集群-升级-编辑yaml)
15 | ```
16 | kubelet:
17 | extra_binds:
18 | - '/data/k8s:/data/k8s'
19 | ```
20 |
21 | # 创建仓库秘钥
22 | ```bash
23 | 修改里面的docker hub拉取账号密码
24 | sh create_ns_secret.sh
25 | ```
26 |
27 | # 通过label进行机器管理
28 | 开发训练服务机器管理：
29 | - 对于cpu的任务会选择cpu=true的机器
30 | - 对于gpu的任务会选择gpu=true的机器
31 |
32 | - pipeline任务会选择train=true的机器
33 | - notebook会选择notebook=true的机器
34 | - 不同项目的任务会选择对应org=xx的机器。默认为org=public
35 | - 可以通过gpu-type=xx表示gpu的型号
36 |
37 |
38 | # 部署平台
39 | ```bash
40 | kubectl apply -k cube/overlays
41 | ```
42 |
43 | 组件说明
44 | - cube/base/deploy.yaml为myapp的前后端代码
45 | - cube/base/deploy-schedule.yaml 为任务产生器
46 | - cube/base/deploy-worker.yaml 为任务执行器
47 | - cube/base/deploy-watch.yaml 任务监听器
48 |
49 | 配置文件说明
50 | - cube/overlays/config/entrypoint.sh 镜像启动脚本
51 | - cube/overlays/config/config.py 配置文件，需要将其中的配置项替换为自己的
52 |
53 |
54 | ## 部署pv-pvc.yaml
55 |
56 | ```bash
57 | kubectl create -f pv-pvc-pipeline.yaml
58 | ```
59 |
60 | # 版本升级
61 | 数据库升级，数据库记录要批量添加默认值到原有记录上，不然容易添加失败
62 |
63 |
64 |
--------------------------------------------------------------------------------
/install/kubernetes/start.sh:
--------------------------------------------------------------------------------
1 | mkdir -p /data/k8s/kubeflow/pipeline/workspace
2 |
3 | node=`kubectl get node |grep worker | awk '{print $1}' | head -n 1`
4 | kubectl label node $node train=true cpu=true org=public notebook=true --overwrite
5 | # 拉取镜像
6 |
7 | curl -LO https://dl.k8s.io/release/v1.18.0/bin/linux/amd64/kubectl && chmod +x kubectl && mv kubectl /usr/bin/
8 | wget https://github.com/kubernetes-sigs/kustomize/releases/download/kustomize%2Fv4.5.1/kustomize_v4.5.1_linux_amd64.tar.gz && tar -zxvf kustomize_v4.5.1_linux_amd64.tar.gz && chmod +x kustomize && mv kustomize /usr/bin/
9 |
10 | # 创建命名空间
11 | sh create_ns_secret.sh
12 | # 部署dashboard
13 | kubectl apply -k cube/overlays
14 | kubectl apply -f pv-pvc-pipeline.yaml
15 |
16 | # 暴
17 | echo "访问ingress入口"
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/install/upgrade/Dockerfile:
--------------------------------------------------------------------------------
1 | # docker build -t ai.tencentmusic.com/tme-public/fab-upgrade:2020.09.01.0 -f upgrade/Dockerfile .
2 |
3 | FROM python:3.6
4 |
5 | RUN pip install flask
6 |
7 | COPY upgrade /upgrade
8 |
9 | WORKDIR /upgrade
10 |
11 | CMD ['python','server.py']
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/install/upgrade/server.py:
--------------------------------------------------------------------------------
1 | from flask import render_template
2 | from flask import Flask,request
3 | import logging
4 | app = Flask(__name__)
5 |
6 |
7 |
8 |
9 | @app.route('/')
10 | def index():
11 | logging.info('>>>>>>>>>>>>>')
12 | ip = request.remote_addr
13 | print(ip)
14 | logging.info(ip)
15 | logging.info('<<<<<<<<<<<<<')
16 | return render_template("./index.html")
17 |
18 | if __name__ == '__main__':
19 | app.run(host='0.0.0.0', debug=True, port='80')
--------------------------------------------------------------------------------
/install/upgrade/templates/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
37 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/install/upgrade/upgrade.yaml:
--------------------------------------------------------------------------------
1 |
2 |
3 | apiVersion: v1
4 | kind: Service
5 | metadata:
6 | name: fab-upgrade
7 | namespace: infra
8 | labels:
9 | app: fab-upgrade
10 | spec:
11 | ports:
12 | - name: http
13 | port: 80
14 | targetPort: 80
15 | protocol: TCP
16 | selector:
17 | app: fab-upgrade
18 |
19 |
20 | ---
21 |
22 | apiVersion: apps/v1
23 | kind: Deployment
24 | metadata:
25 | name: fab-upgrade
26 | namespace: infra
27 | labels:
28 | app: fab-upgrade
29 | spec:
30 | replicas: 1
31 | selector:
32 | matchLabels:
33 | app: fab-upgrade
34 | template:
35 | metadata:
36 | name: fab-upgrade
37 | labels:
38 | app: fab-upgrade
39 | spec:
40 | containers:
41 | - name: fab-upgrade
42 | image: ai.tencentmusic.com/tme-public/fab-upgrade:2020.09.01.0
43 | imagePullPolicy: Always # IfNotPresent
44 | command: ["python","server.py"] # 如果修改了entrypoint要使用命令执行
45 | # command: ["sleep","300000"]
46 | ports:
47 | - name: http
48 | containerPort: 80
49 | protocol: TCP
--------------------------------------------------------------------------------
/myapp/.gitignore:
--------------------------------------------------------------------------------
1 | *.pyc
2 | app.db
3 | ./tmp
4 | ./build/*
5 | .idea
6 | env
7 | venv
8 | *.sublime*
9 | appbuilder1
10 | install/docker/kubeconfig
11 |
12 |
13 | /musicfeast/
14 |
--------------------------------------------------------------------------------
/myapp/assets/images/404.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/404.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/ad/video-cover1-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/ad/video-cover1-thumb.png
--------------------------------------------------------------------------------
/myapp/assets/images/ad/video-cover1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/ad/video-cover1.png
--------------------------------------------------------------------------------
/myapp/assets/images/ad/video-cover2-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/ad/video-cover2-thumb.png
--------------------------------------------------------------------------------
/myapp/assets/images/ad/video-cover2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/ad/video-cover2.png
--------------------------------------------------------------------------------
/myapp/assets/images/apache_feather.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/apache_feather.png
--------------------------------------------------------------------------------
/myapp/assets/images/babies.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/babies.png
--------------------------------------------------------------------------------
/myapp/assets/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/favicon.ico
--------------------------------------------------------------------------------
/myapp/assets/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/favicon.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/add.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/add.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/automl.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/automl.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/cart.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/chatbot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/chatbot.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/home/dag.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/dag.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/home/face.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/face.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/home/ide.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/ide.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/nni.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/nni.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/openpose.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/openpose.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/home/private.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/private.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/search.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/service.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/service.png
--------------------------------------------------------------------------------
/myapp/assets/images/home/theia.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/theia.jpg
--------------------------------------------------------------------------------
/myapp/assets/images/home/vscode.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/home/vscode.png
--------------------------------------------------------------------------------
/myapp/assets/images/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/loading.gif
--------------------------------------------------------------------------------
/myapp/assets/images/logo-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/logo-2.png
--------------------------------------------------------------------------------
/myapp/assets/images/myapp-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/myapp-logo.png
--------------------------------------------------------------------------------
/myapp/assets/images/myapp-logo@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/myapp-logo@2x.png
--------------------------------------------------------------------------------
/myapp/assets/images/myapp-logo@2x2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/myapp-logo@2x2.png
--------------------------------------------------------------------------------
/myapp/assets/images/myapp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/myapp.png
--------------------------------------------------------------------------------
/myapp/assets/images/noimg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/noimg.png
--------------------------------------------------------------------------------
/myapp/assets/images/s.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/assets/images/s.png
--------------------------------------------------------------------------------
/myapp/assets/js/myutils.js:
--------------------------------------------------------------------------------
1 |
2 | // 转到携带参数的新网址
3 | function to_new_url(attr,value) {
4 | var url = document.location.toString();
5 | var arrUrl = url.split("?");
6 | var path = arrUrl[0];
7 | var new_url='';
8 | if(arrUrl.length>1){
9 | var para = arrUrl[1];
10 | var vars = para.split("&");
11 |
12 | var new_para='';
13 | exist=false;
14 | for (var i=0;i
38 |
57 |
39 |
40 | 
42 | 
44 |
45 | 
47 | 
49 |
50 |
51 |
52 |
42 |
44 |
45 |
47 |
49 |
50 |
51 |
53 | 系统维护中
54 |
56 | 具体恢复时间请咨询 系统管理员
55 | 当前镜像:{self.last_image if self.last_image else self.base_image}
目标镜像:{self.target_image}') 66 | -------------------------------------------------------------------------------- /myapp/models/user_attributes.py: -------------------------------------------------------------------------------- 1 | 2 | from flask_appbuilder import Model 3 | from sqlalchemy import Column, ForeignKey, Integer 4 | from sqlalchemy.orm import relationship 5 | 6 | from myapp import security_manager 7 | from myapp.models.helpers import AuditMixinNullable 8 | 9 | 10 | class UserAttribute(Model, AuditMixinNullable): 11 | 12 | """ 13 | Custom attributes attached to the user. 14 | 15 | Extending the user attribute is tricky due to its dependency on the 16 | authentication typew an circular dependencies in Myapp. Instead, we use 17 | a custom model for adding attributes. 18 | 19 | """ 20 | 21 | __tablename__ = "user_attribute" 22 | id = Column(Integer, primary_key=True) # pylint: disable=invalid-name 23 | user_id = Column(Integer, ForeignKey("ab_user.id")) 24 | user = relationship( 25 | security_manager.user_model, backref="extra_attributes", foreign_keys=[user_id] 26 | ) 27 | 28 | -------------------------------------------------------------------------------- /myapp/run.py: -------------------------------------------------------------------------------- 1 | from myapp import app 2 | # 如果使用 flask run 命令启动，将忽视 这里配置8080，而采用默认的5000端口 3 | app.run(host="0.0.0.0", port=80, debug=True) 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /myapp/static/appbuilder/css/myapp.css: -------------------------------------------------------------------------------- 1 | .list-container { 2 | position: relative; 3 | } 4 | .list-container .pagination-container { 5 | display: flex; 6 | flex-direction: row; 7 | flex-wrap: wrap; 8 | justify-content: center; 9 | align-items: center; 10 | padding-bottom: 20px; 11 | } 12 | 13 | .list-container .pagination-container .pagination { 14 | margin: 0 15px; 15 | } 16 | .list-container .pagination-container strong { 17 | margin-right: 5px; 18 | } 19 | 20 | .list-container .list-add-action { 21 | position: absolute; 22 | top: -30px; 23 | right: 15px; 24 | } 25 | 26 | .list-container .form-actions-container { 27 | padding: 0 0 20px 10px; 28 | display: inline; 29 | } 30 | 31 | .list-container .filter-action { 32 | margin: 10px 10px 0 10px; 33 | padding-bottom: 15px; 34 | } 35 | 36 | .list-container .filters-container table tr:first-child td { 37 | border-top: none; 38 | } 39 | .list-container .filters-container table tr:last-child td { 40 | border-bottom: 1px solid #b3b3b3; 41 | } 42 | 43 | .list-search-container .dropdown-toggle { 44 | position: absolute; 45 | top: -30px; 46 | right: 50px; 47 | border: 0; 48 | padding: 0 18px; 49 | } 50 | .list-search-container .fa-filter { 51 | position: relative; 52 | left: -8px; 53 | } 54 | 55 | .list-search-container .dropdown-menu { 56 | top: 0px; 57 | right: 0; 58 | left: auto; 59 | float: none; 60 | } 61 | 62 | .list-container .list-add-action { 63 | position: absolute; 64 | top: -30px; 65 | right: 15px; 66 | } 67 | .list-add-action .btn.btn-sm { 68 | padding: 5px 6px; 69 | font-size: 10px; 70 | line-height: 2px; 71 | border-radius: 50%; 72 | box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 1); 73 | } -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /myapp/static/appbuilder/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/aol.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/aol.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/fab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/fab.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/flags/flags16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/flags/flags16.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/flickr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/flickr.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/google.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/myopenid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/myopenid.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/img/yahoo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tencentmusic/argo-workflow/d3c1bfb7249a39a7f458254a69a177e379453c0f/myapp/static/appbuilder/img/yahoo.png -------------------------------------------------------------------------------- /myapp/static/appbuilder/js/ab_keep_tab.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | //--------------------------------------- 4 | // Function for keeping tab focus 5 | // after page reload, uses cookies 6 | //--------------------------------------- 7 | $(function() 8 | { 9 | $('a[data-toggle="tab"]').on('shown.bs.tab', function () { 10 | //save the latest tab; use cookies if you like 'em better: 11 | localStorage.setItem('lastTab', $(this).attr('href')); 12 | }); 13 | 14 | //go to the latest tab, if it exists: 15 | var lastTab = localStorage.getItem('lastTab'); 16 | if (lastTab) { 17 | $('a[href=' + lastTab + ']').tab('show'); 18 | } 19 | else 20 | { 21 | // Set the first tab if cookie do not exist 22 | $('a[data-toggle="tab"]:first').tab('show'); 23 | } 24 | 25 | //--------------------------------------- 26 | // Function for keeping accordion focus 27 | // after page reload, uses cookies 28 | //--------------------------------------- 29 | 30 | $('.panel-collapse').on('shown.bs.collapse', function () { 31 | //save the latest accordion; use cookies if you like 'em better: 32 | localStorage.setItem('lastAccordion', $(this).attr('id')); 33 | }); 34 | 35 | 36 | $('.panel-collapse').on('hidden.bs.collapse', function () { 37 | //remove the latest accordion; use cookies if you like 'em better: 38 | localStorage.removeItem('lastAccordion'); 39 | }); 40 | 41 | 42 | //go to the latest accordion, if it exists: 43 | var lastAccordion = localStorage.getItem('lastAccordion'); 44 | if (lastAccordion) { 45 | if (!($('#' + lastAccordion).hasClass('collapse in'))) 46 | { 47 | $('#' + lastAccordion).collapse('show'); 48 | } 49 | } 50 | 51 | }); 52 | 53 | 54 | -------------------------------------------------------------------------------- /myapp/static/appbuilder/js/html5shiv.js: -------------------------------------------------------------------------------- 1 | /* 2 | HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 3 | */ 4 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 5 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 6 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
6 | 
7 |
8 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/add.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/general/model/add.html" %}
2 |
3 | {% block add_form %}
4 | This Text is before the add form widget
5 | {{ super() }}
6 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/baselayout.html:
--------------------------------------------------------------------------------
1 | {% extends 'appbuilder/init.html' %}
2 | {% import 'appbuilder/baselib.html' as baselib %}
3 |
4 | {% block body %}
5 | {% include 'appbuilder/general/confirm.html' %}
6 | {% include 'appbuilder/general/alert.html' %}
7 | {% include 'myapp/feature.html' %}
8 |
9 | {% block navbar %}
10 |
7 |
18 |
26 |
19 | {% block messages %}
20 | {% include 'myapp/flash_wrapper.html' %}
21 | {% endblock %}
22 | {% block content %}
23 | {% endblock %}
24 |
25 |
27 | {% block content_fluid %}
28 | {% endblock %}
29 |
30 |
31 | {% block footer %}
32 |
39 | {% endblock %}
40 |
41 |
42 |
43 |
46 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/model/edit.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/base.html" %}
2 | {% import 'appbuilder/general/lib.html' as lib %}
3 |
4 | {% block content %}
5 | {{ lib.panel_begin(title, "edit") }}
6 |
7 | {% if related_views is defined %}
8 |
14 |
15 |
16 | {% for view in related_views %}
17 |
{% endif %}
30 |
31 | {{ lib.panel_end() }}
32 | {% endblock %}
33 |
34 | {% block add_tail_js %}
35 |
36 | {% endblock %}
37 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/model/list.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/base.html" %}
2 | {% import 'appbuilder/general/lib.html' as lib %}
3 |
4 | {% block content %}
5 | {{ lib.panel_begin(title) }}
6 |
7 |
18 | {{ widgets.get('related_views')[loop.index - 1]()|safe }}
19 |
20 | {% endfor %}
21 | {% endif %}
22 |
23 | {% block edit_form %}
24 |
25 | {{ widgets.get('edit')(form_action=form_action)|safe }}
26 |
27 | {% endblock %}
28 |
29 | {% if related_views is defined %}
8 | {% block list_search scoped %}
9 | {{ widgets.get('search')()|safe }}
10 | {% endblock %}
11 |
12 | {% block list_list scoped %}
13 | {{ widgets.get('list')()|safe }}
14 | {% endblock %}
15 |
16 |
17 | {{ lib.panel_end() }}
18 | {% endblock %}
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/model/show.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/base.html" %}
2 | {% import 'appbuilder/general/lib.html' as lib %}
3 |
4 | {% block content %}
5 | {{ lib.panel_begin(title) }}
6 |
7 | {% if related_views is defined %}
8 |
16 |
17 |
18 | {% for view in related_views %}
19 |
{% endif %}
32 | {{ lib.panel_end() }}
33 |
34 | {% endblock content %}
35 |
36 | {% block add_tail_js %}
37 |
38 | {% endblock %}
39 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/widgets/base_list.html:
--------------------------------------------------------------------------------
1 |
2 | {% import 'appbuilder/general/lib.html' as lib %}
3 |
4 | {% set can_add = "can_add" | is_item_visible(modelview_name) %}
5 | {% set can_show = "can_show" | is_item_visible(modelview_name) %}
6 | {% set can_edit = "can_edit" | is_item_visible(modelview_name) %}
7 | {% set can_delete = "can_delete" | is_item_visible(modelview_name) %}
8 | {% set actions = actions | get_actions_on_list(modelview_name) %}
9 |
10 | {% if can_add %}
11 |
12 | {% set path = url_for(modelview_name + '.add') %}
13 | {% set path = path | set_link_filters(filters) %}
14 | {{ lib.lnk_add(path) }}
15 |
16 | {% endif %}
17 |
18 | {% if count > 0 %}
19 |
20 | {% block begin_content scoped %}
21 | {% endblock %}
22 |
23 | {% block begin_loop_header scoped %}
24 | {% endblock %}
25 |
26 | {% block begin_loop_values %}
27 | {% endblock %}
28 |
29 | {% block end_content scoped %}
30 | {% endblock %}
31 |
32 |
20 | {{ widgets.get('related_views')[loop.index - 1](pk = pk)|safe }}
21 |
22 | {% endfor %}
23 | {% endif %}
24 |
25 | {% block show_form %}
26 |
27 | {{ widgets.get('show')()|safe }}
28 |
29 | {% endblock show_form %}
30 |
31 | {% if related_views is defined %}
33 | {{ lib.render_actions(actions, modelview_name) }}
34 |
35 | {{ lib.action_form(actions,modelview_name) }}
36 |
37 |
38 | {{ _('Record Count') }}: {{ count }}
39 | {{ lib.render_pagination(page, page_size, count, modelview_name) }}
40 | {{ lib.render_set_page_size(page, page_size, count, modelview_name) }}
41 |
42 |
45 |
46 | {% else %}
47 | {{_("No records found")}}
48 | {% endif %}
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/widgets/search.html:
--------------------------------------------------------------------------------
1 | {% import 'appbuilder/general/lib.html' as lib %}
2 |
3 |
4 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/general/widgets/show.html:
--------------------------------------------------------------------------------
1 | {% import 'appbuilder/general/lib.html' as lib %}
2 | {% include 'appbuilder/general/confirm.html' %}
3 | {% include 'appbuilder/general/alert.html' %}
4 |
5 | {% if fieldsets %}
6 |
7 | {% for fieldset_item in fieldsets %}
8 | {% if fieldset_item[1].get('expanded') == None %}
9 | {% set expanded = True %}
10 | {% else %}
11 | {% set expanded = fieldset_item[1].get('expanded') %}
12 | {% endif %}
13 | {% call lib.accordion_tag(loop.index,fieldset_item[0], expanded) %}
14 |
15 |
16 | {% for item in fieldset_item[1].get('fields') %}
17 |
23 | {% endcall %}
24 | {% endfor %}
25 |
26 | {% else %}
27 | | {{label_columns.get(item)}} | 19 |{{value_columns[include_columns.index(item)]}} | 20 |
|---|
28 |
29 |
30 | {% for item in include_columns %}
31 |
41 | {% endif %}
42 |
43 |
44 | | {{label_columns.get(item)}} | 33 |34 | {% set formatter = formatters_columns.get(item) %} 35 | {% set v = value_columns[loop.index-1]%} 36 | {{formatter(v) if formatter else v}} 37 | | 38 |
|---|
45 | {{ lib.render_action_links(actions, pk, modelview_name) }}
46 | {{ lib.lnk_back() }}
47 |
48 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/init.html:
--------------------------------------------------------------------------------
1 | {% import 'appbuilder/baselib.html' as baselib with context %}
2 |
3 |
4 | {% if appbuilder %}
5 | {% set app_name = appbuilder.app_name %}
6 | {% endif %}
7 |
8 |
9 |
10 |
11 |
10 |
--------------------------------------------------------------------------------
/myapp/templates/appbuilder/navbar_menu.html:
--------------------------------------------------------------------------------
1 | {% macro menu_item(item) %}
2 |
3 | {% if item.icon %}
4 |
5 | {% endif %}
6 | {{_(item.label)}}
7 | {% endmacro %}
8 |
9 |
10 | {% for item1 in menu.get_list() %}
11 | {% if item1 and security_manager.can_access("menu_access",item1.name) %}
12 | {% if item1.childs %}
13 |
11 |
37 |
12 |
17 | {# #}
18 |
19 |
20 | 
21 |
22 |
23 |
36 |
21 |
22 | 
51 |
56 | Hello
16 | {% endif %}
17 |
60 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/hello.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/base.html" %}
2 | {% block content %}
3 | {{ msg }}
4 | {% endblock %} -------------------------------------------------------------------------------- /myapp/templates/home.html: -------------------------------------------------------------------------------- 1 | {% extends "appbuilder/base.html" %} 2 | 3 | {% block add_tail_js %} 4 | 5 | {% endblock %} 6 | 7 | {% block content %} 8 |
9 |
10 |
11 |
51 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/index.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/base.html" %}
2 | {% block content %}
3 |
4 |
9 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/myapp/base.html:
--------------------------------------------------------------------------------
1 | {% extends "appbuilder/baselayout.html" %}
2 |
3 | {% block head_css %}
4 | {{super()}}
5 |
6 |
7 | {% for entry in get_unloaded_chunks(css_manifest('theme'), loaded_chunks) %}
8 |
9 | {% endfor %}
10 | {% endblock %}
11 |
12 | {% block head_js %}
13 | {{super()}}
14 | {% with filename="theme" %}
15 | {% include "myapp/partials/_script_tag.html" %}
16 | {% endwith %}
17 | {% endblock %}
18 |
19 | {% block tail_js %}
20 | {{super()}}
21 | {% with filename="preamble" %}
22 | {% include "myapp/partials/_script_tag.html" %}
23 | {% endwith %}
24 | {% endblock %}
--------------------------------------------------------------------------------
/myapp/templates/myapp/basic.html:
--------------------------------------------------------------------------------
1 | {% import 'appbuilder/general/lib.html' as lib %}
2 |
3 |
4 |
5 |
5 |
8 | {{_("My App on F.A.B.")}}
6 |{{_("My first app using F.A.B, bla, bla, bla")}}
7 |
52 | 
54 |
55 | {% endblock %}
56 |
57 |
58 |
54 |
59 |
75 | {% block tail_js %}
76 | {% if entry %}
77 | {% with filename=entry %}
78 | {% include "myapp/partials/_script_tag.html" %}
79 | {% endwith %}
80 | {% endif %}
81 | {% endblock %}
82 |
83 |
84 |
85 |
88 |
89 |
90 |
91 |
92 |
93 |
--------------------------------------------------------------------------------
/myapp/templates/myapp/csrf_token.json:
--------------------------------------------------------------------------------
1 | {
2 | "csrf_token": "{{ csrf_token() if csrf_token else '' }}"
3 | }
4 |
--------------------------------------------------------------------------------
/myapp/templates/myapp/fab_overrides/list.html:
--------------------------------------------------------------------------------
1 |
2 | {% extends 'appbuilder/general/widgets/list.html' %}
3 |
4 | {% block begin_content scoped %}
5 |
60 |
73 |
74 |
6 |
7 | {% endblock %}
8 |
9 |
--------------------------------------------------------------------------------
/myapp/templates/myapp/fab_overrides/list_role.html:
--------------------------------------------------------------------------------
1 |
2 | {% extends 'appbuilder/general/widgets/roles/list.html' %}
3 |
4 | {% block begin_content scoped %}
5 |
| 16 | | 17 | | 18 | |
|---|
11 | {/* {text.length > 0 ? (
12 |
17 | );
18 | };
19 |
20 | export default VisualizedData;
21 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/EditorAce/components/VisualizedData/style.ts:
--------------------------------------------------------------------------------
1 | import { mergeStyles } from '@fluentui/react';
2 | const noDataStyle = mergeStyles({
3 | fontStyle: 'italic',
4 | color: '#6c757d',
5 | padding: '.5rem',
6 | });
7 |
8 | export default {
9 | noDataStyle,
10 | };
11 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/EditorAce/style.ts:
--------------------------------------------------------------------------------
1 | import { IIconProps, mergeStyleSets, mergeStyles } from '@fluentui/react';
2 | const modalStyles = mergeStyles({
3 | position: 'fixed',
4 | width: '100%',
5 | height: '100vh',
6 | backgroundColor: 'rgba(0, 0, 0, .5)',
7 | zIndex: 999,
8 | display: 'flex',
9 | justifyContent: 'center',
10 | alignItems: 'center',
11 | });
12 | const cancelIcon: IIconProps = { iconName: 'Cancel' };
13 | const contentStyles = mergeStyleSets({
14 | container: {
15 | minWidth: '75%',
16 | minHeight: '80%',
17 | overflow: 'hidden',
18 | display: 'flex',
19 | borderRadius: 2,
20 | backgroundColor: '#fff',
21 | padding: '0 24px',
22 | },
23 | header: {
24 | display: 'flex',
25 | alignItems: 'center',
26 | justifyContent: 'space-between',
27 | padding: '10px 0 14px 0',
28 | },
29 | body: {
30 | flex: 1,
31 | height: 0,
32 | position: 'relative',
33 | display: 'flex',
34 | },
35 | footer: {
36 | position: 'relative',
37 | display: 'flex',
38 | padding: '24px 0',
39 | justifyContent: 'flex-end',
40 | },
41 | });
42 | const resizeLine = mergeStyles({
43 | width: 8,
44 | height: '100%',
45 | cursor: 'col-resize',
46 | background: '#eee',
47 | transition: 'background 0.2s',
48 | margin: '0 15px 0 2px',
49 | display: 'flex',
50 | alignItems: 'center',
51 | justifyContent: 'center',
52 | overflow: 'hidden',
53 | });
54 | const resizeLineIconStyles = mergeStyles({
55 | display: 'flex',
56 | justifyContent: 'center',
57 | alignItems: 'center',
58 | boxSizing: 'border-box',
59 | paddingRight: '19px',
60 | width: 8,
61 | height: 20,
62 | fontSize: 20,
63 | pointerEvents: 'none',
64 | });
65 |
66 | export default {
67 | modalStyles,
68 | cancelIcon,
69 | contentStyles,
70 | resizeLine,
71 | resizeLineIconStyles,
72 | };
73 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/FlowEditor/components/EditorBody/components/DataSet/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Icon, Layer } from '@fluentui/react';
3 | import { Handle, Position, NodeProps } from 'react-flow-renderer';
4 | import Model from '../Model';
5 | import style from './style';
6 |
7 | const DataSet: React.FCNo data
15 | )} */}
16 |
12 |
13 |
*/}
22 |
14 |
21 |
15 |
20 |
16 |
19 | {props?.data?.label}
18 |
23 |
33 |
24 |
26 |
27 |
32 | {props?.data?.label}
28 | {
29 | props?.data?.info ? {props?.data?.info['describe']}
: null
30 | }
31 |
41 |
72 | );
73 | };
74 |
75 | export default ModuleItem;
76 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/ModuleTree/components/ModuleItem/style.ts:
--------------------------------------------------------------------------------
1 | import { mergeStyles } from '@fluentui/react';
2 |
3 | const moduleItem = mergeStyles({
4 | width: '100%',
5 | userSelect: 'none',
6 | cursor: 'pointer',
7 | });
8 |
9 | const moduleListModuleCard = mergeStyles({
10 | margin: '8px 16px',
11 | border: '1px solid rgb(234, 234, 234)',
12 | background: 'rgb(248, 248, 248)',
13 | color: 'rgb(55, 55, 55)',
14 | borderRadius: '2px',
15 | padding: '8px',
16 | display: 'flex',
17 | fontSize: '12px',
18 | flexDirection: 'column',
19 | '&:hover': {
20 | backgroundColor: '#eee',
21 | },
22 | '> div': {
23 | pointerEvents: 'none',
24 | display: 'flex',
25 | flexDirection: 'row',
26 | flexGrow: 1,
27 | alignItems: 'center',
28 | '> header': {
29 | flexGrow: 1,
30 | color: 'rgb(0, 0, 0)',
31 | fontWeight: 600,
32 | fontSize: '12px',
33 | textOverflow: 'ellipsis',
34 | overflow: 'hidden',
35 | whiteSpace: 'nowrap',
36 | lineHeight: '16px',
37 | },
38 | '> summary': {
39 | flexGrow: 1,
40 | color: 'rgb(55, 55, 55)',
41 | fontSize: '12px',
42 | },
43 | },
44 | });
45 |
46 | export default {
47 | moduleItem,
48 | moduleListModuleCard,
49 | };
50 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/ModuleTree/components/SearchItem/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react';
2 | import { Icon } from '@fluentui/react';
3 | import style from './style';
4 |
5 | interface ModelProps {
6 | model: any;
7 | onClick: () => void;
8 | }
9 |
10 | const SearchItem: React.FC
42 |
71 |
43 |
70 |
51 |
69 |
52 | {modelInfo.name}
62 |
63 |
64 |
65 | {modelInfo.describe}
66 |
67 |
68 |
19 |
43 | );
44 | };
45 |
46 | export default SearchItem;
47 |
--------------------------------------------------------------------------------
/myapp/vision/src/components/ModuleTree/components/SearchItem/style.ts:
--------------------------------------------------------------------------------
1 | import { mergeStyles } from '@fluentui/react';
2 |
3 | const moduleItem = mergeStyles({
4 | width: '100%',
5 | userSelect: 'none',
6 | cursor: 'pointer',
7 | });
8 |
9 | const moduleListModuleCard = mergeStyles({
10 | margin: '4px 8px',
11 | border: '1px solid rgb(234, 234, 234)',
12 | background: 'rgb(248, 248, 248)',
13 | color: 'rgb(55, 55, 55)',
14 | borderRadius: '2px',
15 | padding: '5px 8px',
16 | display: 'flex',
17 | fontSize: '12px',
18 | flexDirection: 'column',
19 | '&:hover': {
20 | backgroundColor: '#eee',
21 | },
22 | '> div': {
23 | pointerEvents: 'none',
24 | display: 'flex',
25 | flexDirection: 'row',
26 | flexGrow: 1,
27 | alignItems: 'center',
28 | '> header': {
29 | flexGrow: 1,
30 | color: 'rgb(0, 0, 0)',
31 | fontWeight: 600,
32 | fontSize: '12px',
33 | textOverflow: 'ellipsis',
34 | overflow: 'hidden',
35 | whiteSpace: 'nowrap',
36 | lineHeight: '16px',
37 | },
38 | '> summary': {
39 | flexGrow: 1,
40 | color: 'rgb(55, 55, 55)',
41 | fontSize: '12px',
42 | },
43 | },
44 | });
45 |
46 | export default {
47 | moduleItem,
48 | moduleListModuleCard,
49 | };
50 |
--------------------------------------------------------------------------------
/myapp/vision/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { HashRouter as Router } from 'react-router-dom';
4 | import { mergeStyles, initializeIcons } from '@fluentui/react';
5 | import AppRouter from './routes';
6 | import { store } from './models/store';
7 | import { Provider } from 'react-redux';
8 |
9 | // fluentui icon 资源初始化
10 | initializeIcons();
11 |
12 | // 全局样式
13 | mergeStyles({
14 | ':global(body,html,#app)': {
15 | margin: 0,
16 | padding: 0,
17 | height: '100vh',
18 | },
19 | ':global(.react-flow__edge-path)': {
20 | strokeWidth: '2 !important',
21 | },
22 | });
23 |
24 | ReactDOM.render(
25 |
20 |
42 |
21 |
41 |
22 |
40 |
23 | {modelInfo.name}
33 |
34 |
35 |
36 | {modelInfo.describe}
37 |
38 |
39 |