lin-ui 小程序表单上传

lin-ui一款非常好用的小程序ui，它是由林间有风团队制作，https://doc.mini.talelin.com/

首先当然是先把数据表做好

表的话，自己需要什么就建什么

下面是控制器代码，这里要说一下的就是，小程序图片上传使用的是阿里的图片上传

 使用的时候，先在阿里云官方文档看要求

我这里就直接贴控制器代码了

<?php
declare (strict_types = 1);

namespace app\api\controller;
use app\api\server\Oss;


class File
{

    public function upload()
    {
        //要上传文件的临时路径
        $filePath = $_FILES['file']['tmp_name'];
        //阿里云上传对象存储
        $fileName = (new Oss())->uploadFile($filePath);
        return json(['code'=>200,'msg'=>'上传成功','url'=>$fileName]);

    }
}

company控制器

<?php
declare (strict_types = 1);

namespace app\api\controller;

use app\Request;

class Enterprise
{
    public function store(Request $request)
    {
        $data = $request->param();
        $result = \app\api\model\Enterprise::create($data);

        return json(['code'=>0,'msg'=>'添加成功','data']);
    }
}

personal控制器

<?php
declare (strict_types = 1);

namespace app\api\controller;

use app\Request;

class Personal
{

    public function info(Request $request)
    {
        $data = $request->param();

        $result = \app\api\model\Personal::create($data);


        return json(['code'=>0,'msg'=>'添加成功','data']);
    }
}

 这里也是在config中建立了一个oss.php，以及在server文件夹中建立了一个oss.php

下面就是小程序了

personal.xml

<l-form name="student" l-form-btn-class="l-form-btn-class" bind:linsubmit="submitForm">
    <l-image-picker count="9" bind:linchange="onChangeTap" />
  <l-form-item label="证件姓名:" name="card_name">
        <l-input id="card_name" value="{
  {student.name}}" hide-label show-row="{
  {false}}"/>
    </l-form-item>

    <l-form-item label="证件号码:" name="card_number">
        <l-input id="card_number" value="{
  {student.age}}" hide-label show-row="{
  {false}}"/>
    </l-form-item>



    <view slot="submit">
        <l-button>提交</l-button>
    </view>
    <view slot="reset">
        <l-button type="default" plain>重置</l-button>
    </view>
</l-form>

personal.js

// pages/personal/personal.js
Page({

  /**
   * 页面的初始数据
   */
  d