Collect from 網頁模板
Modified by 追夢人物的博客

Vpython模型範例實作

說明如何利用GlowScriptDemos網頁產生javascrpt程式碼,渲染到HTML上並加入可互動控制參數方法

  1. 開啟https://www.glowscript.org/#/user/GlowScriptDemos/folder/Examples-JavaScript/
  2. 點選VIEW顯示Vpython Code
  3. 點選上方 Share or export this program 連結產生JavaScript Code
  4. 將JavaScript Code轉存成HTML檔案
  5. 可以加入控制元件
<form action="{% url 'notation:testvpython' %}" method="get">
<input type="number" name="fnumber" step="1"  default= "60" >
<button type="submit" class="comment-btn">輸入</button>
</form>
</div>
  • 在views.py加入
import json
def testvpython(request):

    VNumber = request.GET.get('fnumber')
    return render(request, 'notation/test.html', {
            'vnumber': json.dumps(VNumber),
        })
  • 對應urls.py

path('testvpython/', views.testvpython, name='testvpython'),


發表評論

評論列表,共 0 則評論

    暫無評論