浣跨敤Vue3.0寮€鍙戜竴涓鍏ユ祻瑙堝櫒涔︾鐨勫湪绾夸功绛惧湪绾夸功绛惧疄鐜扮綉绔欏鑸€傚悕瀛楃殑鐢辨潵鍏跺疄鏄紝鏈潃淇濇姢鍜岀埍鎶ゅ姩鐗╃殑鍒濊》锛屾兂鍒颁簡涓€鍙笩鐨勫悕瀛椼€傚叾瀹炰竴寮€濮嬫垜鎯冲埌浜嗗緢澶氬悕瀛楋紝姣斿鑲栨垬涔︾銆侀夯闆€涔︾绛夌瓑銆傘€愰夯闆€-楹婚泙銆戙€愮孩闅?绾㈤毤銆戝彲鏄０闊充笉澶熷ぇ銆傚悗鏉ョ毊鐨悓瀛﹀府鎴戞兂浜嗕竴涓倝椋熸€у嚩鐚涘彲鐖辩殑楦熷悕锛岀孩闅糩鑻辨枃缈昏瘧锛歬estrel]锛屽枩娆€傛墍浠ュ氨鏈変簡杩欎釜鍚嶅瓧锛屼絾鏄篃寰堝ソ鍚€備簬鏄紑鍙戣鍒掑紑濮嬩簡銆傛暟鎹簮锛堝嵃璞′腑鏂囷級鎴戦粯璁や娇鐢ㄥ嵃璞′腑鏂囩殑缃戦〉瀵艰埅鏁版嵁锛涘叾瀹炴垜鎼滈泦鐨勫鑸暟鎹瘮杈冨锛屼絾鏄緢澶氶兘鏄拡瀵瑰叕鍙哥殑涓€浜涜闂綉绔欒璁＄殑銆傛兂鎯宠繕鏄畻浜嗭紝鎵€浠ョ敤浜嗗嵃璞℃眽璇殑璧勬枡銆傚彲浠ヤ慨鏀规暟鎹紱鍏ㄥ眬鎼滅储鍜岃繃婊ゅ姛鑳斤紱鍗曢〉瀹屾垚閫昏緫闈炲父绠€鍗曪紝鏂版墜灏忕櫧涔熻兘瀹屾垚浜屾淇敼寮€鍙戯紱浣跨敤granim鎻掍欢瀹屾垚鑳屾櫙鍔ㄧ敾锛涘彲浠ラ€夋嫨鏇村鐨勫姩鐢绘晥鏋滐紱鐐叿鐨勫厜鐜儗鏅姩鐢绘晥鏋溿€傪煉笷unctions/Features(Coolhalobackgroundanimationeffect,canimportbrowserdataandstoreinLeanCloud)鉁?.鍚屾Impression涓枃缃戦〉瀵艰埅鏁版嵁锛涗功绛炬敮鎸佹坊鍔犮€佷慨鏀广€佸垹闄も渽2.鍏ㄥ眬鎼滅储杩囨护鍔熻兘锛涙湰鍦扮绾挎暟鎹寔涔呭寲锛屼功绛惧鍒犳敼鏌モ渽3.鐧诲綍鍗冲彲鑾峰彇leancloud瀛樺偍鐨勪功绛炬暟鎹紝鍐嶄篃涓嶇敤鎷呭績涔︾鏁版嵁涓㈠け闂浜嗏渽4.浣跨敤granim鎻掍欢瀹屾垚鑳屾櫙鍔ㄧ敾锛涘彲浠ラ€夋嫨鏇村鐨勫姩鐢绘晥鏋滐紱鉁?.鏀寔瀵煎叆娴忚鍣ㄤ功绛炬暟鎹紙Google銆丗irefox锛夊苟淇濆瓨鍦↙eanCloud锛涒渽6.鍙互娉ㄥ唽leanCloud骞朵慨鏀筧ppId鍜宎ppKey锛涜嚜宸遍儴缃蹭功绛撅紱鉁?.閲囩敤Vue3.0CompositionAPI锛涗篃鏄涔燰ue3.0鐨勪竴绡囷紝甯屾湜鑳藉府鍔╁埌鏇村姝ｅ湪瀛︿範VUe3.0鐨勬湅鍙嬶紱馃摑姝ｅ湪寮€鍙戠殑鍔熻兘馃憠鑷畾涔変笂浼犺儗鏅浘鐗囸煈夎嚜瀹氫箟鑳屾櫙鍔ㄧ敾鏁堟灉馃憠鑷畾涔夊伐鍏锋爮馃憠瀵煎叆鍒嗘瀽娴忚鍣ㄤ功绛撅紝鏀寔淇敼銆佸垹闄ゃ€佸叡瀛楨nterLeanCloud馃憠涔︾鏀寔澶氱甯冨眬鏍峰紡锛堝崱鐗囥€佸垪琛ㄣ€佹爲褰功绛剧粨鏋勭瓑锛?====鈿♀殹鈿♀殹KestrelBookmark娉細馃憠鏈」鐩細涓嶆柇娣诲姞鏂板姛鑳斤紝浣嗕細缁х画缁存姢銆傚鏋滄偍鍦ㄤ娇鐢ㄨ繃绋嬩腑鍙戠幇浠讳綍闂锛岃鐣欒█鎴栨彁浜ssue銆傝阿璋紒锛侊紒馃摎瀹夎姝ラ1.鍏嬮殕椤圭洰https://gitee.com/zhanhongzhu...2.杩涘叆椤圭洰鐩綍npminstall3.鍚姩椤圭洰npmrunserve4.鎵撳紑娴忚鍣ㄥ埌localhost:8080鍗冲彲鐪嬪埌鐣岄潰;5.鎵撳寘鍛戒护npmrunbuild馃殌鏁堟灉馃槃婧愮爜鍦板潃瀹屽叏寮€婧愶紝澶у鍙互闅忔剰鐮斿彂銆傚綋鐒朵篃闈炲父娆㈣繋澶у鐐瑰嚮Star猸愨瓙猸愷煈夝煈夋簮鐮侀摼鎺ワ紙gitee锛夝煈夝煈夋簮鐮侀摼鎺ワ紙github锛夐」鐩粨鏋勨敎鈹€鈹€src鈹溾攢鈹€Api//瀛樺偍鎺ュ彛鈹傗敂鈹€鈹€common.js//leancloud-storage鍏叡鎺ュ彛鍑芥暟灏佽鈹傗敂鈹€鈹€user.js//leancloud-storage鐧诲綍娉ㄩ攢鎺ュ彛鈹溾攢鈹€assets//瀛樻斁闈欐€佽祫婧愨攤鈹斺攢鈹€Json//闈欐€佹暟鎹簮json鏁版嵁鈹傗敂鈹€鈹€svg//宸ュ叿鏍忓浘鏍団敎鈹€鈹€components//瀛樺偍缁勪欢鈹傗敂鈹€鈹€Dialog.vue//娣诲姞鍜屼慨鏀逛功绛锯攤鈹斺攢鈹€Login.vue//鐧诲綍寮圭獥鈹溾攢鈹€APP.vue鈹斺攢鈹€main.js馃挕椤圭洰鍥炬爣锛堝悗缁敮鎸佷慨鏀瑰浘鏍囷級Kestrel涔︾浣跨敤鐨勬槸iconfont鍥炬爣锛岃璁″皬濮愬鏄崐澶忛腑銆傝璁＄殑鍥炬爣寰堟锛屽湪姝よ〃绀烘劅璋€傖儲(麓锝メ礂锝)寰堝枩娆㈣繖涓浘鏍囷紱馃懆鈥嶅皬濮愬鐨勫浘鏍囩粍鍚堝湴鍧€鍥炬爣缁勫悎鍦板潃馃挕涓昏浠ｇ爜馃榾涓昏鍔熻兘鍙婁綔鐢?-1.灏嗘祻瑙堝櫒涔︾瑙ｆ瀽鎴怞SON鏁版嵁瀵煎嚭鍑芥暟walkBookmarksTree(root){constresult=[]//娣卞害浼樺厛閬嶅巻constwalk=(node,list)=>{constels=node.childrenif(els&&els.length>0){for(leti=0;iv.folder)returnflagBrowerList(myBookmark)}馃榾2.鍘熺敓杈撳叆鏂囦欢涓婁紶-闅愯棌杈撳叆鏍囩锛岀偣鍑讳笂浼?iclass="el-icon-upload2"title="瀵煎叆娴忚鍣ㄤ功绛?@click="importBookmark">//瀵煎叆涔︾constimportBookmark=()=>{constfile=document.getElementById('file')file.dispatchEvent(newMouseEvent('click'))constmybookmark=document.getElementById('mybookmark')鏂囨。.getElementById('file').addEventListener('change',function(){varfile=document.getElementById('file').files[0]varreader=newFileReader()reader.readAsText(file,'utf-8')reader.onload=function(){mybookmark.innerHTML=reader.resultconstformDatas=JSON.stringify(walkBookmarksTree(mybookmark))//杩欓噷宸茬粡鑾峰彇鍒颁簡鎴戜滑涓婁紶鐨刡ookmark.html鏂囦欢鐨勫唴瀹癸紝骞朵笖宸茬粡鏍煎紡鍖杴)}else{ElMessage.warning('璇峰厛鐧诲綍')}}馃槃3.杩炴帴leanCloud瀹炵幇鏃犳湇鍔″櫒鏁版嵁瀛樺偍鍏跺疄杩欓儴鍒嗘垜宸茬粡灏佽浜嗙畝鍗曠殑鍔熻兘锛岀敤璧锋潵寰堟柟渚匡紝寰堝鐢ㄦ硶鍙互鍙傝€僱eancloud鏂囨。銆傚叿浣撶敤娉曞緢璇︾粏銆傚叾瀹炰娇鐢ㄤ笅闈㈠皝瑁呯殑鍑芥暟鍩烘湰鍙互瀹炵幇涓€涓郴缁熺殑澧炲垹鏀规煡锛岄潪甯稿揩鎹锋柟渚裤€傛暟鎹互JSON鏁版嵁鏍煎紡瀛樺偍銆傪煒?.1瀵硅薄瀛樺偍鍏叡鍑芥暟(杈撳叆琛ㄥ悕鍜屽瓨鍌ㄧ殑鏁版嵁)importAVfrom'leancloud-storage'//瀵硅薄瀛樺偍鍏叡鍑芥暟exportconstsaveObject=(className,params)=>{returnnewPromise((resolve,reject)=>{constTodo=AV.Object.extend(className)constuser=AV.User.current()vartodo=newTodo()todo.set('formDatas',params.formDatas)todo.set('user',user)todo.save().then((res)=>{resolve(res)},(error)=>{reject(error)})})}馃槃4.2鑾峰彇瀵硅薄瀛樺偍鐨勫垪琛ㄦ暟鎹紙杈撳叆琛ㄥ悕andcondition)//鑾峰彇瀵硅薄鍒楄〃exportconstgetObject=(className,params)=>{returnnewPromise((resolve,reject)=>{constquery=newAV.Query(className)//鏌ヨ澶氫釜鏉′欢constuser=AV.User.current()for(constvinparams){if(params[v]){query.equalTo(v,params[v])}}query.equalTo('user',user)query.find().then((res)=>{resolve(res)},(error)=>{reject(error)})})}馃槃4.3鍒犻櫎瀵硅薄鏁版嵁(杈撳叆琛ㄥ悕鍜屾暟鎹甀D)//鍒犻櫎瀵硅薄exportconst鍒犻櫎瀵硅薄=(鍒嗙被ssName,id)=>{returnnewPromise((resolve,reject)=>{consttodo=AV.Object.createWithoutData(className,id)todo.destroy().then((res)=>{resolve(res)},(error)=>{reject(error)})})}馃槃4.4鏇存柊瀵硅薄鏁版嵁锛堣緭鍏ヨ〃鍚嶅拰瀛樺偍鐨勬暟鎹?ID锛?/鏇存柊瀵硅薄exportconstupdateObject=(className,params)=>{returnnewPromise((resolve,reject)=>{consttodo=AV.Object.createWithoutData(className,params.id)for(variinparams){todo.set(i,params[i])}todo.save()澶嶅埗浠ｇ爜.then((res)=>{resolve(res)},(error)=>{reject(error)})})}馃摉馃摉馃摉鍏朵粬鐨勫ソ鍍忔尯绠€鍗曠殑锛屽搱鍝堝搱锛岃繕鍦ㄥ涔燰ue3.0锛岀粡甯哥湅鍒板緢澶氬ぇ鍜栫殑鏂囩珷锛屾瘮濡傝嫢宸濓紝鏉ㄤ繆瀹侊紝chokcoco绛夊ぇ鍜栵紝缁х画鍚戜粬浠涔狅紝鍔犳补锛屾湁浠€涔堟柊鐨勯渶姹傛垨鑰呰璁￠渶瑕佺粓韬涔狅紝鍙互鍏讳竴涓猧ssue缁欐垜锛岃阿璋紝鍠滄涔熷彲浠ョ偣涓禐銆傪煉劅璋㈢涓€娆″仛寮€婧愮殑涓滆タ锛屾垜灏辨槸鎯虫妸杩欎釜灏忛」鐩仛濂斤紝璋㈣阿[blanki]鐨勬墦璧廩66.6]锛屽ソ婵€鍔紱缁х画鍔姏锛屽笇鏈涜兘鍋氬嚭鏇寸簿缁嗙殑寮€婧愪綔鍝佸鐞嗐€傜户缁墠杩涖€傪煒€馃榾馃榾馃榾鎴戝崥瀹㈢殑鍏朵粬閾炬帴锛堟敹闆嗗悇绉嶅ぇ绁炵殑瀛︿範绗旇鍜屽畼鏂规枃妗ｏ紝寮虹儓鎺ㄨ崘锛塊estrel涔︾鎺橀噾鎬濇棤CSDN绠€涔﹁闆€锛?30澶氱瘒寮€鍙戠瑪璁帮級
