fastadmin-微信小程序实战：todolist项目文档（课件）整理汇总-猫叔的编程圈

网址整理

视频教程地址：

https://www.bilibili.com/video/BV1e44y1x7sk/

第一节项目计划和准备工作

项目简介

本项目是一个fastadmin+微信小程序的实战案例，一个简单的todolist任务管理功能，包括后台数据增删改查、数据统计、api接口开发（小程序对接登录、小程序端管理数据）等。

功能比较简单，覆盖到的知识点不会太多，适合初学者，尤其适合没有做过小程序和fa结合使用的同学。

为便于大家利用碎片时间学习，每节课的时间会尽量控制在10分钟左右。

效果截图

本项目是模仿滴答清单的部分功能，大概界面是这样：

项目计划

本项目制作思路：

1.先制作基础的后端api部分。
2.再制作小程序界面。
3.小程序对接api，打通基本功能。
4.缺少的api一边补充一边对接。

准备工作

1.准备工具：VsCode(或phpStorm)、phpStudy、chrome浏览器(或Edge)、微信小程序开发工具、apipost
2.下载fastadmin框架代码(https://gitee.com/maoshushare/fastmodel)
3.导入mysql数据库，配置环境，启动项目

第二节登录和自动注册api

验证字段必填

先引入Validate，use think\Validate;

$rule = [
    'openid'  => 'require|length:10,30'
];

$msg = [
    'openid.require' => '缺少openid',
    'openid.length' => 'openid长度不符合',
];

$v = new Validate($rule,$msg);

登录和注册

如果已经存在，则登录，不存在则先注册，然后再自动登录

此处内容已隐藏，请付费后查看

3.写对应的js方法

showEditPopup(event){
    this.setData({
      showPopup : true
    })
    
    const {index,ind} = event.currentTarget.dataset
    const {datalist} = this.data
    this.setData({
      editItem:datalist[ind][index]
    })

},

onClosePopup(){
  this.setData({
    showPopup : false,
    editItem:null
  })
},
delete(){
    console.log('编辑的是',this.data.editItem);
    const {id} = this.data.editItem

    this.request('/xcxtodo/delete',{id},(res)=>{
      // console.log(res); 
      const { data } = res
      if(data.code === 1){
        this.getbyday()
        this.onClosePopup()
      }
      wx.showToast({
        title: data.msg,
      })       
    })
}

文章版权归作者所有，未经允许请勿转载。

THE END