提示:本文共有 580 个字,阅读大概需要 2 分钟。
整体的功能结构
制作前台表单页面
1.新建register文件夹和register.js,register.json,register.wxml,register.wxss文件
2.修改全局配置文件添加用户注册路由,如果有多个路由第一个会被当作默认路由也就是首页
注意:在修改全局配置文件和页面配置文件时不要添加注释。
3.修改注册页面配置文件,添加头部标题显示“用户注册”
修改之后会在左边模拟器的头部显示“用户注册”
4.开始制作表单页面,打开register.wxml,编写代码
效果:
5.给表单中的出生日期和所在地区添加动态效果,主要是编辑register.js
效果:
效果:
新建用户信息表
提交表单
1.编辑register.js,添加提交表单逻辑
2.在tp5中编写接口处理代码
测试
因为是在本地环境测试的,在测试之前需修改下面的配置,勾选不校验合法域名
总结
因为刚开始学习微信小程序开发,只是实现了基本功能,界面显得很丑陋,但是通过这个小功能可以体验小程序的开发流程,怎样与后台交互,从整体来说小程序仅是前端部分,开发起来需要更多的js,html5以及css3的技术,现在在一些公司比较流行用vue,react,angular等框架来开发,最后在部署上线时将代码转换成微信小程序框架的结构,继续学习,加油!
坚持原创,如果你有不同的意见或看法,可以留言或私信,欢迎关注与转发。
看到此处说明本文对你还是有帮助的,关于“怎样用微信小程序开发一个简单的用户注册功能?”留言是大家的经验之谈相信也会对你有益,推荐继续阅读下面的相关内容,与本文相关度极高!