登录页面
style{
body{
background-color: aquamarine;
}
.login{
width: 350px;
height: 400px;
border: 2px solid rebeccapurple;
margin: 100px auto;
}
.login h3{
line-height: 35px;
text-align: center;
font-size: 17px;
font-weight: bold;
}
.login p {
margin: 20px;
}
input[type = password]{
margin-left: 16px;
}
.login-btn{
margin-left: 69px;
}
}
校友相亲登录页
登录名:
密码:
/* 发送用户名和密码给后台,后台拿到数据,去数据库验证,存在返回成功,不存在返回不存在该用户 */
/* 点击登录调取后台接口 */
function login() {
if (!$('input[type=text]').val().trim() || !$('input[type=password]').val().trim()) {
alert('用户名或者密码不能为空')
return
}
// $.ajax({
// url:"http://timemeetyou.com:8889/api/private/v1/login",
// method:"post",/* 因为登录要加密,所以用post */
// data:{
// username:$('input[type=text]').val(),
// password:$('input[type=password]').val()
// },
// success:function(res){
// if(res.meta.status!=200){
// alert(res.meta.msg)
// return;
// }
// }
// })
/* post简写 */
let url = "http://timemeetyou.com:8889/api/private/v1/login";
$.post(url, {
username: $('input[type=text]').val(),
password: $('input[type=password]').val()
}, function (res) {
if (res.meta.status != 200) {
alert(res.meta.msg)
return;
}
alert(res.meta.msg)
window.localStorage.setItem('token',res.data.token)
window.location.href = 'orderPage.html'
})
}
退出登录
订单ID | 用户ID | 订单编号 | 订单价格 | 是否付款 | 发票抬头 | 创建时间 | 更新时间 |
---|
/* 用常量来表示一个基础路径 */
const baseUrl = 'http://timemeetyou.com:8889/api/private/v1/';
getOrderList();
function getOrderList(){
$.ajax({
url: `${baseUrl}orders`,
method: 'get',
data: {
pagenum: 1,/* 必传参数 表示当前是第一页 */
pagesize: 10,/* 必传参数 表示一页显示10条 */
},
/* headers代表请求头 */
headers: {
// Authorization:window.localStorage.setItem('token')
Authorization:localStorage.token
},
success: function (res) {
console.log(res.data.goods);
res.data.goods.forEach(function (item) {
console.log(item)
$('table').append(
`
`
)
});
}
})
}
function rq(hm){
console.log(hm)
let d = new Date(hm);
let rqStr = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
return rqStr
}
/* 清除本地缓存 退出登录 */
function loginOut(){
/* 清除缓存跳转登录页 */
window.localStorage.removeItem('token');
window.location.href="login.html"
}