我寫了一個網(wǎng)站，供信息技術班的學生使用。現(xiàn)在我把整個過程寫成教程并展示出來。看一些截圖：

編程練習

代碼編譯接口

知識測試界面

這個網(wǎng)站是0.10seo優(yōu)化，用來完成它。編程題使用 /。網(wǎng)站試題來自卓凡、百日沖刺以及科教高中信息技術教材中的部分內(nèi)容。我要表達我的謝意！

一、配置網(wǎng)站開發(fā)環(huán)境

對于本教程，新配置了開發(fā)環(huán)境，并重新分叉了整個網(wǎng)站。

在/home/下創(chuàng)建文件夾，創(chuàng)建歸屬用戶名為wuxc的虛擬環(huán)境，命名為-，指定激活虛擬環(huán)境的版本-，pip或 使用pip list或list查看/home/下安裝的庫使用- 創(chuàng)建一個網(wǎng)站項目。項目名和文件夾名都是項目下的新應用 /home///- 使用tree終端命令查看目錄結(jié)構(gòu)和文件列表

流程如下，省略：

開發(fā)環(huán)境配置

開發(fā)環(huán)境配置續(xù)

項目文件夾下有一個同名的子文件夾，我們稱之為主應用程序，里面包含全局參數(shù)設置文件.py、全局路由文件urls.py、網(wǎng)關接口文件。您可以選擇 asgi.py 或 wsgi.py 之一；項目目錄下的.py文件是整個項目的入口，配置文件中有一行：='.wsgi.' 指定 wsgi 的使用。

我打算在主應用中加入.py和.py，把網(wǎng)站的首頁和登錄功能放進去，把網(wǎng)站的所有數(shù)據(jù)庫模型都放進去，供其他應用調(diào)用。

應用（app）是一種管理代碼的方式網(wǎng)站開發(fā)，它對應一個文件夾，用于管理整個項目的功能分類和MTV模式實現(xiàn)。使用-命令創(chuàng)建一個應用程序（app）網(wǎng)站開發(fā)，在應用程序中實現(xiàn)在線代碼編輯器功能，代碼執(zhí)行由后端編譯執(zhí)行，結(jié)果返回給前端。本網(wǎng)站用于為高中信息技術學術能力測試提供統(tǒng)一的編程環(huán)境和復習。主應用程序和應用程序的目錄結(jié)構(gòu)如下：

網(wǎng)站目錄結(jié)構(gòu)

[?la??t?i?]小程序開發(fā)，[?ɑ?m?nd] ，選擇水果名稱作為目錄名稱，因為它簡短易記。因為第一個字母是a，所以主應用顯示在最前面，使用方便。

二、實現(xiàn)：

打開項目文件夾/home//，以下說明以項目文件夾為當前目錄，

點擊左下角替換解釋器，選擇虛擬環(huán)境-，重啟生效：

開發(fā)網(wǎng)站

在文件中新建一個.py文件，在里面寫一個view函數(shù)，在urls.py文件中導入這個view，添加兩行路由地址：

// almond/views.py
from django.shortcuts import render, HttpResponse
def default(request):
 return HttpResponse("Hello world!!!")  //把字符串作為回應返回到瀏覽器
// almond/urls.py
from django.urls import path, re_path
// 導入視圖模塊
import almond.views as tv  
urlpatterns = [
 path('admin/', admin.site.urls),    // 系統(tǒng)自動產(chǎn)生，后臺管理的，請要是庫的CRUD
  // 添加兩行路由地址
  re_path(r'^#39;, tv.default, name='top'),    //  http://127.0.0.1:8000 訪問
  path('index/', tv.default, name='index'),  //  http://127.0.0.1:8000/index 訪問
]

在終端中啟動服務（也在系統(tǒng)終端中）：

conda activate lichee-django
cd /home/lichee/almond
python manage.py runserver

網(wǎng)頁可以在瀏覽器中打開。視圖可以是類的函數(shù)或方法，具有以下效果：

網(wǎng)站啟動命令

三、初步了解MTV模型

作為網(wǎng)站開發(fā)的框架，使用的是MTV模式，如下圖（來自網(wǎng)絡）

音樂電視模式

剛才用('')返回前端。現(xiàn)在改進一下，創(chuàng)建模板文件.html，在視圖中渲染()函數(shù)返回前端。這是體現(xiàn) MTV 模式下前后端代碼分離的基本行為。

在項目目錄中創(chuàng)建一個模板文件夾，并在其中創(chuàng)建一個新文件 .html。

在主應用的幾個地方修改.py：

 //almond/settings.py
 INSTALLED_AppS = [    //注冊應用，實際是讓項目能找到 對應的文件夾
  ......
  'almond',	//注冊主應用，因為在其他應用中 調(diào)用 主應用中 視圖和模型 
   //其他書籍和教程都沒這么用，我嘗試了是可以的
  'webcoding',   //注冊 在線編程應用，后續(xù)還要添加更多的應用
  ]
	
 #模板文件夾
 TEMpLATES = [{
  ......	
  // 模板文件夾 almond/templates
  'DIRS': [ bASE_DIR/'templates' ],  //bASE_DIR是項目文件夾的絕對路徑。	
  ......
  } ]
	
 ALLOWED_HOSTS = [ '*' ]      //指定Ip地址，可以從其他機器訪問，'*'是任意的意				思，您的計算機可能在不同場合的ip不一樣，'*'就可以了。
	
 //語言和時區(qū)
 LANGUAGE_CODE = 'zh-hans'
 TIME_ZONE = 'Asia/Shanghai'
	
 //創(chuàng)建并配置 靜態(tài)文件夾almond/statics，存放 css js img media等資源文件。
 STATIC_URL = '/static/'    //這個在html 或 瀏覽器中使用，名稱可自定義
 STATICFILES_DIRS = [ bASE_DIR/'statics' ]    //這個是實際位置
	

接下來修改/.py、/.html兩個文件：

// almond/views.py
from django.shortcuts import render, HttpResponse
class MainView():
    def default(request):
        myname = "wuxiaochun 吳曉春"
        return render(request, 'index.html', {'name':myname})

	

    
        
    

    
       
 Hello world !!!
         I am {{name}}
    



    		

指定要運行的端口，效果如下：

網(wǎng)站性能

在視圖文件/.py中，變量通過()函數(shù)以字典的形式呈現(xiàn)給模板文件/.html，在.html中以模板語法{{變量名}}的形式展示。

函數(shù)中的第三個參數(shù)也可以用()代替。

上面MTV架構(gòu)圖中還有一個模型叫做，它是連接讀寫數(shù)據(jù)庫的中介，后面會介紹。第一堂課就到這里，如有不足請指正。

文章名稱：網(wǎng)站開發(fā)高中信息技術學業(yè)水平考試復習之用的方法(組圖)c#開發(fā),程序網(wǎng)站
瀏覽地址：http://m.newbst.com/news48/297298.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、企業(yè)建站、網(wǎng)站導航、電子商務、云服務器、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)