网站源码小程序-【微信低码】汽车管理小程序

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

点击用户注册时，我们需要根据当前用户是否注册进行跳转。 如果用户已注册，则会跳转到更新页面。 如果没有注册，会跳转到新页面。

export default function({event, data}) {console.log("userid",app.dataset.state.user._id)if (app.dataset.state.user?._id == ""||app.dataset.state.user?._id==undefined) {    app.navigateTo({      pageId: 'u_yong_hu_zhu_ce',    // 页面 Id       params: {},    });  }else{     app.navigateTo({      pageId: 'u_yong_hu_geng_xin',    // 页面 Id       params: {id:app.dataset.state.user._id},    });  }}

如果我们扫描，我们会将获得的值传递到下一页。

用车记录可跳转列表页面

小程序启动时，我们需要加载用户信息

export default {  async onAppLaunch(launchOpts) {    //console.log('---------> LifeCycle onAppLaunch', launchOpts)    console.log('---------> LifeCycle onAppLaunch', launchOpts)      const userInfo  = await $app.auth.getUserInfo();    const result = await app.cloud.callModel({      name: 'ycrxx_faumlz0', // 数据模型标识，可以前往「数据源 - 数据模型」列表页查看      methodName: 'wedaGetRecords', // 数据模型方法标识，支持的方法可以前往「数据源 - 数据模型」的任一数据模型详情页查看当前模型支持的方法      params: {        where: [{  // 或根据指定的条件          key: "openid",          rel: "eq", // 可选值有: eq(相等) neq(不相等) lt(小于) lte(小于或等于) gt(大于) gte(大于或等于) search(包含文字内容)          val: userInfo.openId,        }],      },    });        console.log("result",result)    if (result.total >= 1) {      app.dataset.state.user = result.records[0]    }    console.log("user",app.dataset.state.user)  },  onAppShow(appShowOpts) {    //console.log('---------> LifeCycle onAppShow', appShowOpts)  },  onAppHide() {    //console.log('---------> LifeCycle onAppHide')  },  onAppError(options) {    //console.log('---------> LifeCycle onAppError', options)  },  onAppPageNotFound(options) {    //console.log('---------> LifeCycle onAppPageNotFound', options)  },  onAppUnhandledRejection(options) {    //console.log('---------> LifeCycle onAppUnhandledRejection', options)  }}

3.2 用户注册

用户注册时可以使用表单容器来设置相应的数据源。

3.3 用户更新

更新页面也使用了表单容器网站源码小程序，只需选择要更新的场景即可。

3.4 车辆详情

对于汽车详情，我们通过数据明细来展示汽车的基本信息，然后使用网格布局放置两个按钮来引导用户进行业务操作。

3.5 汽车登记

汽车登记也使用表单容器

不同的是，我们不使用组件生成的提交风暴网站源码小程序，而是自己编写逻辑。

export default async function({event, data}) { const result = await app.cloud.callModel({    name:'syjl_5uy3bs2',    methodName:'wedaCreate',    params:event.detail  })  console.log("id",result._id)  console.log("carid",$page.dataset.params.carid)  await app.cloud.callModel({    name:'clxx_45frsb5',    methodName:'wedaUpdate',    params:{      _id:$page.dataset.params.carid,      clzt:"2",      syjlbs:result._id    }  })}

3.6 还车登记

返回页面也可以使用表单容器进行更新。

行驶里程可以使用以下表达式进行估计

Number($page.widgets.input3.value) - Number($page.widgets.input2.value)

3.7 汽车使用记录

我们使用数据列表组件来记录用车情况，过滤条件使数据标记=登录者的Openid

3.8 汽车使用记录详情

只需使用数据详细信息组件即可构建它

总结

使用小程序进行内部管理非常方便。 使用时只需扫码即可登记车辆的使用和归还，管理员也可以轻松查看记录。 如果您有兴趣，请打开您的低代码工具并再次执行此操作。