2018年10月31日 星期三

導入Progress®Telerik® UI for ASP.NET MVC

https://docs.telerik.com/aspnet-mvc/introduction

系統環境需求
  • .NET Framework 3.5 and later
  • ASP.NET MVC 3 and later
  • Visual Studio 2010 and later
  • IIS 5 and later
  • C# / VB.NET
  • SharePoint 2010 and later
系統導入步驟

1.官網下載套件後解壓縮得到檔案。
2.專案加入參考:kendo.mvc.dll
3.加入javascript參考(必須先引用jquery)
  • kendo.all.min.js
  • kendo.timezones.min.js(不一定需要,除非你要開發scheduler功能)
  • kendo.aspnetmvc.min.js
4.加入css參考
  • kendo.common-bootstrap.min.css
  • kendo.bootstrap.min.css
5. 更新web.config
在namespace區塊中加入 <add namespace="Kendo.Mvc.UI" />
--------以上是手動加入------


--------你也可以這樣做------
1. 用NuGet:Install-Package Kendo.Mvc -Version 版本號
2. 用vs的擴充功能和更新找到kendo套件

2018年9月30日 星期日

Flask Jinja2

Jinja2是Flask默認支持的模版引擎,主要作用是渲染模板。

在layout.html中,用{% block body %}和{% endblock %}來綁訂其他頁面內容。所以在這個網頁中,我們可以制定網頁中共用的模板。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>MyFlaskApp</title>
</head><body>{% block body %} {% endblock %}
</body></html>

另外我們在home.html指定引用layout.html,並撰寫{% block body %}和{% endblock %}之間的網頁內容。

{% extends 'layout.html' %}  #

{% block body %}
 Home Welcome!
{% endblock %}

最後透過flask route造訪home.html時,會先執行layout.html文件,執行完畢後會帶出home.html內容。我們可以看執行結果如下:








如果你要在layout.html中嵌入其他頁面,可以用{% include '網頁來源' %}這個語法來完成。
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>MyFlaskApp</title></head><body>{% include './includes/menu.html' %}
{% block body %} {% endblock %}
</body></html>

其中menu.html如下:
<a href="https://www.jetbrains.com/pycharm"> pycharm </a> <br><a href="http://flask.pocoo.org/"> flask </a> <br>

執行結果就可以看到layout.html已經嵌入menu.html。



2018年9月24日 星期一

Flask Route

Flask是python網站開發微框架。


File->Setting-選到自己的Project->Project Interpreter-> ┼ (右邊加號)>搜尋flask->install package
  • Flask中的路由
新增一檔案名為app.py,import Flask
#making available the code you need to build web apps with flask
from flask import Flask, render_template
# create an instance of the Flask class for our web app
app = Flask(__name__)


# when the user navigates to localhost:5000, 
# the home function will run and it will return its output on the webpage.
@app.route("/")def hello():
    # return "<h3>Hello World! 123</h3>"
    # 利用render_template()導到html檔案,
    # 要注意的是:1.需import render_template 2.該html檔要放在根目錄的Templates目錄之下    return render_template("home.html")

# If the input to the route method was something else, let’s say ‘/abc/’, 
# the function output would be shown when the user visited localhost:5000/abc/
@app.route("/abc")def hello2():
    return 'Hello World! 45678'

# 執行該application,當debug=True,開發環境中則不必重啟server,重新整理網頁即可
app.run(debug=True) 



點選RUN執行,即可看到結果。