公司每次搞促銷活動都需要制作大量的單品宣傳單頁,如果靠美工手動去做,需要大量的時間,最近剛剛更新了公司商城首頁,不是很忙,就琢磨着開發一個自動生成宣傳單頁的功能,於是所做就做,流程如下:
1、使用的是火狐瀏覽器的打印功能,其他瀏覽器並未測試,因為這是內部使用功能,亦無需兼容其他瀏覽器。
此處注意打印預覽時將邊距設為0,並選擇打印背景(顏色和圖片)。
2、商城每個產品都有詳情頁,可以很容易獲取到信息,於是我們要做的就是將這些信息排成我們需要打印出來的樣式
首先是背景尺寸:1205*1730,這個尺寸並不完美但也無傷大雅,但因為調了很久也沒調出特別好的尺寸
3、設置進入條件,通過鍵盤事件設置進入密碼,這樣打印頁就只有內部人員可以看見,注意進入打印頁時要隱藏原來的頁面。
注意設置進入密碼時不要設置小鍵盤,因為筆記本沒有小鍵盤...
4、既然是產品宣傳頁當然需要二維碼了,自動生成二維碼必不可少。
首先當然是獲取當前頁面的鏈接了,不然怎么生成二維碼:var Href=window.location.href;
二維碼需要跳轉到微信商城端,所以獲取到的鏈接需要調整:var HREF=Href.replace(/www.cnhzh.com/,'v.cnhzh.com');
接下來當然是用qrcode插件自動生成二維碼了:
$('#qrCode').qrcode({
width:210,
height:208,
text:HREF
});
至此一個還算精致的宣傳單頁就出來了,以后需要這種單頁可以通過密碼進入自動生成,是不是極大的提高了工作效率呢- -