迅速にクラウド開発と小さなプログラムの実際の顧客のビジネス要件シュウコレクションを作成

I.言語

どのように企業の時間と人件費を節約し、顧客ニーズの収集部分に(オンサイト)ビジネス・ツー・ドアを排除し、お客様のビジネスニーズは、カスタムクラウドデータベースに直接アップロード?クラウド開発は、この便利を提供してくれました!

第二に、背景の需要

新しいIT企業XX孟孟として、小さなプログラム開発上のこの時間はで非常に強い関心と感情されている「クラウド開発・ただ速くよりも、」状態。まさにビジネスのニーズを満たすの最近の仕事は、目的は、顧客との情報のタイム・ツー・ドアの収集サービスのカスタマイズを保存することです、これまで毎回変化している、あなたはドアを必要とし、地理的に離れ、時間がかかると出会い、多くの場合、数日を要しますオンライン以内に完了し、時間が押しています。したがって、組み合わせは、クラウド開発の様々な利点の理解されている、私は小さな-クラウド開発プログラムでリーダーシップを達成するために会社を説得しました。

ここでは、表示するビジネスカスタマイズ可能なインターフェイスです:
;(1)ビジネスプロセスのビジネスの簡単な説明
(2)関連事業、
(3)別の顧客入力の個々のニーズ;
(4)フォームを集めるクラウドストレージの要件を達成するために、バックグラウンド。

ここに画像を挿入説明
利便性とWeUI APIライブラリのおかげで、このプロジェクトは、私は非常に短時間で比較的良好な結果を実現し、クラウド開発を提供します。次に、私がプロジェクトから開始し、私はすぐにアイデアを実現します小雲の開発プログラムに依存している方法についての話は、実際には、私もまだ始まったばかりではなく、長い、ほんの少しの学習プログラムの開発プロジェクトの数で知識を共有したいと思いましたポイントと経験は、コードが少し荒い、ロジックを最適化することがまだあり、我々はコメントエリアでより多くの交流を歓迎します。

第三に、開発プロセス

1、成分

主なコンポーネントライブラリは、主な機能を実現するために、いくつかの公式WeUI拡張機能を使用しています。

(自分のCSSスタイルを書くだけでなく、使用に0ベースの学生を促進し、そしてこの小さなプログラム開発を理解しやすいために、時間を節約する目的のために高速に)メイン図書館など画像のアップロードなどWeUIメッセージ、ピッカー、のコア。
ここに画像を挿入説明

図2に示すように、実装コード

クラウド開発が含まれ云数据库云存储二つの機能を:

(1)クラウドデータベース

クラウド・データベースは、主に収集顧客情報フォームに経営者の需要の収集を容易にするなど、顧客接点とサービスタイプの選択を含め、アップ提出、およびクラウドデータベースに保存されています。

ここに画像を挿入説明
簡単な実装プロセスで見てみましょう:

まず、フォーム、その構成要素及び方法の形で使用される形態での形に配置されwxmlフォームをbindsubmit。

<form bindsubmit="formSubmit">
    <view class="form">
      <view class="section">
        <picker bindchange="bindPickerGsd" mode="selector" value="{{indexGsd}}" range="{{arrayGsd}}">
          <view class="picker">归属县市</view>
          <view class="picker-content" >{{arrayGsd[indexGsd]?arrayGsd[indexGsd]:"(必填项) 请下拉选择归属地"}}</view> 
        </picker>
      </view>    
      <!---中间部分详见代码--->
    </view>

    <view class="footer">
      <button class="dz-btn" formType="submit" loading="{{formStatus.submitting}}" disabled="{{formStatus.submitting}}" bindtap="openSuccess">提交</button>
    </view>
  </form>

テキスト入力の通常の形式に加えて、増加したドロップダウンリストを達成している(すべての後に、顧客が時々怠け者です)。

ここに画像を挿入説明
特定のコードを見てください:

bindPickerGsd: function (e) {    
  console.log('归属地已选择,携带值为', e.detail.value)
  console.log('归属地选择:', this.data.arrayGsd[e.detail.value])    
  this.setData({
     indexGsd: e.detail.value     
   })   
   this.data.formData.home_county = this.data.arrayGsd[e.detail.value]
},

クラウドデータベースにアップロードする最終形式:
ここに画像を挿入説明

  // 表单提交
  formSubmit: function (e) {
    var minlength = '';
    var maxlength = '';
    console.log("表单内容",e)
    var that = this;
    var formData = e.detail.value;
    var result = this.wxValidate.formCheckAll(formData);
    
    console.log("表单提交formData", formData);
    console.log("表单提交result", result)
    wx.showLoading({
      title: '发布中...',
    })
    const db = wx.cloud.database()
    db.collection('groupdata').add({
      data: {
        time: getApp().getNowFormatDate(),
        home_county: this.data.formData.home_county,
        group_name: formData.group_name,
        contact_name: formData.contact_name,
        msisdn: formData.msisdn,
        product_name: this.data.formData.product_name,
        word: formData.word,
      },
      success: res => {
        wx.hideLoading()
        console.log('发布成功', res)

      },
      fail: err => {
        wx.hideLoading()
        wx.showToast({
          icon: 'none',
          title: '网络不给力....'
        })
        console.error('发布失败', err)
      }
    })
  },
(2)クラウドストレージ

カスタムビジネスは、クラウドストレージ機能の使用を増やすため、ドキュメントをアップロードする人(ヒトでの使用)を必要と船積みの文書、手形を支える顧客の組織の単一の認可を埋めるために必要があるため。

コアコード:

    promiseArr.push(new Promise((reslove,reject)=>{
        wx.cloud.uploadFile({
            cloudPath: "groupdata/" + group_name + "/" + app.getNowFormatDate() +suffix,
            filePath:filePath
        }).then(res=>{
            console.log("授权文件上传成功")          
            })
            reslove()
            }).catch(err=>{
            console.log("授权文件上传失败",err)
    })

    因为涉及到不同页面的数据传递,即将表单页面的group_name作为云存储的文件夹用于存储该客户在表单中上传的图片,因此还需要用到getCurrentPages()来进行页面间的数据传递 

    var pages = getCurrentPages();
    var prePage = pages[pages.length - 2];//pages.length就是该集合长度 -2就是上一个活动的页面,也即是跳过来的页面
    var group_name = prePage.data.formData.group_name.value//取上页data里的group_name数据用于标识授权文件所存储文件夹的名称

ここに画像を挿入説明
ここに画像を挿入説明

3、さらに最適化されます

このバージョンでは、唯一の信頼できる会社のプロジェクトとして、簡単な実現を必要とするだけでなく、「顧客のプライバシー」、「データセキュリティ」だけでなく、よりパーソナライズされたサービスに注力する必要があることを時間に基づいています。例えば:

(1)検証を船荷証券と認定プロセス

信頼性:増加CAPTCHA(偽登録から他人を防ぐため)、そして会社は私が資格情報を送信するようにクライアントを持ってビジネスを受け入れました。

(2)ニュースに登録

高め、顧客に成功缶意見の結果を受け入れた後に感じました。

(3)サービスマニュアル

オンラインコンサルティング。

IVの概要

このプロジェクトの開発では、私は深く、特に変更の検索機能への追加や削除が非常に便利なクラウドデータベースで、「速い」のクラウド開発を感謝しています。クラウド開発は、私はすぐに時間と労力節約迅速なクラウドの開発を、達成するための小さなプログラムを使用して、新しいアイデアを持っているだけでなく、テンセント、クラウドサーバーを自由に使用でき、我々がしようとすることをお勧めしますのでとき、すべての利便性を提供しています!

送信元アドレス

https://github.com/TencentCloudBase/Good-practice-tutorial-recommended


あなたは、クラウド関連技術号にCloudBase物語/技術的な実務経験、してくださいスキャンコードの懸念[開発]ので、テンセント公共の開発についてもっと学びたいのであれば
ここに画像を挿入説明

おすすめ

転載: www.cnblogs.com/CloudBase/p/11904264.html