聯(lián)系官方銷售客服
1835022288
028-61286886
小程序終端是迅睿CMS多終端概念的一種展示方式，開發(fā)人員需要具備的基本條件
1. 具備基本的小程序知識及html知識（必備）；
2. 懂得簡單的邏輯判斷和循環(huán)知識（可選）；
3. 最好也能懂點SQL語句知識（可選）；
4. 懂點PHP代碼編寫，方便編寫更個性化的api接口（可選）；
5. 能夠熟練操作XunRuiCMS系統(tǒng)。
小程序環(huán)境必須使用小程序官方的開發(fā)者工具，例如微信小程序、百度小程序都要使用自身的開發(fā)者工具，我們以微信小程序為例，下載微信開發(fā)者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
必備插件：http://223987.com/shop/app/361.html
1、需要在cms后臺去安裝這個API插件，然后創(chuàng)建密鑰供小程序請求
那么請求地址格式是：
網(wǎng)站地址/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&v=1&
這個地址需要記住，他是小程序的請求前綴地址，可以參考教材：http://223987.com/doc/350.html
2、在【微信開發(fā)者工具中】創(chuàng)建小程序項目
3、創(chuàng)建后，系統(tǒng)會生成一些默認的文件
4、在app.js中定義全局調(diào)用的api請求變量
app.js 此文件是小程序項目的主心文件，我們把api請求地址參數(shù)定義在這個文件里面，以便后面的全局調(diào)用
globalData: {
userInfo: null,
http_api:"http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&",
}http_api是我們例子里面定義的網(wǎng)站url，可以在本地測試url
5、在index.js中讀取cms數(shù)據(jù)
pages/index.js 此文件是小程序入口文件
我們來請求cms的文章模塊10條數(shù)據(jù)
var self = this;
wx.request({
url: app.globalData.http_api + "s=news&c=search&pagesize=10&api_call_function=module_search_news_list",
method: 'GET',
success: function (res) {
console.log(res);
if (res.data.code == 1) {
self.setData({
mynews: res.data.data,
});
} else {
console.log(res.data.msg);
}
}
});在開發(fā)的適合可以先把請求url在瀏覽器里面訪問一下，看看數(shù)據(jù)是否正常返回
6、在index.wxml中當前向cms請求的數(shù)據(jù)
<view class="container">
<block wx:for="{{mynews}}" wx:for-item="news">
<view class="news-view">
<view class="news-title">
{{news.title}}
</view>
</view>
</block>
<view class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
</view>7、編譯預覽小程序左邊圖片中的數(shù)據(jù)已經(jīng)成功的讀取出CMS后臺的文章標題
如果存在讀不出來數(shù)據(jù)時，可以在開發(fā)工具右上角開啟【不校驗合法域名、不校驗HTTPS認證】
