Due_Day08/31 ( ͡ ͡° ͜ ʖ ͡ ͡°)

[superjj0430]

• [x] 安裝 pycharm, python, sql developer, ssms
• [x] 設定 pip 環境
• [x] 安裝 dijango 並設定整合至 pycharm
• [x ] 以 vue + bootstrap 模版建立簡單網頁專案
• [x] 撰寫 ORM model 繫結至開發環境資料庫 table
• [x] 以上述專案建立網頁, 對資料庫進行 CRUD 操作
• [x] 建立後端 restful api, 將資料庫 table 輸出 json
• [x] 建立前端頁面,以 axion 連接至後端 api 將結果繪製成 table顯示

[superjj0430]

Django 整合restfulAPI參考資料 https://www.django-rest-framework.org/tutorial/quickstart/

[superjj0430]

IT 建德給了我們部門 MicroLEDWeb 權限 http://auohqcmmap01.corpnet.auo.com/MicroLEDWEB

我進去分析網頁源碼大致了解是採用 AdminLTE 模版 + vue.js 的架構

AdminLET 是基於 bootstrap 的模版, 佈局跟 sb-admin 很類似, 可以到這網站預覽 https://adminlte.io/themes/v3/ 但是這模版又集成了很多前端的 UI 控件, 包括登錄驗證功能等等, 以及與後端 api 交握的ajax 封裝 說明文件跟範例也蠻豐富的, 可以縮短很多開發時間 但缺點是AdminLTE 內部不是使用 vue.js 而是 jquery , 如果要使用 vue於自己的頁面就變得有點多餘 (已經有 jquery 了)

另一套類似的模版 vue-element-admin https://panjiachen.github.io/vue-element-admin/#/dashboard 功能上很類似, 但是骨幹是 vue 文件甚至是有中文版的, 也有中文的教學文章 https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/ 我覺得不錯, 這一套也可以評估看看

[superjj0430]

後端(?): 因oracle版本關係，Django原生ORM(model.py)維持sqlite以migrate，實際資料放oracle(雙DB?) ref: https://www.cnblogs.com/lxgbky/p/13038404.html

前端: Vue+Boostrap(必要)

[superjj0430]

https://vuejs.org/v2/guide/installation.html VUE.MIN.JS下載

[superjj0430]

https://www.youtube.com/watch?v=L4WX284w5AQ&list=PLmOn9nNkQxJGngWQCvO4Txf6IcQYy7KAb Vue教學