在網(wǎng)上看了許多模板和系統(tǒng)，既然有了模板，用python的web框架應(yīng)該可以仿一下，有一個(gè)前端的頁面代碼加上css文件，剩下的用js和python后端做一下對(duì)接，應(yīng)該也是可以實(shí)現(xiàn)一個(gè)網(wǎng)站的制作。

這次用flask和django兩個(gè)框架去做，目的是讓前端和后端做一下區(qū)分，前端部分寫js，后端用django做功能和數(shù)據(jù)的交互，這樣兩者互不干擾，也降低的程序的耦合度吧。下面講解一下大致的流程

最終目的是完成用戶的注冊(cè)和登錄：

一、復(fù)制網(wǎng)站文件

首先是獲取目標(biāo)網(wǎng)頁代碼了，打開目標(biāo)網(wǎng)頁，查看源碼，復(fù)制源碼到本地html文件中，再把其中的css也復(fù)制到本地css文件中。

二、flask部分

用flask框架創(chuàng)建路由，鏈接模板頁面

三、ajax異步請(qǐng)求

拿到表單用戶輸入的信息后，接下來通過ajax去請(qǐng)求后端，將數(shù)據(jù)發(fā)送發(fā)過去。

四、后端邏輯判斷

通過對(duì)每一個(gè)表單內(nèi)容進(jìn)行逐一判斷，不符合條件的表單內(nèi)容將返回錯(cuò)誤信息，告知用戶某地方?jīng)]有輸入或輸入錯(cuò)誤。

五、隨機(jī)驗(yàn)證碼

隨機(jī)驗(yàn)證碼用了python中的pillow庫進(jìn)行隨機(jī)4位英文和數(shù)字混合的驗(yàn)證碼制作，并返回前端驗(yàn)證碼信息。再和用戶的驗(yàn)證碼信息進(jìn)行比對(duì)

比對(duì)驗(yàn)證碼信息

這樣就實(shí)現(xiàn)的了一個(gè)簡(jiǎn)單的登錄系統(tǒng)制作了，至于之中的django和flask環(huán)境配置等等信息就不做介紹了。完成配置后，就可以將代碼上傳到服務(wù)器中進(jìn)行公眾展示了。后面會(huì)在此登錄系統(tǒng)后，做一個(gè)seo快排優(yōu)化頁面，幫助大家實(shí)現(xiàn)seo關(guān)鍵詞的制作。