国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前后端分離項目—微信小程序的創(chuàng)建及app.json的配置(二)

這篇具有很好參考價值的文章主要介紹了前后端分離項目—微信小程序的創(chuàng)建及app.json的配置(二)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

本人框架入門,此處記錄完成一個前后端分離項目筆記,若有錯誤,還望指正,持續(xù)更新中…

4.創(chuàng)建微信小程序項目

微信公眾平臺 (qq.com)

微信開放文檔 (qq.com)

4.1獲取appid

微信小程序前后端分離怎么實現(xiàn),前后端分離項目,微信小程序,json,小程序
登錄微信公眾平臺獲取自己對應的appid并創(chuàng)建項目,不選擇云服務,使用js模板。

5.配置app.json

5.1添加頁面

創(chuàng)建完成微信小程序項目后,在app.json中添加頁面代碼
微信小程序前后端分離怎么實現(xiàn),前后端分離項目,微信小程序,json,小程序

  "pages":[
    "pages/index/index",
    "pages/cate/cate",
    "pages/store/store",
    "pages/my/my",
    "pages/logs/logs"
  ],

5.2修改頂部框樣式

  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#6b8770",
    "navigationBarTitleText": "易物",
    "navigationBarTextStyle":"white"
  },

5.3添加taber底部導航欄

"tabBar": {
    "color": "#999",
    "selectedColor": "#6b8770",
    "backgroundColor": "#ededed",
    "position": "bottom",
    "borderStyle": "black",
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath": "icons/home.png",
      "selectedIconPath": "icons/homef.png"
    },{
      "pagePath": "pages/cate/cate",
      "text": "類型",
      "iconPath": "icons/cate.png",
      "selectedIconPath": "icons/catef.png"
    },{
      "pagePath": "pages/store/store",
      "text": "物品庫",
      "iconPath": "icons/store.png",
      "selectedIconPath": "icons/storef.png"
    },{
      "pagePath": "pages/my/my",
      "text": "個人中心",
      "iconPath": "icons/my.png",
      "selectedIconPath": "icons/myf.png"
    }]
  },

圖標的需要自己阿里巴巴矢量圖標庫進行下載 iconfont-阿里巴巴矢量圖標庫
下載后放在pages同級文件的icons中,通過路徑進行引入。
最終完成效果
微信小程序前后端分離怎么實現(xiàn),前后端分離項目,微信小程序,json,小程序文章來源地址http://www.zghlxwxcb.cn/news/detail-596799.html

到了這里,關(guān)于前后端分離項目—微信小程序的創(chuàng)建及app.json的配置(二)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務器費用

相關(guān)文章

  • 如何快速搭建springboot+前后端分離(vue),多商戶客戶端實現(xiàn)微信小程序+ios+app使用uniapp(一處編寫,處處編譯)

    如何快速搭建springboot+前后端分離(vue),多商戶客戶端實現(xiàn)微信小程序+ios+app使用uniapp(一處編寫,處處編譯)

    kxmalls外賣生鮮多商戶,針對中小商戶、企業(yè)和個人學習者開發(fā)。使用Java編碼,采用SpringBoot、Mybatis-Plus等易用框架,適合個人學習研究。同時支持單機部署、集群部署,用戶與店鋪范圍動態(tài)定位,中小商戶企業(yè)可根據(jù)業(yè)務動態(tài)擴容。kxmalls使用uniapp前端框架,可同時編譯到 微

    2024年01月25日
    瀏覽(95)
  • 微信小程序?qū)腠椖繄箦e:在項目根目錄未找到app.json

    微信小程序?qū)腠椖繄箦e:在項目根目錄未找到app.json

    1.首先確定是不是導入到項目的上層目錄了。 比如導入的文件是這樣的:wechatsmallcourse... smallcourse里面就是app,json等項目文件,導入項目需要選擇smallcourse文件夾,而不是wechat文件夾 ? 2. 確保第一步正確,如果報下面的錯: : 則照提示,打開project.config.json 把\\\"miniprogramRoot\\\":?

    2024年02月11日
    瀏覽(17)
  • uniapp使用微信開發(fā)工具打開微信小程序運行[ app.json 文件內(nèi)容錯誤] app.json: 在項目根目錄未找到 app.json

    uniapp使用微信開發(fā)工具打開微信小程序運行[ app.json 文件內(nèi)容錯誤] app.json: 在項目根目錄未找到 app.json

    這是?uniapp?項目?還未轉(zhuǎn)成微信小程序?需要轉(zhuǎn)換一下 ??? 重點:? ?首先一定要有 unpackage文件夾???如果沒有的需要到HBuilder X?編譯一下 編譯完,可以看到如下目錄既可以了

    2024年02月07日
    瀏覽(32)
  • uniapp項目(微信小程序)配置miniprogramRoot,解決報錯未找到app.json、未找到sitemap.json等問題

    uniapp項目(微信小程序)配置miniprogramRoot,解決報錯未找到app.json、未找到sitemap.json等問題

    前段時間有粉絲私信,說自己的微信小程序在開發(fā)者工具中報錯:“在項目根目錄未找到app.json”,如圖: 我以為這是他個人的問題,就直接說了解決方案,并建議用uniapp之類的框架開發(fā),更關(guān)注業(yè)務,結(jié)果周六日我用最新版hbuilder創(chuàng)建了vue3項目,部署的時候,報了同樣的錯

    2024年02月11日
    瀏覽(26)
  • Java——貓貓圖鑒微信小程序(前后端分離版)

    Java——貓貓圖鑒微信小程序(前后端分離版)

    目錄 一、開源項目 二、項目來源 三、使用框架???????? 四、小程序功能 1、用戶功能 2、管理員功能 ?五、使用docker快速部署 六、更新信息 審核說明 貓咪信息點-ruoyi-cat: 1、一直想做點項目進行學習與練手,所以做了一個對自己來說可以完成的小程序(期間也是:邊學邊

    2024年02月03日
    瀏覽(20)
  • 創(chuàng)建一個uni-app項目并運行再瀏覽器及微信小程序

    創(chuàng)建一個uni-app項目并運行再瀏覽器及微信小程序

    第一步: 打開HBuilder X 點擊文件列表 新建 項目 第二步: 如圖所示(根據(jù)項目所需要的進行選擇) 第三步: 創(chuàng)建完成之后項目文件的(介紹以及作用) 第四步: 如何將uni-app項目運行到不同的瀏覽器,我在這里運行的是微信小程序 (1) 點擊運行可以查看到項目的多種運行方式 (2

    2024年02月12日
    瀏覽(165)
  • 【微信小程序調(diào)用百度API實現(xiàn)圖像識別實戰(zhàn)】----前后端分離

    【微信小程序調(diào)用百度API實現(xiàn)圖像識別實戰(zhàn)】----前后端分離

    前言:基于之前發(fā)布的文章【微信小程序調(diào)用百度API實現(xiàn)圖像識別功能】----項目實戰(zhàn)稍微進行了升級改進,主要新增了后端,數(shù)據(jù)庫,實現(xiàn)對于蟲害識別,返回防治建議等信息。 本文主要講述: 如何創(chuàng)建數(shù)據(jù)庫 如何連接數(shù)據(jù)庫 如何創(chuàng)建后端服務 如何調(diào)用后端服務 目錄 ?一

    2024年04月25日
    瀏覽(21)
  • 基于JAVA+SpringBoot+VUE+微信小程序的前后端分離咖啡小程序

    基于JAVA+SpringBoot+VUE+微信小程序的前后端分離咖啡小程序

    ?全網(wǎng)粉絲20W+,csdn特邀作者、博客專家、CSDN新星計劃導師、java領(lǐng)域優(yōu)質(zhì)創(chuàng)作者,博客之星、掘金/華為云/阿里云/InfoQ等平臺優(yōu)質(zhì)作者、專注于Java技術(shù)領(lǐng)域和畢業(yè)項目實戰(zhàn)? ?? 文末獲取項目下載方式 ?? 一、項目背景介紹: 隨著社會的快速發(fā)展和科技的不斷進步,咖啡文化逐

    2024年02月02日
    瀏覽(94)
  • 微信小程序校園生活小助手+后臺管理系統(tǒng)|前后分離VUE

    微信小程序校園生活小助手+后臺管理系統(tǒng)|前后分離VUE

    《微信小程序校園生活小助手+后臺管理系統(tǒng)|前后分離VUE》該項目含有源碼、文檔等資料、配套開發(fā)軟件、軟件安裝教程、項目發(fā)布教程等 本系統(tǒng)包含微信小程序前臺和Java做的后臺管理系統(tǒng),該后臺采用前后臺前后分離的形式使用Java+VUE 微信小程序——前臺涉及技術(shù): WXML

    2024年02月10日
    瀏覽(28)
  • 前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

    前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

    前言:部署小程序后臺(非云開發(fā))需要: 1.一臺云服務器(購買三個月以上,不然域名備案不了) 2.備案了的域名(小程序上線審核非常麻煩,域名一定要提前備案,通過審核大概要十幾天) 阿里云或騰訊云都可,哪個便宜買哪個。騰訊云的輕量服務器就有自帶的寶塔面板

    2024年02月08日
    瀏覽(27)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包