6.19 实训工作记录

今日工作

今天和后端同学商量了一下框架选择,因为后端需要部署深度学习模型,对框架类型有要求,后端同学在部署深度学习模型时有些问题,我们一并进行了讨论,最后选择了换后端框架为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的登录页面。在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值