Model 基本介紹

首先，在Models資料夾中，新增名為Movie的Class

Views 基本介紹

在這裡，會介紹如何建立view，及如何在controller載入view

在開始說明view之前，先特別提一下layout

layout

在開發過程中，我們會將一些頻繁被使用到的HTML內容，統一寫在layout裡面 例如: header、footer、sidebar、menu、global js、global css…

Model-View-Controller (MVC) 根據維基百科解釋

MVC模式（Model–view–controller）是軟體工程中的一種軟體架構模式，把軟體系統分為三個基本部分：模型（Model）、視圖（View）和控制器（Controller）。

使用MVC的方式來建構應用程式，可以讓程式容易維護、更新及測試。 其中，它們各自分別負責的任務如下:

模型（Model） 負責操控資料庫，並提供給Controller 視圖（View） 負責建構使用者介面(UI)，將資料內容呈現出來。 控制器（Controller） 負責處理HTTP請求、從Model取回指定的數據，並且可以將數據傳送給指定的View

這份教學主要說明如安裝 Visual Studio 2015 、 ASP.NET Core

以及如何建立第一個專案

使用Mac開發，請先參考MAC 的 ASP.NET 環境設定說明

通常在租用主機環境，都會處理好mail server所需的相關設定，

如果在開發過程中，可以在local端就能測試寄發email效果，對開發者而言，一定會更加方便

因此，本文主要說明在 windows 本地 localhost( 127.0.0.1)

如何使用 phpmailer 來透過 GMAIL SMTP server 寄信

DataFrames

讀取csv 說明

先安裝 DataFrames http://juliastats.github.io/DataFrames.jl/stable/ 在julia終端機介面輸入下指令即可安裝

Pkg.add("DataFrames")

##下載 Composer安裝檔

前往官網下載 Composer-Setup.exe

安裝檔會自動選擇最新的版本，

在安裝過程直接按確定或下一步，直到完成安裝

Julia 是一種科學計算語言，具有以下特性:

• 免費且開源 (MIT licensed)
• 使用者可定義types的方式，增加效率
• 不須為了增加效能而特別編譯程式碼，直接寫效能就已經很快
• 適用於平行運算及分布試運算
• 輕量綠色版
• 強大的types系統
• 可以優雅的對數字和其他類型進行轉換和拓展
• 支援Unicode(當然包含UTF8)
• 可以直接呼叫C的functions(不須額外加載或特定API)
• 強大的類shell功能，用於管理其他進程
• Lisp-like macros and other metaprogramming facilities

以下是學習過程的一些紀錄:

前往NodeJS官方軟體版本列表區， 可以挑選想要的ARM版本來安裝

安裝流程大致如下: 使用wget 下載，之後移動檔案到/opt 資料夾下(記得用root權限)，進入opt資料夾，解壓縮檔案及安裝 總之，照著下列指令一個一個做

根據 Search Engine Land 報導，數月內，Google將會獨立行動版網頁搜尋索引，讓用戶們可以擁有更好的體驗。

圖片來源: Search Engine Land

簡單紀錄vim指令及用法

安裝typescript

npm install -g typescript

接著測試看看是否能正常運作 先建立一個 helloworld.ts 內容寫入

let hi: string = "helloworld";

接著在下指令

tsc helloworld.ts

如果有產生一個對應的helloworld.js 那就代表能正常運作

var hi = "helloworld";

#Basic Types 紀錄一些Typescipt基本型態用法，主要參考自Typescript官網 Basic Types https://www.typescriptlang.org/docs/handbook/basic-types.html

##Boolean

let isDone: boolean = false;

##Number 在typescirpt中，所有numbers都是以符點數來表示，因此可以支援十六進位、十進位、八進位、二進位數值格式。

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

https://www.smashingmagazine.com/2016/09/content-security-policy-your-future-best-friend/ http://www.ruanyifeng.com/blog/2016/09/csp.html

Content Security Policy - 簡稱 CSP，是一個瀏覽器安全保護使用者的策略。

主要用於降低 cross-site scripting (XSS) 的風險。

網站傳送Header時﹑夾帶 CSP header 告訴瀏覽器哪些是合法的內容，哪些是不合法的。

在基本的規則中，Header meta name 命名為 Content-Security-Policy 接下來就可以定義規則 定義的方式可以依照你使用的環境及語法而定 首先可以直接使用HTML meta的方式來定義 例如:

<meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">

也可以透過 HTTP 的header訊息 : Content-Security-Policy 這裡主要會針對PHP header的方式來定義 這裡是一個PHP範例:

<?php
    header("Content-Security-Policy: <your directives>");
?>

通常，在定義CSP規則時，可以定義合法的圖片來源、script 來源、css來源、iframe來源 當然，也可以直接讓本文的script合法，但不建議這樣處理。例如，我們會再本頁HTML中用