工作筆記: 2018

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網站開發微框架。

在pycharm中安裝flask

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執行，即可看到結果。

2018年10月31日 星期三