我寫(xiě)了一個(gè)網(wǎng)站，供信息技術(shù)班的學(xué)生使用?，F(xiàn)在我把整個(gè)過(guò)程寫(xiě)成教程并展示出來(lái)?？匆恍┙貓D：

編程練習(xí)

代碼編譯接口

知識(shí)測(cè)試界面

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

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

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

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

流程如下，省略：

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

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

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

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

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

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

[?la??t?i?]小程序開(kāi)發(fā)，[?ɑ?m?nd] ，選擇水果名稱作為目錄名稱，因?yàn)樗?jiǎn)短易記。因?yàn)榈谝粋€(gè)字母是a，所以主應(yīng)用顯示在最前面，使用方便。

二、實(shí)現(xiàn)：

打開(kāi)項(xiàng)目文件夾/home//，以下說(shuō)明以項(xiàng)目文件夾為當(dāng)前目錄，

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

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

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

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

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

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

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

網(wǎng)站啟動(dòng)命令

三、初步了解MTV模型

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

音樂(lè)電視模式

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

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

在主應(yīng)用的幾個(gè)地方修改.py：

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

接下來(lái)修改/.py、/.html兩個(gè)文件：

// 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}}
    



    		

指定要運(yùn)行的端口，效果如下：

網(wǎng)站性能

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

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

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

文章名稱：網(wǎng)站開(kāi)發(fā)高中信息技術(shù)學(xué)業(yè)水平考試復(fù)習(xí)之用的方法(組圖)c#開(kāi)發(fā),程序網(wǎng)站
瀏覽地址：http://www.rwnh.cn/news48/297298.html

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

廣告

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