SmartChart是基於Echarts的微程式碼開發平台,適用於任何WEB專案,比拖曳開發更方便。簡單, 敏捷, 高效,通用化, 高度可自訂化, 讓你的專案瞬間檔次提升,完全真正打通前後端, 圖形資料連動, 篩選開發毫無壓力。積木式的開發模式, 開箱即用, 安裝簡單, 依賴少, 適應各種平台。
1. 安裝Python環境(參考上面的環境準備)
2. 命令列安裝:
pip3 install smartchart
pip3 install smartchart -U (升級)
# Mac or Linux 初始化方法
3. 初始化DB, 命令列輸入
smartchart makemigrations
smartchart migrate
4. 建立管理員帳號, 如果已有可忽略
smartchart createsuperuser
5. 本機命令列啟動:
smartchart
如果你需要遠端存取,啟動方式:
smartchart runserver 0.0.0.0:8000 --insecure
6. 造訪http://127.0.0.1:8000/echart/init_db/ 進行資料初始化
# Window 初始化方法
3. 初始化DB, 你需要找到你的python安裝位址,不記得了參考下圖方法
如C:UsersxxxAppDataLocalProgramsPythonPython39
命令列輸入
cd C:Users....Python39Scripts
python smartchart makemigrations
python smartchart migrate
4. 建立管理員帳號, 如果已有可忽略
python smartchart createsuperuser
5. 本機命令列啟動:
python smartchart
如果你需要遠端存取
啟動方式:
python smartchart runserver 0.0.0.0:8000 --insecure
6. 造訪http://127.0.0.1:8000/echart/init_db/ 進行資料初始化
簡單配置一下, 你可以參考此demo
1. 在你的setting.py的INSTALL_APPS中加入'smart_chart.echart'
2. MIDDLEWARE 中註解掉XFrameOptionsMiddleware
3. setting.py中設定為中國時區, 支援中文基礎平台建置!
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_L10N = True
USE_TZ = False # 這裡必須為False
4. 在你的url.py中加入引用
from django.conf.urls import include
from django.views.generic import RedirectView
5. url.py的urlpatterns中加入路由
path('echart/', include('smart_chart.echart.urls')),
path('', RedirectView.as_view(url='echart/index/')), #首頁,可自訂路由
6. 初始化DB, 命令列輸入:
python manage.py makemigrations
python manage.py migrate
7. 建立管理員帳號, 如果已有可忽略
python manage.py createsuperuser
8. 啟動服務
python manage.py runserver
9. 造訪http://127.0.0.1:8000/echart/init_db/ 進行資料初始化
對應的項目目錄說明:
templates/echart -- 編輯器介面
templates/index -- 首頁Portal
static/echart -- 擴充前端資料處理函數(圖形編輯中可用)
static/editor -- 編輯器介面js
static/index -- Portal對應js, css
CharResource -- 存放echarts轉換後的smartchart
git clone 項目
pip install smartchart
啟動方式python manage.py runserver