Django的搭建和小项目处理的过程(四)
主要是前端的工作,打开微信小程序,建立了一个自己的小程序,叫XS
index给出了所有的页面的导航,以及最开始的页面的显示
logs定义了点开头像转到的页面,该页面发生的动作,以及布局
utils是登录的用户的信息
怎样自己创建一个包(如chaxun,add)
在utils/app.json加入
然后刷新就会出现我们想要的
想要点击之后再成功,我们需要利用
这里不介绍
通过小程序给数据库新增学生信息
add/add.js
定义这一页的需要用到的Data类
我们想得到类似的界面
可以在小程序的官方文档里面找相应的设置加入到add/add.wxml和add.wxss
再到add/add.js
我们定义上面几个函数,对应不同的选项的事件
在对应增添的add函数
wx.request({
url: 'http://127.0.0.1:8000/students/add/', //仅为示例,并非真实的接口地址
method:'POST',
data:{
"sno":this.data.sno,
"name":this.data.name,
"birthday":this.data.birthday,
"gender":this.data.gender,
"address":this.data.address,
"email":this.data.email,
"mobile":this.data.mobile,
},
header: {
'content-type': 'application/json' // 默认值
},
success :(res)=> {
//console.log(res.data.data) 在console控制台输出结果
if(res.data.code==1)
{ this.setData({
listStudent:res.data.data,
})
this.setData({
"sno":this.data.sno,
"name":this.data.name,
"birthday":this.data.birthday,
"gender":this.data.gender,
"address":this.data.address,
"email":this.data.email,
"mobile":this.data.mobile,
})
}else{
wx.showToast({
title: '学号,姓名,日期不能为空',
icon:'none',
duration:2000
})
}
}
有一点需要注意的是,我们的网页地址都是http,但是微信小程序一般会希望是https的安全网址,所以必须要进行如下设置进行该问题的改正
成功之后会遇到的一些问题
在add.wxml中,每一个对应的表格上面都会链接到对应的函数。比如输入学号函数对应的input中就有 bindinput=“snoInput"这个函数的名字
另外,value=”{{sno}}",类似的值得添加,是为了我们在页面按下重置之后,该输入行内容就会清空。
其他类似的也可以这么用
比如输入姓名
另外,如果全部为空会跳出提醒框,但是如果学号和姓名不为空,即使其他为空也会成功
是因为我们的后端(即Pycharm代码块中)
其他还有一些可能会有的小问题,要好好检查自己的拼写是否有误,对应的地方从微信小程序官方文档下载之后是否改正对应的一些指向和名字