今日工作
今天和后端同学商量了一下框架选择,因为后端需要部署深度学习模型,对框架类型有要求,后端同学在部署深度学习模型时有些问题,我们一并进行了讨论,最后选择了换后端框架为Django和flask分别进行尝试,前端也根据框架转换进行了相应调整,我们体会到一个项目的完成是离不开各部分互相协作的,发现了问题就要及时调整。
下面是使用Django测试了前后端传参的一个demo,将接口都设置一下,测试好之后就可以和后端链接了。
登录界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<div>
<form action={% url 'getusr' %} method='post' enctype="multipart/form-data">
<p>学号:<input type="text" name="sid"></p>
<p>密码:<input type="password" name="pwd"></p>
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
主界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主界面</title>
</head>
<body>
<p>{{ sid }}</p>
<form action={% url 'getinputsent' %} method="post" enctype="multipart/form-data">
<p>需修改文本:<input type="text" name="inputsent"></p>
<input type="hidden" name="sid" value="{{sid}}">
<input type="submit" value="提交">
</form>
<p>{{ outputsent }}</p>
</body>
</html>
views.py中传参函数
def getusr(request):#这个方法是获取到前端的学号密码之后进行处理的
sid=request.POST.get("sid",None)
pwd=request.POST.get("pwd",None)
print(sid,pwd)
context={"sid":sid}#将需要返回到主界面的参数都以这种形式放到context
return render(request,'main.html',context)
def getinputsent(request):#这个方法里面直接可以与算法合并,然后把标点过后的文本返回到页面上
inputsent=request.POST.get("inputsent",None)
sid=request.POST.get("sid",None)
print("前段参数:")
print
print(inputsent)
outputsent="返回的参数"
context={"sid":sid,"outputsent":inputsent}
return render(request,'main.html',context)
下一步展望
今天大体按照Django的方式处理了前后端传参的路由之类的一些问题,下一步是准备和后端合并测试一下功能,之后开始前端UI设计工作,这两天已经学习了bootstrap的相关知识,也浏览了很多优秀的前端设计作品,想先从登录页面做起,目前的目标是实现一个类似GitHub的登录页面。