一个网站3个相似域名,厦门建网站,多少钱做网站,搞定设计在线制作第一步#xff1a;先创建一个Django应用程序框架代码
1#xff0c;先创建一个Django项目 django-admin startproject mysite将创建一个目录#xff0c;其布局如下#xff1a;mysite/manage.pymysite/__init__.pysettings.pyurls.pyasgi.pywsgi.py 2#xff0c;再创建一个…第一步先创建一个Django应用程序框架代码
1先创建一个Django项目 django-admin startproject mysite将创建一个目录其布局如下mysite/manage.pymysite/__init__.pysettings.pyurls.pyasgi.pywsgi.py 2再创建一个Django应用 python manage.py startapp study_system将创建一个目录其布局如下study_systemstudy_system/__init__.pyadmin.pyapps.pymigrations/__init__.pymodels.pytests.pyviews.py详情操作参考《编写你的第一个 Django 应用程序》相关文章。
https://mp.weixin.qq.com/s?__bizMzg2NDk2MTY3OAmid2247483730idx1sn0cab44a659067ad145f55a2553c25f4echksmce6014b3f9179da5b4cf08d43fc13819d2941c7287b234b99beb3722a29e7b863df62e2bbf97token737388langzh_CN#rd 第二步编写第一个功能-用户登录
1数据库设置 修改 settings.py 配置信息采用mysql数据库 文件目录结构 ./mysite/mysite/settings.py
DATABASES {default: {ENGINE: django.db.backends.mysql,NAME: world,USER: root,PASSWORD: 123456,HOST: 127.0.0.1,PORT: 3306,OPTIONS: {init_command: SET default_storage_engineINNODB, },}
} 2创建模型
编辑模型文件 ./mysite/study_system/models.py
from django.db import modelsclass StudyUser(models.Model):user_id models.AutoField(primary_keyTrue, verbose_name用户ID)username models.CharField(max_length50, verbose_name用户名)password models.CharField(max_length50, verbose_name密码)email models.EmailField(max_length100, verbose_name邮箱)phone_num models.CharField(max_length20, verbose_name手机号码)role models.IntegerField(verbose_name角色, choices((1, 系统管理员), (2, 辅导员), (3, 学生)))parent_id models.IntegerField(verbose_name辅导员用户ID, nullFalse)created_time models.DateTimeField(verbose_name创建时间)update_time models.DateTimeField(verbose_name更新时间)class Meta:verbose_name 学习用户表verbose_name_plural 学习用户表# 用于模型的数据库表的名称db_table study_users 3激活模型
3.1. 修改 settings.py 配置信息 ./mysite/mysite/settings.py
INSTALLED_APPS [study_system.apps.StudySystemConfig, #添加的应用django.contrib.admin,django.contrib.auth,django.contrib.contenttypes,django.contrib.sessions,django.contrib.messages,django.contrib.staticfiles,
] 3.2. 运行 makemigrations 命令(记得进入 manage.py 所在目录) $ python manage.py makemigrations study_system
生成如下文件 ./mysite/study_system/migrations/0001_initial.py
3.3. 再运行 sqlmigrate 命令(记得进入 manage.py 所在目录) sqlmigrate 命令采用迁移名称并返回其模型建表SQL语句 $ python manage.py sqlmigrate study_system 0001
3.4. 最后再运行 migrate 命令(记得进入 manage.py 所在目录) $ python manage.py migrate 实现在数据库中创建这些模型表结构。 4编写用户登录视图
4.1. 编辑视图代码 ./mysite/study_system/views.py
# 登录首页视图
def index(request):context {}return render(request, study_system/index.html, context)# 通用视图模型FormView , 表单视图
class LoginView(FormView):template_name study_system/index.htmlform_class LoginForm# 设置成功登录后的重定向URL# success_url home/success_url reverse_lazy(study_system:home) # 修改为完整的 URL# 登录表单校验def form_valid(self, form):username form.cleaned_data[username]password form.cleaned_data[password]# 内置用户权限认证方法不管用# user authenticate(usernameusername, passwordpassword)user self.validate_user(username, password)if user:# 设置 sessionself.request.session[username] usernameself.request.session[role] user.role在登录视图类中当用户通过验证并且认证成功时调用 super().form_valid(form) 方法会触发 Django 的默认行为其中包括登录用户并将登录状态信息与请求相关联。这样request.user 对象将被设置为已认证的用户并且 request.user.is_authenticated 将返回 True。return super().form_valid(form)else:return self.render_to_response(self.get_context_data(formform, error_message用户或密码不匹配登录失败.))# 校验用户密码是否存在def validate_user(self, username, password):try:# 根据用户名和密码查询用户user StudyUser.objects.get(usernameusername, passwordpassword)# print(根据用户名和密码查询用户:str(user))return userexcept StudyUser.DoesNotExist:return None# 登录成功主页视图
def home(request):# 响应容器rsp_dict {}# 获取当前用户名username request.session.get(username)# 根据用户名获取用户对象cur_user StudyUser.objects.get(usernameusername)print(根据用户名查询用户对象: str(cur_user))# print(session : str(username))rsp_dict[username] usernametemplate_name study_system/home.htmlreturn render(request, template_name, rsp_dict) 4.2. 编辑表单验证代码 ./mysite/study_system/forms.py
from django import forms# 登录用户表单验证
class LoginForm(forms.Form):username forms.CharField(max_length100)password forms.CharField(widgetforms.PasswordInput) 4.3. 编辑页面模板代码
4.3.1. 网站首页登录页面 ./mysite/study_system/templates/study_system/index.html
!DOCTYPE html
html
head{# 让网页自动适应PC端和移动端#}meta charsetUTF-8meta http-equivX-UA-Compatible contentIEedge{# viewport是view portion的意思用汉语说就是“可见区域“。所以这个标签是在定义可见区域的规则。#}{# widthdevice-width的意思是”宽度自动适配设备屏幕宽度#}{# inital-scale1.0的意思是“宽度默认为设备屏幕的宽度”。#}meta nameviewport contentwidthdevice-width, initial-scale1.0titlestudy system/titlelink relstylesheet href/static/study_system/bootstrap3/css/bootstrap.min.css{# 让网页自动适应PC端和移动端#}style.container {max-width: 400px;margin: 0 auto;padding-top: 100px;}/style
/head
bodydiv classcontainerh1 classtext-centerstudy system/h1form methodpost action{% url study_system:login %}{% csrf_token %}{# 在Django中提交数据到后端服务的时候为了安全要使用CSRF跨站请求伪造。#}{# 跨站请求伪造的问题在于服务器信任来自客户端的数据。#}{# 常规的做法是在template模板HTML文件中的form表单 中添加 {% csrf_token %} 可以实现安全提交。#}{# 当我们使用from表单标签来发送请求时如果需要csrftoken认证那么必须将它写到我们的form表单标签里面里面的任意位置。#}{# 生成的隐藏标签为#}{# input typehidden namecsrfmiddlewaretoken valueWVHKQeAuMS4RGqyLybryIBAfacDa1Dp7PEaB3Badv3y0fvLqydX36xAVen6z3oS4#}div classform-groupinput typetext classform-control idusername nameusername placeholderusername/divdiv classform-groupinput typepassword classform-control idpassword namepassword placeholderpassword/divdiv classform-groupbutton typesubmit classform-control btn-primary登录账号/button/divdiv classform-groupa href{% url study_system:register %} classform-control btn-link text-right注册账户/a/div!-- 在 body 标签中添加一个隐藏的弹框 --div classform-group iderrorModal styledisplay: none;p idalert classalert alert-warning{{ error_message }}/p/div/form
/divscript src/static/study_system/jquery1.3.3/jquery.min.js/script!-- 在登录页面的合适位置调用弹框 --
{% if error_message %}script$(document).ready(function () {// 设置错误消息内容$(#alert).text({{ error_message }});// 显示弹框$(#errorModal).show();});/script
{% endif %}
/body
/html 4.3.2. 网站登录成功用户主页面 ./mysite/study_system/templates/study_system/home.html
!DOCTYPE html
html
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titlestudy system/titlescript src/static/study_system/jquery1.3.3/jquery.min.js/scriptlink relstylesheet href/static/study_system/bootstrap3/css/bootstrap.min.cssstyle typetext/css.content_html {width: 100%;height: auto;margin: 0.2em auto 0.2em auto;border: 0.1em solid #68FE61;}/style
/head
body
div{% include study_system/common/head.html %}div classcontent_html主内容区域/div
/div
/body
4.3.3. 网站登录成功用户菜单页面 ./mysite/study_system/templates/study_system/common/head.html
div!-- 头部logo区 --div aligncentera href/study_system/home/study system/a/div!-- 头部菜单区 --{#两端对齐的导航元素#}ul classnav nav-pills nav-justifiedli classmenu-heada href#任务管理/a/lili classmenu-heada href#定时任务管理/a/lili classmenu-heada href#兑换物品管理/a/lili classmenu-heada href#用户管理/a/lili classmenu-heada href#strong欢迎: {{ request.session.username }}/strong 退出/a/li/ul
/div
4.4. 编辑应用 urls 配置代码 ./mysite/study_system/urls.py
from django.urls import path
from . import views
from .views import LoginViewapp_name study_systemurlpatterns [# 登录注册首页urlpath(, views.index, nameindex),path(login/, LoginView.as_view(), namelogin),path(home/, views.home, namehome),
] 4.5. 编辑项目 urls 配置代码 ./mysite/mysite/urls.py
from django.contrib import admin
from django.urls import path, includeurlpatterns [path(study_system/, include(study_system.urls)), # 应用urlspath(admin/, admin.site.urls), # admin后台管理 urls
]
第三步运行测试-用户登录功能 -------------------------------------------------------------end -------------------------------------------------------------
