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链接了，效果如下图