ミニ プログラムの構(gòu)造について簡単に説明します

。図に示すように、各ビュー (.wxml) にスクリプト (.js) とスタイル (.wxss) を追加するだけです。対応する名前。ページの下のスクリプトとスタイルは、最も外側(cè)の app.js、app.wxcss

2 から継承されます。このスクリプトは、固定形式のページです。データを取得するために使用されます

3. Utils はデータインターフェイスを配置するために使用されます

データアクセス、Ajax を知っていれば問題ありません、話すことは何もありません

WeChat アプレット、IDE があまりにも悪いので、コードが読みにくくなると、プロジェクト全體の保守が難しくなります。

私はアプリを書いたことがないので、データアクセスがアプリ內(nèi)でどのようにカプセル化されているかわかりません

3 日間の実務(wù)経験を持つ小規(guī)模なプログラムコーダーとして、各ページのデータがデータインターフェイスにアクセスすると、自分でやるのはOOPすぎる

そこで、linq to sqlを考えて、最初はsingelordefaultとfirstordefaultの2つだけ使う予定でしたが、考えるのが面倒だったのでgetbyparamsとgetbyidを使いました。條件に従ってすべてのデータを検索するか、ID に基づいてデータを取得します

メソッドを見てください。少し冗長です

const API_URL = 'http://localhost:4424/api/'
 
function getApi(url,params){
 return new Promise((res,rej)=>{
  wx.request({
   url:API_URL+'/'+url,
   data:Object.assign({},params),
   header:{'Content-Type': 'application/json'},
   success:res,
   fail:rej
  })
 })
}
 
module.exports = {
 GetByParams(url,page=1,pageSize=20,search = ''){
  const params = { start: (page - 1) * pageSize, pageSize: pageSize }
  return getApi(url, search ? Object.assign(params, { q: search }) : params)
   .then(res => res.data)
 },
 GetById(url,id){
  return getApi(url, id)
   .then(res => res.data)
 }
}

module.exports = {} は、メソッドが次のとおりである固定の書き方です。 1つずつ記述し、それぞれのメソッドを,で區(qū)切ります。

すべてのインターフェイスをコントローラーに入れることは不可能なので、URL パラメーターを設(shè)定しました。そのため、URL の形式は「コントローラー/アクション」です

コールクリッシュを見れば、使い方がわかります

const req = require('../../utils/util.js')
 
Page({
 data: {
  imgUrls: [],
  indicatorDots: true,
  autoplay: true,
  interval: 2000,
  duration: 2000
 },
 onLoad(){
  req.GetByParams('home/homebanner')//看這里  看這里  看這里
  .then(d=>this.setData({imgUrls:d,loading:false}))
  .catch(e=>{
   this.setData({imgUrls:[],loading:false})
  })
 }
})

これはバナー畫像を取得するためのインデックス メソッド、req.GetByParams('home/homebanner') です。ここにパラメーターを持ってくることも、空のままにすることもできます

右側(cè)の赤いボックスにデータが表示されますリクエストによって返されたデータを変更することもできます。これに応じてインターフェイスも変更されます。これについては後ほど説明します

読んでいただきありがとうございます。皆さんのお役に立てれば幸いです。よろしくお願いします。このサイトの！

WeChat アプレット データ アクセスの例と関連記事の詳細な説明については、PHP 中國語 Web サイトに注目してください。