## 1. 下載并安裝微信開發工具 工具地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ## 2. 打開微信開發工具，導入項目 （先別急著看效果） 極致CMS小程序源碼地址： http://down.jizhicms.cn/jizhicmsdemo.zip  ## 3,配置一些選項，勾選HTTPS檢驗 （先別急著看效果）  ## 4.配置自己的網站域名及訪問秘鑰，必須是線上的真實域名，本地的無效  **這里的訪問秘鑰就是你后臺API接口插件設置的秘鑰** 填寫完，記得 `CTRL+S `保存 ## 5.獲取網站系統配置  DEMO中用的是封裝的`util.AJAX`進行網絡訪問 ``` // 獲取網站配置信息 util.AJAX("/GetData/index", function (res) { //正確獲取數據 if(res.data.code==0){ var webconfig = []; var len = res.data.data.length; //對返回的數據進行封裝成鍵值對的形式，方便調用 for(var i=0;i<len;i++){ webconfig[res.data.data[i].field] = res.data.data[i].data; } // 重新寫入數據 wx.setNavigationBarTitle({ title:webconfig.web_name }) ; that.setData({ webconfig: webconfig, intro: webconfig.web_desc, company: webconfig.web_name, mobile: webconfig.web_tel, email: webconfig.web_email, address: webconfig.web_address, }); } }, { "key": util.config.accesskey, "model":'sysconfig'}); ## 注釋 訪問的接口地址：/GetData/index 提交的數據： { "key": util.config.accesskey, "model":'sysconfig'} 訪問的方式：GET （默認） key: api訪問密鑰 model:api訪問模塊標識 ``` ## 微信官方提供的接口http請求方式： ``` //微信自帶請求 wx.request({ url:util.config.appApiUrl+'/GetData/index', data:{ key: util.config.accesskey, model:"product", id:id, limit:1}, method:'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, dataType:'json', success:function(res){ console.log(res); } }); ```   ## 6. 獲取輪播圖信息（幻燈片） ``` // 幻燈片列表 util.AJAX("/GetData/index", function (res) { // 重新寫入數據 if(res.data.code==0){ var slideList = res.data.data; if (slideList) { for (var i = 0; i < slideList.length; i++) { slideList[i]['litpic'] = util.config.picUrl+slideList[i]['litpic']; } that.setData({ slideList: slideList, }); } } }, { "key": util.config.accesskey, "model":'collect',"isshow":1,"tid":1 }); ## 注釋 接口地址：/GetData/index 提交數據： { "key": util.config.accesskey, "model":'collect',"isshow":1,"tid":1 } 訪問的方式：GET （默認） key: api訪問密鑰 model:api訪問模塊標識 其他參數為查詢參數，如同loop循環寫的一樣 ``` （由于篇幅過長，分章節閱讀）