前言
? ? ? ? 我寫這一個板塊的原因是我參加了我們學校的新生項目課，需要創立一個系統，我們小組選的標題的基于計算機視覺的商品識別系統，那么我們需要一個網站來展示我們的功能，故寫這些來記錄一下自己，大家如果有什么問題的話可以在下面評論，我看到之后會積極回復，謝謝大家的點贊與收藏，我之后也可能會寫一些關于我們算法的一些內容，大家敬請期待。
再次廢話
? ? ? ? 我們這里前端用我們的HTML? CSS? JavaScript來編寫；后端則是用我們的python的Flask框架，開發在我們的VScode里面，這里就不會補充一些基礎知識了，以后如果有時間的話我會單獨來講一講基礎知識
? ? ? ? 其次我們想要做的一個界面要求：兩個選項，一個是用戶，一個是商家，用戶點擊之后打開我們的攝像頭，識別商品，并且報出價格，（進行付款）；商家后臺需要記錄商品數量，商品的一個交易記錄
一、用vscode創建我們的基礎框架
1、創建文件夾
我們的VScode界面長這個樣子：
點擊我們左上角的file，接著點擊我們的open folder即打開我們的文件夾，但是在此之前我們需要自己創建一個文件夾，我就在我的D盤創建了一個“Vscode前后端開發_4”該文件夾：
那么我們隨即在我們的Vscode中打開你所創建的文件夾：
打開之后我們的界面是這個樣子的：
可以看見我們有四個操作方式，第一個是新增一個文件，第二個是在該文件夾下再創建一個小文件夾，第三個與第四個我也沒試過
之后如果研究了會補上來的！
隨即我們創建一個小文件夾：Templates（前端）：
那么我們的基礎框架就算搞好了，這個小文件夾是來放我們的前端文件，該文件夾之外則是放我們的后端文件（這里我們選擇的是python的flask框架）
2、創建前端文件（html）
我們在該小文件夾下創建一個文件：
編譯器會自動根據你設置的文本名后綴來判斷是什么類型的文件，這里我們后綴是html那么它就會識別為html文件。那么我們就可以寫我們的前端了（可以借助我們的AI來編寫）
寫完之后我們需要保存（可以用快捷鍵ctrl + s）保存完之后我們在我們的文件夾中打開即可（一定要保存！）：
點擊即可，這里就不放出我的杰作了?
3、創建后端文件（.py）
寫完了前端我們就需要寫我們的后端：
在我們的大文件夾下創建我們的python文件：
當然你也可以拖拽該文件來實現放在不同的位置
但是 !?我們這里的Vscode是沒有配置python環境的，需要我們自己去配置：
首先我們打開這個界面：
在輸入框里面輸入python，隨后下載python即可，隨后我們需要配置我們的python環境，即我們的python解釋器：
按下我們的ctrl+shift+p即可調出我們的命令框，當然也可以用普通方法，大家搜一下就可以了：
找到我們的select interpreter來配置我們的python解釋器
當一切都搞定之后我們就可以在python文件中來寫我們的后端了（同樣我們可以借助我們的AI）
4、創建本地服務器：
我們知道前端和后端需要一個服務器來進行連接，前端發送請求給服務器，服務器處理之后發送給后端，之后后端將返回結果給服務器，隨后服務器把結果給到前端。
這里我們創建的是本地服務器，需要用到我們VScode的
下載之后我們打開前端就可以直接右鍵html文件：
?點擊 open with live server便可以用我們的本地服務器打開前端，同時與我們的后端也可以構建聯系
二、一些問題：
首先我們的flask框架是需要我們下載包/庫的，這里需要我們注意
