使用微信小程序实现学生登录

首先，先登录微信小程序

创建login目录，使用Page自动生成文件

小程序采用wxml,js,wcss,json页面结构，wxml如同html,wcss如同css

在微信开发者工具中编写小程序时，切记使用div

实现学生登录，第一要搭建页面

参考以下代码：

<view class='container'><view class='header'><text>评教系统-学生端</text> </view><form bindsubmit='formSubmit' bindreset='formReset'><view class='section'><text>学号：</text><input type="number" name="no" value='1635050915' placeholder='请输入学号'></input></view><view class='section'><text>密码：</text><input password='true' name="pwd" value='123456'></input></view><view class='section'><button type='primary' form-type='submit'>登录</button></view></form>
</view>

页面搭建完工需要wcss的美观以下

如下：

form{width: 100%;border: 1px solid #0f0;
}
.section{margin: 50rpx auto;
}
input{border: 1px solid #ccc;height:100rpx;
}
.header{padding-top: 20rpx;
}

要实现简易的功能，需要js实现

如下代码：

formSubmit:function(e){console.log(e.detail.value);wx.request({url: 'https://www.lishuming.top/pj/index.php/student/api/login', //仅为示例，并非真实的接口地址data: {username:e.detail.value.no,password:e.detail.value.pwd},header: {'content-type': 'application/json' // 默认值},success: function (res) {console.log(res.data)  })}})}

标签名字有点不一样往往写 HTML 的时候，经常会用到的标签是 div, p, span，但小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力。

这样，一个简易的学生登录页面就做好了！

使用微信小程序实现学生登录相关推荐

基于安卓/android/微信小程序的学生考勤签到APP-#计算机毕业设计
X项目介绍目前高校大学生上课考勤管理都是任课老师上课点名,然后用纸质版考勤表来记录学生上课出勤情况,学期末再根据所有上课出勤表及作业登记表对学生平时成绩打分,最后把出勤数据整理上交到各院系,而学生请 ...
基于微信小程序的学生选课系统
文末获取源码开发语言:Java 框架:ssm JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclipse/myec ...
微信小程序如何进行登录授权和获取用户信息
微信小程序如何进行登录授权和获取用户信息
微信小程token_微信小程序开发之登录换取token
本文将带你了解微信小程序开发之登录换取token,希望本文对大家学微信有所帮助前言:这次主要是介绍些业务逻辑,技术点倒是没有多少.不过在开发中,优秀的编程思路同样是非常值得学习的. 最近小程序可以说 ...
小程序登录本地服务器,微信小程序实现用户登录模块服务器搭建
我选用的是node.js来搭建服务器,没有安装的小伙伴可以参考我的node.js其他博客. 服务器安装与配置初始化项目,将会自动创建package.json配置文件. npm init -y 安装E ...
微信小程序获取手机号登录流程
微信小程序获取手机号登录流程首先前端使用wx.login 获取code wx.login({success(res) {if (res.code) {that.setData({code: res. ...
微信小程序的详细登录(上)
前段时间发布了一个微信小程序的简单登录,那段时间我一直在忙着项目,有一天,我清闲下来准备进入小程序群里面看一下来着,刚好有人问问题了,我一看这哥们的问题好像是我写的东西啊,我感觉是时候秀一波了,是时候 ...
微信小程序的安全登录
一.微信小程序的安全登录让用户登录,标识用户和获取用户信息,以用户为核心提供服务,是大部分小程序都会做的事情.我们今天就来了解下在小程序中,如何做用户登录,以及如何去维护这个登录后的会话(Sessi ...
微信小程序的学生选课系统设计与实现的源码+文档
摘要网络的广泛应用给生活带来了十分的便利.所以把学生选课管理与现在网络相结合,利用java技术建设微信小程序的学生选课系统,实现学生选课的信息化.则对于进一步提高学生选课管理发展,丰富学生选课管 ...

使用微信小程序实现学生登录

标签名字有点不一样往往写 HTML 的时候，经常会用到的标签是 div, p, span，但小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力。

使用微信小程序实现学生登录相关推荐

最新文章

热门文章

使用微信小程序实现学生登录

标签名字有点不一样 往往写 HTML 的时候，经常会用到的标签是 div, p, span，但小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力。

使用微信小程序实现学生登录相关推荐

最新文章

热门文章

标签名字有点不一样往往写 HTML 的时候，经常会用到的标签是 div, p, span，但小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力。