基于Flask框架的展示型網站的設計與實現

馬旭 王淑麗

摘要：隨著互聯(lián)網技術的飛速發(fā)展，報紙、電視等已經不是主流的信息傳播媒介，取而代之的是微博、貼吧等寄托于互聯(lián)網的新型媒體。傳統(tǒng)的商業(yè)宣傳為了適應這種變化逐步向互聯(lián)網行業(yè)發(fā)展。本文參考對現有展示型網站的研究，提出了一個基于Flask框架的具有普適性的展示型網站的設計與實現方案。

關鍵詞：Flask;網站;展示型網站;互聯(lián)網

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1007-9416（2018）11-0137-02

0 引言

隨著互聯(lián)網突飛猛進的發(fā)展，報紙、電視已經不是主流的信息媒介，互聯(lián)網上的信息呈現爆炸式增長?；ヂ?lián)網的飛速發(fā)展是一場影響范圍非常大、影響深度更加深的一場技術性革命，為信息的傳播方式帶來了巨大的變革。隨著經濟的快速發(fā)展，越來越多的微小企業(yè)、組織需要一個平臺去展示自己的產品或者能力，以便實現企業(yè)或者組織更加高效發(fā)展。尤其是隨著互聯(lián)網的發(fā)展，這種平臺的形式便寄托在了網站上。

傳統(tǒng)的商業(yè)宣傳需要投入大量的商業(yè)成本，在電視、馬路邊上的宣傳牌等、都需要大量的人力、財力成本?；ヂ?lián)網宣傳相比于傳統(tǒng)的商業(yè)宣傳的一大優(yōu)勢就是免費，現在只需要投入少量的人力成本去建設一個網站就可以達到以往的宣傳的目的。目前互聯(lián)網上的技術都比較成熟，尤其是在網站建設方面，有著大量成功的經驗可以借鑒。

1 關鍵技術

1.1 Python

Python語言是一種高級語言，具有解釋性、編譯性、互動性和面向對象的腳本語言，具有很的可讀性，相比于其他語言具有特色的語法結構，被稱為“入門語言”。

1.2 HTML

HTML（Hyper Text Markup Language）是一種超文本標記語言，用于創(chuàng)建網頁。它不是一種編程語言，而是一種標記語言。它使用標簽來描述網頁。

1.3 Bootstrap

Bootstrap是一種用于快速開發(fā)Web前端頁面的框架，它是基于HTML、CSS、JAVASCRIPT的一種開元框架，非常容易上手，采用了響應式的設計，很大程度上減少的前端工程師的工作量。

1.4 Flask

Flask是一個使用Python編寫的輕量級Web應用框架。他的顯著特點是小，僅需幾行代碼便可以運行一個完成的Web 應用程序。

2 展示型網站系統(tǒng)設計

2.1 需求分析

通過對展示型網站的思考，本文認為該網站的系統(tǒng)需要設計為兩個大模塊，第一大模塊是通過Flask框架對前后端進行設計，其中包括信息列表、信息分類、信息詳情、信息搜索和登陸注冊等功能;第二大模塊是對數據進行處理，其中詳細分為對數據的處理、分析、傳輸等功能。

2.2 功能分析

（1）游客用戶：用戶可以瀏覽信息列表界面，信息分類界面，但是不能瀏覽信息詳情和信息搜索界面，如果需要瀏覽詳情界面，則將頁面跳轉到登陸注冊界面。

（2）注冊：為注冊用戶可以通過注冊界面進行注冊，在指定位置輸入正確的相關信息即可完成注冊，注冊之后即可瀏覽游客不允許瀏覽的相關頁面。

（3）登陸：已經注冊過的用戶可以在登陸頁面進行登陸，如果用戶輸入的數據與后臺數據庫中的數據相同，則登陸成功，否則封路失敗。登陸后用戶可以瀏覽信息列表界面，信息分類界面，信息詳情界面，信息搜索界面，并且可以在信息詳情界面進行評論。

（4）忘記密碼：當用戶忘記密碼之后，系統(tǒng)可以向注冊郵箱發(fā)送一個加密后的鏈接，該鏈接可以并且僅可以訪問一次。用戶進入該界面之后即可將密碼重置。

（5）信息分類界面：該界面會顯示信息的分類信息，當用戶訪問該界面的時候，前端向后端發(fā)送數據請求，后端返回數據，前端將數據展示出來。

（6）信息列表界面：該界面會顯示信息列表信息，當用戶訪問該界面的時候，前端向后端發(fā)送數據請求，后端返回數據，前端將數據展示出來。

（7）信息詳情界面：該界面會顯示信息的詳細信息，當用戶訪問該界面的時候，前端向后端發(fā)送數據請求，后端返回數據，前端將數據展示出來。在該界面用戶可以對相關信息進行評論。

2.3 基于Flask框架的展示型網站的設計

通過對現在互聯(lián)網上的展示型網站的研究，本文提出了一個通用的展示型網站的設計與實現方式，該展示型網站系統(tǒng)功能設計分為前端模塊、后端模塊和數據處理模塊，見圖1。

與其他展示型網站不同的是，在該系統(tǒng)中數據處理模塊與其他兩個模塊是分隔開的。

2.3.1 Flask框架

本文提出的通用型展示型網站的整體框架是基于Flask框架的，框架分為前端和后端兩個部分。前端是通過Bootstrapt框架與jinja模版語言將數據展示的模版做出來。當用戶點擊相關功能的時候，前端向Flask app發(fā)送請獲取數據的請求，Flask app從后端獲取到數據之后會通過路由（route）將數據返回給前端，前端接受數據并展示出來。

其中，Flask app接受到相應的數據請求以后，分析數據請求信息并確定請求來源以后會調用后臺數據處理中的部分函數，以完成相應的功能。

2.3.2 后臺數據處理

本文提出的通用型展示型網站的數據處理部分與Flask框架是分開的，數據的處理與Flask框架并行進行處理，可以提高系統(tǒng)運行的速度，并且可以保證系統(tǒng)的穩(wěn)定性，在數據處理系統(tǒng)出問題的時候不會影響Flask app的運行。

該部分是整個系統(tǒng)完成的核心功能，按照本文設計的通用型展示型網站，至少需要以下幾個模塊才能夠完成系統(tǒng)的基本功能，分別是：數據庫的操作、信息列表獲取、信息分類獲取、信息詳情獲取、信息評論獲取、登陸與注冊信息的獲取與判斷等。

3 結語

本文通過分析現有展示型網站，并且根據Flask框架提出了一個新的、具有通用性的、運行效率高的展示型網站的設計與實現工作。

參考文獻

[1]劉麗，羅津，俎曉芳.藍天環(huán)保社團網站設計與實現[J].科技創(chuàng)新與應用，2018（35）：98-101.

[2]仝沖，趙宇翔.基于內容分析法的彈幕視頻網站用戶使用動機和行為研究[J/OL].圖書館論壇，2019：1-7+9[2018-12-12].http：//kns.cnki.net/kcms/detail/44.1306.G2.20181205.0935.002.html.

[3]劉亞剛，張啟英.基于數據庫設計在網站開發(fā)中的應用[J].電子技術與軟件工程，2018（22）：154.

[4]毛利，葉惠娟.營銷型企業(yè)門戶網站關鍵功能設計與實現分析[J].合作經濟與科技，2018（24）：138-139.

[5]葉惠娟，毛利.企業(yè)門戶網站價值分析[J].合作經濟與科技，2018（23）：144-145.

[6]都飛翔，楊靜，史健芳.基于Flask與樹莓派的智能交通控制平臺[J].現代電子技術，2018，41（13）：88-91.

[7]沈宏偉. 基于Flask的企業(yè)內網安全系統(tǒng)的設計與實現[D].北京交通大學，2018.

Design and Implementation of Display Website Based on Flask Framework

MA Xu，WANG Shu-li

（Beijing Information Science And Technology University Computer School， Chaoyang District，Beijing 100101）

Abstract：With the rapid development of Internet technology， newspapers， television and other information media are no longer the mainstream， replaced by micro-blog， post bar and other new media based on the Internet. In order to adapt to this change， traditional commercial propaganda has gradually developed into the Internet industry. Referring to the research on the existing display website， this paper proposes a design and implementation scheme of a universal display website based on Flask framework.

Key words：Flask; website; display website; internet