如何將AngularJS開發的頁面遷移到微信小程序
將AngularJS開發的頁面遷移到微信小程序
1、用Pages目錄下的一個子目錄替換每個子模塊頁面,目錄命名為原子模塊名。
2、原來的通用css、image、fonts等靜態資源統一移動到resource目錄。當需要使用時,通過import命令在相應子模塊的wxss文件中引入css樣式文件;
1、div需要統一轉換為Viewwiew;
2、ng-show統一轉換為wx:if;
3、ng-統一將click轉換為bindtapp;
4、ng-repeat統一使用wxrepeat:for替換;
5、ng-class中的樣式選擇性綁定可以直接將條件綁定語句嵌入class屬性;
模塊級代碼遷移:模塊級作用域中使用的通用邏輯可以轉移到應用程序.js中引用app對象;或者定義util模塊進行動態引入;本地和h5交互時使用的自定義事件需要根據具體場景進行處理。
子模塊級代碼遷移:
Angular子模塊代碼可以直接遷移到小程序對應的Page對象中,當然,Angular特定語法的$***對象(例如$scope、$rootscope)操作需要全局替換,替換原則如下:
1、$scope:與Page對象相同的生命周期$scope,可直接替換為thiss;對于不同的生命周期(最常見的是各種calback回調函數),需要在方法之外引用保存Page對象(如varself)=this),然后用于回調函數。
2、$rootScope:推薦在app對象中引用,或自定義通用模塊,然后動態引入;
3、數據模型:在每個頁面上建立的數據模型,直接放入***.在json文件中,如果涉及到Angular特定語法的操作,可以參考以上兩點進行替換;
4、jsonp請求:將jsonp請求統一替換為wxonp請求.request請求,但原鏈式寫法應用參數寫法代替;
5、頁面在子模塊之間跳轉,$state.用wx代替go統一.navigateto或wx.navigateBack;
如何將網站商品信息轉移到小程序中?
小程序的商品信息直接從網站的商品信息數據庫中讀取
這個答案是網友推薦的
如何將小程序放在微信小程序中?
1. 微信小程序需要按要求單獨開發。
2. 如何審核微信的要求?
web前段轉向小程序開發?
web前端開發相對容易學習,主要學習html5技術。它的主要工作是網站開發和維護。web前端開發工程師非常短缺,薪水也非常高。但你真的必須有真正的技能來建立一個漂亮的網站。
以上就是【是男人一定要看!網站移植到小程序(微信小程序移植)】的全部內容。


評論