Flask Backend System with MongoDB Registration

Avatar of Jacky Lai.
Avatar of Jacky Lai.

Flask Backend System with MongoDB Registration

Software Engineer @ 騰茲電通
Taipei City, Taiwan

流程規劃


為了更加熟悉Python的相關操作及掌握後端的技術(SQL),甚至更加了解如何與前端串接API,因此撰寫了一個關於運用前後端技術及資料庫的部落格網頁。

1.架設基礎首頁及登入註冊頁面

2.須先實現登入系統及註冊系統,才能提供會員制

3.撰寫表格功能並建立資料庫且與資料庫連線的功能

4.完成會員制之後,加入Session功能

5.利用Session的機制,使用戶可以直接進行寫文章及修改文章、刪除文章等功能

6.加入第三方登入方式Google,並取得gmail及名字

開發軟體及技術


Python/Flask

MongoDB

HTML/CSS/Javascript


專案成果說明


1.架設相關基本首頁及登入介面HTML/CSS

2.利用Flask撰寫路由串接至相對應頁面

3.加入使用HTML的form功能,並創建關於登入及註冊的功能,用戶可以自行輸

入需要註冊的帳號密碼,且針對已經註冊過的會員提供登入的路徑

5.此時創建資料庫MongoDB並撰寫相關語法,讓用戶在填寫完form按下button的同

  時,能連線至資料庫並完成後端輸入建立資料

6.添加登入的資料庫功能,同樣藉由資料庫語法來驗證此用戶輸入是否正確

7.架設輸入文章的相關頁面HTML/CSS

8.加入Session的功能,接著利用Session記憶的某個用戶資料來跟資料庫驗證,已確認     

  用戶寫文章時的身份

9.因加入了身份驗證,便可以根據用戶需求提供功能,並完成撰寫文章及刪改文章的

  功能,此地方同樣利用語法連線資料庫做輸入及驗證抑或是修改

10.由於版面不滿意,在(112/3/9)加入些許CSS版面配置及Javascript的元素(alert)

11.(112/4/29)加入第三方登入Google,以及首頁直接可以利用按鈕串接Javascript到後端api

function with log in and sign up system function with writing article or modify article if users had already log in
Avatar of the user.
Please login to comment.

Published: Feb 22nd 2023
78
9
0

Tools

javascript
JavaScript
css3
CSS3
html5
HTML5
mongodb
MongoDB
python
Python

Share