uniappの解答試験フレームワークの概要

私は公共の数がもともとuniappフレームワークを使用して、テスト・システムを開発したマイクロチャネル午前、私はフレームワークのインタフェースパッケージのためにここにいる、私たちはバックエンドの情報にここにいるのAppID uidと関連するマイクロチャネルの許可は、バックエンド処理、にしています私はトークンのみ、バックグラウンドチェックを持ってここにいます。
Iやってここにいるを確認することです開発を促進するために、マイクロ手紙を開くかどうかですが、私はテスト開発にnatappを使用しました

判決は、マイクロチャネルのクライアントは、ここで開きますではないバックエンドの認証情報は、私のアドレスにある、彼らは私が上記のアドレスバーにトークン値を投げたページにリダイレクトされます

			var ua = window.navigator.userAgent.toLowerCase();
			if (ua.match(/MicroMessenger/i) == 'micromessenger') {
				//由于是启动页面,所以设置个延迟 1.5s后再进入授权页面
				setTimeout(function() {
					// 在进入主页之前获取权限调用接口存一下token
					// var url = ""; 
					// window.location.href = url;
				}, 1500)
			} else {
				alert("请在微信客户端打开链接")
			}

します。https://xxxx.comトークン= XXXX、uniapp自身の方法私は、彼らは形式を与えるということで、非常に単純に、アドレスバーからトークンを取得しますか?

  onLoad(option){
    this.token=option.token
  }

着陸権について私は自分のパッケージ・インターフェース(私は私のテンプレートのアドレスを入れます記事の一番下)だ、とここでは、受信したトークンヘッダ、あなたと背景を議論することが必要で戻ってきた場合。トークンが戻りステータスコードがまたは彼はスタートページに直接に戻ったときに日付のうち、このステータスコードが間違っを決定するときに、トークンの有効期限が切れている場合は、あなたにリターンエラー、間違った時間を与えるために、2分を無駄に喜んで見て、または、彼を聞かせて損失を防ぐための完全なトークンを取得するために、認証トークンを取得し、私の側がGETのlocalStorageに各トークンにそこ取得するuni.getStorageSync(「トークン」)との時間のlocalStorageがあり、かつ、パッケージインタフェースにカプセル化されたトークンに直接行くと呼ばれますされますあなた自身にあなたがヘッダーパスに背景がありません毎回与える
PS:baseUrlにパッケージ・インターフェース・プラグインディレクトリ/読み出しが動的にconfig.jsの中commponentsから得られる
基本的にはこのフレームワークを取っを削除したものページを置きますVueのメソッドにマウントすることを忘れないでください。ライン、あなたが直接使用するのに十分使用するインターフェイスの

下main.js

import Request from './plugins/request/index'
Vue.prototype.$http = Request();

次のメソッドを使用します。

this.$http.request({
						url: '/time', //请求地址
						method: '', //请求类型 我接口请求方法默认设置的是post因为后台都是post 我就不用写menthod了
						// params: {},//设置QueryString [Object] 如果需要以QueryString格式就用这个传参
						// data:{}, //请求的参数 [Object]
						// header:{} //请求的header token我已经在方法里弄了 我一般只写一个url 和传参的data
					}).then(res => {
							console.log(res)
							}).catch(err => {
							console.log(err);
						})
					},

データタグのコンテンツのコピーデータに加算uniappクリックでICAN-H5Api(そこアドレスを持つ私に以下のテンプレート)をダウンロード

getWeChatId(val) {
				uni.setClipboardData({
					data: val,
					success: function(data) {
						console.log(data);
					},
					fail: function(err) {},
					complete: function(res) {}
				})
				uni.getClipboardData({
					success: function(data) {
						uni.showToast({
						    title: '复制成功',
						    duration: 1000
						});
					},
					fail: function(err) {},
					complete: function(res) {}
				})
			}

ここに画像を挿入説明
また、私は(私が以前に書いた記事がそれに目を通す)がある上記の方法を使用するように書かれているフォーマットされた時間のコンポーネントをカプセル化しここです

私の答えはここに(赤の背景にケースの判断の誤りが緑色でた答えを選択するために、解答の選択肢の完了後など)で行う
選択したトピックの判断のコレクションの現在の状態の変換に答えることだけでなく、色や解答シートなどの光であるブルー

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

ブルー、ピンクが間違った答えは解答正解があり、現在のタイトルは黄色です

ここに画像を挿入説明

もちろん、ページのない裁判官(/ページ/練習/ simulationExam /存在しない答えは) このカウントダウンページでは、方法のようなノートがある
著者によって開発されたが、それは私が共有リソースに続ける賞賛に注意を与えることは容易ではありません。私はスプレーしないで、ちょうど大きな白い神よ
、あなたがそれを解決するためにしなければならないタイムリーなスタイルプライベート手紙Iの質問にテンプレートのバグを。

アドレステンプレートへのリンクをクリックしてください

公開された41元の記事 ウォンの賞賛2 ビュー1348

おすすめ

転載: blog.csdn.net/weixin_44128575/article/details/104674769