聯(lián)系官方銷售客服
1835022288
028-61286886
一、插件安裝
1、打開網(wǎng)站后臺--應(yīng)用--應(yīng)用市場搜索“多端企業(yè)小程序管理系統(tǒng)”,點擊下載安裝。
2、安裝成功之后,刷新后臺,然后進(jìn)入應(yīng)用,進(jìn)入小程序插件
3、進(jìn)入小程序插件管理之后,需要先創(chuàng)建小程序(可以是你的任意小程序信息)
4、添加過小程序之后,返回小程序插件,進(jìn)入小程序的“常用參數(shù)”,這里可以填寫你的小程序的電話 微信 QQ地址版權(quán)等基本信息
小程序所有信息配置完成,如果需要用到用戶授權(quán)功能,需要給會員模塊添加字段“openid”,后臺--用戶--用戶設(shè)置--字段劃分--自定義字段--添加,如圖
二、小程序demo獲取和導(dǎo)入
1、小程序demo獲取
安裝多端小程序管理系統(tǒng)之后,進(jìn)入\dayrui\App\Xiaochengxu目錄,找到weixin-demo文件夾,復(fù)制改文件夾到任何你想放的地方,(也可以聯(lián)系作者獲取其他版本的demo,目前有:微信,百度,抖音和uniapp版本的demo)
2、下載對應(yīng)的小程序開發(fā)者工具,然后點擊開發(fā)者工具的項目---導(dǎo)入項目---選擇你剛才的文件夾,點擊導(dǎo)入即可
注意:百度小程序需要安裝百度小程序開發(fā)者工具,微信需要微信的工具,抖音需要抖音的工具,其他小程序亦然。uniapp版本的需要下載Hbulidex然后導(dǎo)入
3、需要登錄各自小程序的官方網(wǎng)站,小程序設(shè)置--基本設(shè)置--添加“request合法域名”,添加你的域名
三、小程序demo的基本配置(以微信為例)
1、打開導(dǎo)入的微信demo,點擊開發(fā)者工具右上角的“詳情”-- “基本信息”修改里邊的appid和項目名稱,改成你自己的即可
2、打開小程序根目錄下的app.js,修改里邊的基本信息
另:app.json里邊也有個默認(rèn)的名稱 需要修改一下,別忘了
3、配置小程序首頁
因為每個人的網(wǎng)站的欄目都不一樣,所以需要你配置對應(yīng)的欄目id,找到小程序pages/index/index.js,找到toplist方法,修改自己的欄目信息
var params = [{ 'name': 'products', 'catid': 9,'thumb':1, 'num': 8, 'more': 0, 'order': 'displayorder desc,id desc'},{ 'name': 'cases', 'catid': 2,'thumb':1,'num': 10, 'more': 1, 'order': 'displayorder desc,id desc'},{ 'name': 'news', 'mid': 'news','thumb':0,'flag':1,'num': 15, 'more': 1, 'order': 'displayorder desc,id desc'},{ 'name': 'about', 'catid': 5}//該欄目必須是單頁面];
這里的每一行代碼一個請求項目(如果你想新增欄目請求,都可以按照這個格式去填寫)
(1)name:news, name可以隨便取,怎么方便區(qū)分怎么來
(2)catid:欄目id,支持多欄目id寫法,例:catid:'9,10,11',
(3)thumb是否調(diào)用帶圖片的文章,默認(rèn)0,即不區(qū)分
(4)num表示調(diào)用數(shù)量,默認(rèn)10
(5)order排序方式,默認(rèn)displayorder desc,id desc
如果該欄目是單頁面,只需要填寫name和catid即可
獲取到信息之后需要對接收到的信息做個簡單處理
(這里可以新增或者刪除,任意一個params參數(shù))
4、配置好之后,點擊開發(fā)者工具的“清楚緩存”,然后重新編譯即可(經(jīng)常碰到首頁單頁面配置錯誤造成首頁內(nèi)容不加載的情況,注意注意)
如果說信息還是沒有出來,可以做調(diào)試,點擊開發(fā)者工具的“調(diào)試器”--“network”--“XHR”,然后點擊“刷新”或者重新編譯,既可以出來對應(yīng)的請求列表,點擊進(jìn)入任意一個,然后找到Preview,看看文字提示什么。另外如果調(diào)試?yán)镞叿祷乜瞻?,需要開啟網(wǎng)站的開發(fā)者調(diào)試功能,打開根目錄的index.php,設(shè)置define('IS_DEV', 1);//開啟開發(fā)者模式
5、關(guān)于API的使用教程
關(guān)于各個api的使用方法和參數(shù),可以參考:https://doc.tengcee.com/xunrui/API教程部分
6、小程序自定義表單使用
小程序的自定義表單頁面是pages/formguide/formguide,只需要創(chuàng)建所有的input,字段對應(yīng)你后臺表單的對應(yīng)name即可,tablename對應(yīng)你的表單別名,
<input type='text' placeholder="姓名" name='author' value='' />//name對應(yīng)后臺表單對應(yīng)name
7、listtype列表樣式問題
小程序默認(rèn)了6種列表樣式,但是可能還是滿足不了你的需求,你可以去template/list.wxml里邊任意添加,然后再app.js里邊自己規(guī)定一個路由即可
{'catid': 8,'url': '','listtype': '20'}, //20即為你自己創(chuàng)建的列表樣式,打開欄目8的時候自動使用你的列表樣式
8、底部導(dǎo)航高亮問題
底部導(dǎo)航為模擬tabbar的效果,你可以選擇任意對應(yīng)欄目是否高亮,app.js的tindex即為高亮設(shè)置
tindex: [{'tindex': 1,'catid': 9},{'tindex': 2,'catid': 10000},{'tindex': 3,'catid': 5},]//tindex表示高亮索引,0表示是首頁,catid對應(yīng)欄目id
9、list、search、alllist、tag等接口中會同步返回對應(yīng)模塊名稱,例:tablename:'news',可以根據(jù)tablename來區(qū)分跳轉(zhuǎn)不同的url,需要自己判斷
10、其他更多問題,正在整理中,常見問題可以參考官網(wǎng),也可以聯(lián)系作者,提供免費技術(shù)支持
四:注意事項
(1)該插件不是自動給你生成前端的,雖然附送的有demo,但是仍需要你懂div+css,然后設(shè)計一下自己的小程序前端樣式,插件只是讓你無需關(guān)心后端,針對小白用戶
(2)uniapp版本的小程序,需要先去設(shè)置util/config.js,配置方式和小程序的app.js一樣,然后配置pages/index.vue里邊的toplist方法,方式和小程序的index.js配置方式一樣
(3)目前小程序授權(quán)登錄有一鍵授權(quán)登錄、手機號授權(quán)登錄和賬號密碼登錄,手機號授權(quán)登錄一般需要申請權(quán)限,如果沒有權(quán)限請去/pages/auth/auth頁面去注銷對應(yīng)功能,否則可能審核不過。目前支持百度、抖音、微信、快手等一鍵授權(quán),支持一鍵獲取手機號功能的有百度、微信、抖音。
(4)插件會持續(xù)更新,歡迎反饋bug或者提出意見