做网站各个流程,做软件去哪个网站,wordpress 单点登陆,企业采购网站有哪些文章目录 一、需求1. 效果图 二、实验1. 写get接口后端2. 写html后端3. 写前端4. 测试 一、需求
1. 效果图 二、实验
1. 写get接口后端
写views
import string
import random
def getnewpwd(request):words list(string.ascii_lowercasestring.ascii_uppercasestring.digi… 文章目录 一、需求1. 效果图 二、实验1. 写get接口后端2. 写html后端3. 写前端4. 测试 一、需求
1. 效果图 二、实验
1. 写get接口后端
写views
import string
import random
def getnewpwd(request):words list(string.ascii_lowercasestring.ascii_uppercasestring.digitsstring.punctuation)random.shuffle(words)result .join(words[:20])return HttpResponse(result)写urls urlpatterns [path(getnewpwd/,views.getnewpwd),
]测试后端接口
2. 写html后端
写views
def getnewpwdhtml(request):return render(request,getnewpwd.html,{})写urls
urlpatterns [path(getnewpwdhtml/,views.getnewpwdhtml),
]
3. 写前端
{% load static %}
!DOCTYPE html
html langzh-CNheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0link relstylesheethref{% static antapp/bootstrap/bootstrap.min.css %}titleDocument/title/headbodydiv classrow stylemargin-top: 20px;margin-left: 40px;button typebutton idgetnewpwd classbtn btn-success stylemargin-left: 5px;获取新密码/button/divdiv classrow stylemargin-top: 20px; margin-left: 40px;div idshownewpwd classalert alert-primary rolealert /div/divscript src{% static antapp/bootstrap/jquery.min.js %}/scriptscript src{% static antapp/bootstrap/bootstrap.bundle.min.js %}/scriptscript$(function(){$(#getnewpwd).click(function(){$.ajax({url:/getnewpwd/,type:get,success:function(result){$(#shownewpwd).html(result)}})})})/script/body
/html4. 测试