用Django+mysql+pycharm搭建一个网页(新手入门)

该教程详细介绍了如何配置Python、Django和MySQL环境,创建Django项目,设置数据库,创建超级管理员,建立网页页面,设计模板和HTML,配置路由,以及实现用户注册功能。通过这些步骤,读者可以学习到如何搭建一个基本的Web应用程序。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

配置好python、django、mysql等环境

下载django框架

创建django项目

配置settings

配置mysql数据库

创建超级管理员

创建自己的网页页面

创建模板和html

连接数据库判断登录

注册功能-连接数据库


 

 

 

 

配置好python、django、mysql等环境

下载django框架

在pacharm软件的terminal窗口输入命令

pip install -i https://pypi.douban.com/simple/ django

创建django项目

在cmd输入命令(或者在pycharm软件的terminal窗口输入命令) 创建django项目

django-admin startproject TourismDemo

3fb75d5d285144e98f93667504d018b1.png

配置settings

 创建虚拟环境

00bd163428044b0d83847792af150320.png

下载所需包pymysql和django413e9cc64c714c96b22e038963ad659d.png

 

配置mysql数据库

在mysql创建数据库:(此时table中为空)

create database TourismSysDB;

22bf2eeb943f4e0e84622b411c25b594.png

 

在项目同名文件的_init_.py文件中添加代码:

import pymysql
pymysql.install_as_MySQLdb()

9ae69a663a0c49e6a326c6d185c72c79.png

 在项目同名文件的settings文件中将DATABASE段修改为:

DATABASES={
    'default':{
        'ENGINE':'django.db.backends.mysql',  #数据库的类型
        'NAME':'TourismSysDB',  #所使用的数据库的名字
        'USER':'root',  #数据库服务的用户
        'PASSWORD':'25ttyzyzj',  #密码
        'HOST':'127.0.0.1',  #主机
        'PORT':'3306',  #端口
    }
}

在terminal执行迁移数据库命令:

python manage.py migrate

706b7b54bd0b4e7fbe403002696e1aa3.png

成功,返回mysql查看,数据库表创建成功,页面如下:

066bfd7d4f7f4f21a9a04a6e54a599d4.png

创建超级管理员

创建超级管理员,管理网页http://127.0.0.1:8000/admin/

python manage.py createsuperuser

cdfc4e9f45c040d8b385ec0fe9a99b14.png

f2123acb70134fc39fac293cc7ea823b.png

 登录用户名和密码,进入django内置的后台管理界面:542c486ed199428e8908926ebc9124db.png

创建自己的网页页面

在terminal输入命令创建APP:

python manage.py startapp home

efb574955b7f4a868cf66db026f31255.png

e6fee3acefd94430a7a569ce9dbddf59.png

配置路由

在子app里新建pathon文件urls

在主项目的urls文件里添加路径,将子项目中的urls和主项目的urls映射起来:

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('home/', include('home.urls')),
]

689f814b77cc4d6099935d32f1838624.png

 配置子项目的urls文件

from django.urls import path
from . import views

urlpatterns=[
    path('',views.toLogin_view)
]

子项目的urls文件和views文件是通过函数映射的

子项目的views中创建函数渲染页面:(返回login.html页面)

from django.shortcuts import render

def toLogin_view(request):
    return render(request,'login.html')

创建模板和html

在子项目中创建一个directory文件夹templates,用来放html的文件夹

在主项目的settings中找到TEMPLATES板块,配置‘DIRS’:

import os
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'templates')],  #join将两者的路径拼接起来
        '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',
            ],
        },
    },
]

在主项目的settings中找到INSTALLED_APPS板块,添加home:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'home',
]

login.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<form action="index/" method="get">
{# 点提交跳到home/index/页面 ,这个页面会去找配置的路由path('index/',views.Login_view)  #}
    <p><label>用户名:</label><input name="user"/></p>
    <p><label>密码:</label><input name="pwd"/></p>
    <input type="submit" value="提交"/>
</form>
</body>
</html>

定义views中的登录函数:

def Login_view(request):
    u = request.GET.get("user",'')  #获取home/login/页面的登录用户名,获取不到就设为空值
    p = request.GET.get("pwd", '')  #获取home/login/页面的登录密码,获取不到就设为空值

    if u and p:
        return HttpResponse("登录成功!")
    else:
        return HttpResponse("登录失败!")

连接数据库判断登录

在子项目home的models.py文件里编写用户的结构:

from django.db import models

# Create your models here.
class UserInfo(models.Model):
    user_id=models.CharField(primary_key=True,max_length=20)
    user_name = models.CharField(max_length=20)
    user_pwd = models.CharField(max_length=20)

再在pycharm控制台输入迁移命令(记得先打开mysql数据库):

python manage.py makemigrations home

迁移成功会在子项目的migration中产生新文件:

e89357d6b9dc4c88b20057c08fab8a28.png

并且在tourismsysdb数据库中会产生hom_userinfo表:(若没有则在pycharm控制台执行命令python manage.py migrate)

41940c2089f44ac3a148d4e0a7c24f18.png

在子项目home的 views文件里更改登录判断条件:

from django.http import HttpResponse
from django.shortcuts import render
from .models import *

# Create your views here.

#创建函数,渲染页面

def toLogin_view(request):
    return render(request,'login.html')

def Login_view(request):
    u_name = request.POST.get("user",'')  #获取home/login/页面的登录用户名,获取不到就设为空值
    u_pwd = request.POST.get("pwd", '')  #获取home/login/页面的登录密码,获取不到就设为空值

    if u_name and u_pwd:
        count=UserInfo.objects.filter(user_name=u_name,user_pwd=u_pwd).count() 
   #UserInfo.objects.filter(user_name=u,user_pwd=p)获取数据库中的用户名和密码是否与输入的数据相对应    .count()获取数据库中满足前述条件的数据条数
        if count>=1:
            return HttpResponse("登录成功!")
        else:
            return HttpResponse("账号或密码错误!")
    else:
        return HttpResponse("请输入正确的账号或密码!")

注册功能-连接数据库(简易版)

1新建html文件(其中包含跳转页面)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<form action="register/" method="post">
{# 点提交跳到home/register/页面 ,这个页面会去找配置的路由path('index/',views.Login_view)  #}
    {% csrf_token %}
    <p><label>用户名:</label><input name="user"/></p>
    <p><label>密码:</label><input name="pwd"/></p>
    <input type="submit" value="注册"/>
</form>
</body>
</html>

2配置子项目中的路由(链接views中的渲染函数)

from django.urls import path
from . import views

urlpatterns=[
    path('',views.toLogin_view),
    path('index/',views.Login_view),
    path('toregister/',views.toRegister_view),  #跳转到注册页面
    path('register/',views.Register_view),
]

3在子项目的views中新建函数

#渲染注册页面
def toRegister_view(request):
    return render(request,'register.html')

#点击注册后做的逻辑判断
def Register_view(request):
    u_id = request.POST.get("user", '')  # 获取home/login/页面的登录用户名,获取不到就设为空值
    u_pwd = request.POST.get("pwd", '')  # 获取home/login/页面的登录密码,获取不到就设为空值
    if u_id and u_pwd:
        user=UserInfo(user_id=u_id,user_pwd=u_pwd)
        user.save()  #保存到数据库
        return render(request,'login.html')
    else:
        return HttpResponse("请输入完整的账号或密码!")

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

八月和我

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值