此作品使用於:學校畢業論文 / 就業作品集

論文摘要:

網站首頁:

專案動機:
由於自身碩論需要爬取新聞以作分析,因此想契合碩論主題,一方面幫助自己的研究,一方面有助於未來就業時有更多作品集。
網站 - Post新增文章功能

網站 - Delete、Save、Cancel功能

重點技術1. - Scrapy 框架爬蟲&存入 MySQL :
利用scrapy框架撰寫爬蟲,爬取三立新聞的「新聞標題」、「新聞連結」、「新聞發佈時間」,共3000多筆新聞資料,並存入MySQL資料庫中。
pipelines.py

Scrapy目錄

settings.py

重點技術2. - Django做 RESTful API:
利用 django的 REST API 功能的框架 django rest framework(DRF) 做 RESTful API 前後端分離,將後端資料庫中的資料以 json 方式呈現。
view.py

url.py

serializers.py

重點技術3. - Flask 架設網站:
以 flask 網頁框架寫網頁的 route、template

templates

重點技術4. - jQuery AJAX 串聯 API :
前端以 jQuery ajax 藉由 GET/POST/DELETE/PUT method 增刪改查後端資料庫的資料。
GET、PUT功能

POST功能

DELETE功能

重點技術5. - HTML 呈現網站:
HTML、CSS製作網頁外觀

心得分享&教學反饋:
1.接觸的技術更為廣泛,學到的更多:
比起原先只會爬蟲,這次專案更涉及了解 Web API 和製作網站的框架(Django、Flask),以及前端(HTML、CSS、 JS)的技術,讓我學到更多元的程式語言,增加在資訊領域的能力。
2. 了解全端的基礎運作:
透過此次專案從後端到前端的製作,更了解前後端分離再串連的基本知識和實作,增加更多面向的知識與基礎。
*感謝 Charlie老師 - 細心地教導與適時給予我協助!
*謝謝崔崔專員 - 在這三個月幫我安排專案討論時間和提醒進度!謝謝你們讓我學到更多~
コメント