## 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循环写的一样 ``` （由于篇幅过长，分章节阅读）