微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于Django Web框架(Python)实现简单的学生管理系统 -------学习笔记

学生管理系统Web开发

Python之Django笔记

作者:bug智造者-小刘

我把程序代码运行在云服务器上了,这里献上网址

项目地址:首页

注意:点击”欢迎使用学生信息管理系统“才能够进入登陆页面

进入登陆页面需要输入账号密码

可以自行创建普通账号进行登录

普通账号只能查看所有信息,不可进行增删改查操作,只有root管理员用户才可以,需要root管理员账号和密码的可以私信我索要,免费提供学习交流

背景:

在学习掌握了一定的Python基础后,并初步学习了解了Django的web开发框架,以及MysqL数据库的基本用法,通过Django的学习,完成简单的学生管理系统的web开发实践,并记录学习Django的过程以及遇到的问题.

环境准备

安装python环境

已安装,此处忽略

安装Django

pip install django

检验安装Django版本

import django
print("Django版本为",django.get_version())
# 输出结果为:Django版本为 3.2.7

构建项目

创建Django项目

django-admin startproject project_name

创建app

django-admin startapp app_name

终端创建app

python manage.py startapp app

启动服务器,运行程序

python manage.py runserver

配置MysqL

安装python环境

pip install pyMysqL

修改setting.py文件

将创建的app配置到setting.py文件中去

INSTALLED_APPS = [
   'django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','app',#app名称
]

配置MysqL数据库的信息

#需要修改自己的数据库文件
#其中host为你的本机地址,port为你安装数据库的端口,password是登录数据库密码
DATABASES = {
   'default': {
       'ENGINE': 'django.db.backends.MysqL','NAME': 'demo','USER': 'root','PASSWORD': 'root','HOST': '127.0.0.1','POST': '3306'
  }
}

配置 init.py文件

from pyMysqL import install_as_MysqLdb
install_as_MysqLdb()

启动MysqL服务

net start MysqL

登录MysqL数据库

MysqL -uroot -p

创建数据库

create database database_name charset utf8

创建模型类Model

from django.db import models
​
# Create your models here.
​
# 1.创建模型类
# 创建用户类
class UserInfo(models.Model):
# 2.定义字段 属性
   UserId = models.AutoField(primary_key=True)
   username = models.CharField(max_length=16,blank=False,verbose_name="用户名")
   password = models.CharField(max_length=16,verbose_name="密码")
​
# 创建学生信息类
class StuInfo(models.Model):
   id = models.AutoField(primary_key=True)
   stuname = models.CharField(max_length=16,verbose_name="学生姓名")
   stuphone = models.CharField(max_length=16,verbose_name="学生电话")
   stuaddress = models.CharField(max_length=16,verbose_name="学生地址")
   stucollege = models.CharField(max_length=16,verbose_name="学生院系")
   stumajor = models.CharField(max_length=16,verbose_name="学生专业")


在终端上进行数据迁移(每操作Models.py相当于对数据库表进行操作,都需要执行数据迁移)

python manage.py makemigrations

python manage.py migrate

admin站点创建

配置admin后台站点的信息,注册模型为UserInfo,StuInfo

from django.contrib import admin
from .models import UserInfo,StuInfo
# Register your models here.
class UserInfoAdmin(admin.ModelAdmin):
    list_display = ['UserId','username','password']

class StuInfoAdmin(admin.ModelAdmin):
    list_display = ['id','stuname','stuphone','stuaddress','stucollege','stumajor']

admin.site.register(UserInfo,UserInfoAdmin)
admin.site.register(StuInfo,StuInfoAdmin)

创建管理员用户

python manage.py createsuperuser

配置路由

一级路由

添加一个app下的路由

path('',include('app.urls')),from django.contrib import admin
from django.urls import path,include
​
urlpatterns = [
   path('admin/',admin.site.urls),path('',]

创建二级路由

APP下创建一个路由文件urls.py文件

from django.urls import path
from . import views
​
urlpatterns = [
   path('',views.home,name="主页"),]

创建模板

APP下创建一个模板文件templates,用于存放HTML页面模板

新建一个home.html文件,用于展示主页信息内容

home.html

<!DOCTYPE html>
<html lang="en">
​
<head>
   <Meta charset="UTF-8">
   <title>首页</title>
<style>
   button{
      color: brown;
       border: 0px;
       font-size: 40px;
       line-height: 100px;
       background-color: transparent
  }
​
   body{
       text-align: center;
       background-size: 100%
  }
</style>
</head>
​
<body background="/static/1.jpg">
   <a href="login">
   <button type="submit">欢迎使用学生信息管理系统</button>
   </a>
</body>
</html>

配置静态文件

创建静态文件夹,在app下创建一个static文件夹,存放静态文件,比如图片HTML页面展示的背景图片,在setting.py进行配置如下

# Static files (CSS,JavaScript,Images)
# https://docs.djangoproject.com/en/3.2/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_Dirs = [
   os.path.join(BASE_DIR,'static'),]

编写视图模块

from django.shortcuts import render
​
# Create your views here.
​
def home(request):
   return render(request,"home.html")
​
def login(request):
   return render(request,"login.html")

完善登录模块,实现登录功能

前端部分login

<!DOCTYPE html>
<html lang="en">
<head>
   <Meta charset="UTF-8">
   <title>登录</title>
</head>
<body background="/static/1.jpg" style="background: 100%">
<div  style="text-align: center; margin-top: 150px">
<form action="home" method="post" class="form-signin">
  {% csrf_token %}
   <h1>&nbsp&nbsp&nbsp登&nbsp&nbsp录</h1>
   <label>账号:</label>
   <input placeholder="
                
                                 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐