- 漏刻有時地理信息系統(tǒng)說明文檔(LOCKGIS、php后臺管理、三端一體PC-H5-微信小程序、百度地圖jsAPI二次開發(fā)、標注彈窗導航)
- 漏刻有時地理信息系統(tǒng)LOCKGIS小程序配置說明(web-view組件、服務器域名配置、復制鏈接和轉發(fā)功能)
- 漏刻有時地理信息系統(tǒng)LOCKGIS主程序配置說明(地圖調起彈窗、圖像標注、指定地圖中心、H5獲取導航、微信小程序環(huán)境識別)
漏刻有時地理信息系統(tǒng)LOCKGIS采用web-view組件實現小程序。
一、web-view組件
微信小程序中的web-view組件是一個可以用來承載網頁的容器，類似于html中的iframe框架。它可以用來在小程序中展示第三方網站或頁面的內容，實現更加豐富的功能和交互體驗。
使用web-view組件可以在小程序中集成第三方網站或頁面，以便在小程序中展示網頁內容。這對于需要展示靜態(tài)網頁或者動態(tài)網頁的小程序非常有用。例如，如果有一個已經開發(fā)好的移動網站，想要將其集成到小程序中，就可以使用web-view組件來實現。
web-view組件的使用方法也很簡單。首先，在需要使用web-view組件的頁面中，添加web-view標簽，并設置其屬性。例如，可以設置web-view組件的id、class、style等屬性，以及src屬性來指定需要加載的網頁地址。
同時，web-view組件還有一些使用限制。例如，對于需要訪問的網頁，需要進行合適的適配和調整，以避免出現不兼容或加載緩慢的情況。另外，微信小程序也明確規(guī)定了一些不適用的場景，如不能使用web-view組件打開微信小程序、不能使用web-view組件進行非法活動等。
總的來說，微信小程序中的web-view組件是一種非常實用的工具，可以用來實現小程序與第三方網站的集成，提供更加豐富的功能和交互體驗。但是，在使用時需要注意一些限制和規(guī)定，以確保其合規(guī)性和穩(wěn)定性。
承載網頁的容器。會自動鋪滿整個小程序頁面，個人類型的小程序暫不支持使用。
二、web-view作用
微信小程序中的web-view組件可以用來承載網頁，實現更加豐富的功能和交互體驗，主要有以下作用：
-
展示第三方網站或頁面的內容：web-view組件可以像iframe一樣，嵌入并展示第三方網站或頁面的內容，使小程序用戶可以直接在小程序頁面上瀏覽和交互。這對于那些已經開發(fā)好并已在移動端運行的網站特別有用，它們可以通過web-view組件直接被引入到小程序中，而無需重新開發(fā)。
-
擴展小程序的功能：web-view組件可以與小程序的原生代碼進行交互，從而使得小程序的功能更加豐富和多元化。例如，可以在web-view組件中嵌入一些特定的網頁功能，然后通過小程序代碼對網頁進行操作，以實現一些原生小程序無法實現的功能。
-
提高用戶體驗：通過使用web-view組件，可以將一些需要動態(tài)加載或復雜交互的網頁內容集成到小程序中，從而提供更加流暢和完善的用戶體驗。例如，一些新聞資訊類的小程序，就可以通過web-view組件直接打開并展示來自第三方的新聞網頁。
-
**優(yōu)化開發(fā)效率**：對于一些已經擁有大量網頁內容的項目來說，使用web-view組件可以大大減少開發(fā)工作量。因為只需要將原來的網頁內容嵌入到web-view組件中，就可以直接使用，無需再進行大量的適配和調整。
三、漏刻有時地理信息系統(tǒng)LOCKGIS配置
1.將文件包加載到微信開發(fā)工具
2.配置域名
2.1.微信小程序配置服務器域名
路徑：開發(fā)管理/開發(fā)配置/服務器域名
2.1.源碼配置域名
路徑：utils/utils.js，域名必須和微信小程序服務器域名一致
//域名(可以設置域名+目錄，已"/"結尾)
const hostDomain = 'https://test.com/'
文章來源：http://www.zghlxwxcb.cn/news/detail-722271.html
2.3.調用對應url資源
- 首頁配置index.js
// index.js
// 獲取應用實例
const util = require('../../utils/util.js')
const app = getApp()
Page({
data: {
hostDomain: util.hostDomain,
timestamp: '${new Date().getTime()}'
},
onShareAppMessage: function (ops) {
//button：頁面內轉發(fā)按鈕；
//menu：右上角轉發(fā)菜單
if (ops.from === 'button') {
var title = ops.target.dataset.title;
};
return {
title: title, //轉發(fā)的標題。當前小程序名稱
path: `pages/index/index`, //轉發(fā)的路徑
imageUrl: '', //自定義圖片路徑 支持PNG及JPG。顯示圖片長寬比是 5:4。
// success: function (res) {
// // 轉發(fā)成功
// var shareTickets = res.shareTickets;
// api.showToast('轉發(fā)成功');
// },
// fail: function (res) {
// // 轉發(fā)失敗
// api.showToast("轉發(fā)失敗:" + JSON.stringify(res));
// }
}
},
getUrl(e) {
//console.log(e.currentTarget.dataset.url)
// 跳轉頁面
wx.navigateTo({
url: e.currentTarget.dataset.url
})
}
})
- 首頁配置index.wxml
<!--pages/lockgis/lockgis.wxml-->
<web-view src="{{hostDomain}}app.php?m=Index&a=mini×tamp={{timestamp}}#weChat"></web-view>
@漏刻有時文章來源地址http://www.zghlxwxcb.cn/news/detail-722271.html
到了這里，關于漏刻有時地理信息系統(tǒng)LOCKGIS小程序配置說明(web-view組件、服務器域名配置、復制鏈接和轉發(fā)功能)的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
