Anaconda + Djongo + spyder 網站開發 (二)

• 准本部分搭建了Djongo 環境，但是其自帶的數據庫和前端代碼可能不如用框架來的方便，所以采用了mysql和bootstrap的框架代替，現在就把這三個的環境配置起來！
• 首先要下載Mysql, 按照官網鏈接下載方式下載就可以  https://blog.csdn.net/bobo553443/article/details/81383194
• 安裝pymysql
  • 
• 在項目中配置mysql
• 　　在最開始的項目包下的__init__.py中進行如下配置

• """
  setting中的配置默認為sqlite3數據庫 當需要修改成MySql時
  並且在setting.py的同級目錄的__init__.py 加入如下配置
  否則會報錯： Error loading MySQLdb module.
  """
  import pymysql
  pymysql.install_as_MySQLdb()

 

• 下載完mysql下面一章再主要介紹怎么關聯mysql的數據庫，這章主要講述如何將Djongo和bootstrap 結合到一起
  • 　　參考1：https://www.jianshu.com/p/4a116cf24a05
  •        參考2：https://www.cnblogs.com/ahaii/p/5741808.html
• 接上一章的內容，做一個小的修改，由於spyder每次都要再命令行重新運行 runserves 有點兒麻煩，pycharm可以直接配置manege做到這個，所以更新編輯器為pycharm
• 那么就要下載pycharm，https://www.runoob.com/w3cnote/pycharm-windows-install.html按照這個鏈接安裝就可以，不用單獨下載python，因為直接用anaconda的python就可以了
用pycharm打開創建的djongo項目
• 配置manage
• 
配置完了以后運行manage文件顯示如下就是配置成功了
• 
• 點擊這個鏈接可以直接打開網站查看
• 下面要介紹一下djongo基本的一個MVC結構下 views和urls的關系
  • 
  • 
• 為了將前端頁面分開管理，在scHCCDB根目錄下面建立templates 文件夾單獨存放html文件
  • 　　這里給出整個項目的文件目錄樹，后面就只描述不畫圖了
  • 

     

     

  • 為了讓框架可以找到對應的前端的頁面要在settings.py中修改

  • TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [BASE_DIR+"/templates",],       # 修改位置
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    'django.template.context_processors.debug',
                    'django.template.context_processors.request',
                    'django.contrib.auth.context_processors.auth',
                    'django.contrib.messages.context_processors.messages',
                ],
            },
        },
    ]

     為了讓框架可以找到對應的bootstrap樣式代碼，在settings.py中添加如下代碼

    WSGI_APPLICATION = 'scHCCDB.wsgi.application'
    
    STATICFILES_DIRS = [
        os.path.join(BASE_DIR, "static"),
    ]

     

• 在主文件下面創建views.py

 

from django.shortcuts import render


def index(request):
    context = {}
    context['hello'] = 'Hello World!'
    return render(request, 'index.html', context)

• 修改urls.py

 

from django.urls import path

from . import views

urlpatterns = [
    path('', views.index),
    path('index/', views.index),
]

• 通過上面兩步驟就可以成功把我們的頁面指向index.html
• 然后就是怎么用bootstrap 寫index.html
  • 首先建立static/bootstrap目錄，存放js和css文件（要是不知道js,和css是啥請自行百度）
  • 在https://www.jianshu.com/p/4a116cf24a05中下載好看的，你喜歡的框架，當然你也可以自己寫，通過下載bootstrap然后自己寫，見參考2
  • 我選擇了下載一個別人寫好的框架，下載下來發現里面會有一些存放圖片的文件夾和存放js和css的文件夾以及一個.html文件
  • 將.html文件放到/templates 文件夾下改名為index.html，其他文件夾放在static/bootstrap下面
  • 要修改index.html中所有的/css/....和/js/....以及/asset/....的路徑都改為static/bootstrap/js/...，static/bootstrap/css/...,static/bootstrap/asset/...

 

上面一套操作下來就成功用djongo實現了前端bootstrap鏈接了，效果如下圖