㈠ 如何利用weui作為前端來開發
先引用樣式文件. 請在github上下載對應的文件.
下載地址為: 3次未審核, 搜索吧.
下載之後的目錄結構為:
dist : 編譯之後的目錄, 裡面的文件可以直接使用
src : 源碼目錄
可以打開dist下example目錄, 這個是官方的例子文件. 裡面比較全的基本使用方法.
打開example目錄下的index.html 就可以看到官方的例子了.
這里需要說明一下, 這個官方使用的zepto.js框架. 這個框架更加適用移動端.
開始使用, 如果使用呢? 第一步先把css文件引用到頁面中.
<link rel="stylesheet" type="text/css" href="路徑地址" />
然後, 就可以使用官方的樣式了. 首先來說明一下button.
使用方法:class="weui_btn weui_btn_primary"
其中屬性有:
weui_btn weui_btn_primary
weui_btn weui_btn_warn
weui_btn weui_btn_default
三種, 如果你想擴展, 直接增加響應的樣式就可以了.
Tab使用:
tab包含兩種: navbar 和 tabbar
使用方法.
navbar :
<div class="weui_tab">
<div class="weui_navbar">
<div class="weui_navbar_item weui_bar_item_on"> 選項一</div>
<div class="weui_navbar_item"> 選項二 </div>
<div class="weui_navbar_item">選項三 </div>
</div>
<div class="weui_tab_bd"></div>
</div>
weui_bar_item_on 為選中項
tabbar:
<div class="weui_tabbar">
<a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
<div class="weui_tabbar_icon">
<img src="./images/icon_nav_button.png" alt="">
</div>
<p class="weui_tabbar_label">微信</p>
</a>
<a href="javascript:;" class="weui_tabbar_item">
<div class="weui_tabbar_icon">
<img src="./images/icon_nav_msg.png" alt="">
</div>
<p class="weui_tabbar_label">通訊錄</p>
</a>
<a href="javascript:;" class="weui_tabbar_item">
<div class="weui_tabbar_icon">
<img src="./images/icon_nav_article.png" alt="">
</div>
<p class="weui_tabbar_label">發現</p>
</a>
<a href="javascript:;" class="weui_tabbar_item">
<div class="weui_tabbar_icon">
<img src="./images/icon_nav_cell.png" alt="">
</div>
<p class="weui_tabbar_label">我</p>
</a>
</div>
圖片來自官方例子中的素材.
Toast
彈出層: 一個是彈出提示數據.
<div id="toast">
<div class="weui_mask_transparent"></div>
<div class="weui_toast">
<i class="weui_icon_toast"></i>
<p class="weui_toast_content">已完成</p>
</div>
</div>
使用$('#toast').show();進行顯示數據.
searchBar搜索框
簡單的搜索, 搜索世界的大不同, 不是所有的網站都可以
圖標的使用.
<i class="weui_icon_msg weui_icon_success"></i>
<i class="weui_icon_msg weui_icon_info"></i>
<i class="weui_icon_msg weui_icon_warn"></i>
<i class="weui_icon_msg weui_icon_waiting"></i>
<i class="weui_icon_safe weui_icon_safe_success"></i>
<i class="weui_icon_safe weui_icon_safe_warn"></i>
Panel的使用
<div class="weui_panel weui_panel_access">
<div class="weui_panel_hd">圖文組合列表</div>
<div class="weui_panel_bd">
<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
<div class="weui_media_hd">
<img class="weui_media_appmsg_thumb" src="" alt="">
</div>
<div class="weui_media_bd">
<h4 class="weui_media_title">標題一</h4>
<p class="weui_media_desc">由各種物質組成的巨型球狀天體,叫做星球。星球有一定的形狀,有自己的運行軌道。</p>
</div>
</a>
<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
<div class="weui_media_hd">
<img class="weui_media_appmsg_thumb" src="" alt="">
</div>
<div class="weui_media_bd">
<h4 class="weui_media_title">標題二</h4>
<p class="weui_media_desc">由各種物質組成的巨型球狀天體,叫做星球。星球有一定的形狀,有自己的運行軌道。</p>
</div>
</a>
</div>
<a class="weui_panel_ft" href="javascript:void(0);">查看更多</a>
</div>
圖片裡面沒有填寫地址, 請您自己填寫信息.
㈡ 怎樣在網頁添加通訊錄
上搜狐的中國人吧!很好的!(www.chinaren.com)有很多的同學錄的!直接就有同學通訊錄!
㈢ 【web前端】求大神告訴我,下圖中的添加一個聯系人and刪除一個聯系人是怎麼實現的
動態添加表單內容
在最後一個行之後添加相應的一行的表單項即可
無論表單是table標簽還是div標簽都可以的
如果用jquery的話 直接用append()
㈣ 網頁製作,做一個通訊錄,前台用html5做,後台用php能夠實現數據的同步
1、首先你得搭建PHP運行環境。建議使用PHP開發速成搭建工具包xampp。集成php+phpmyadm+mysql
2、第二步,寫需求,如圖書管理系統。是否需要會員系統(會員是否分等級如普通、VIP分等級的話,那麼有這些等級之間有什麼差別)、是否需要文章發布、是否需要圖書信息發布、是否需要在線購買書籍、是否要對書籍進行留言評論、是否要有在線試讀。
3、針對上面列出的需求,進行資料庫的表設計。表的設計要根據以上的需求來。
4、確定怎麼對網站進行架構,因為這是一個系統了。是一個系統化的東西,而不是其中某一個小模塊功能。你必須要對自己的網站來做一個架構。以使將來有可能網站進行功能模塊增加、網站風格改版提供支持,如果只是單純的PHP寫法,將來網站維護改版會很麻煩的,前期一個好的系統架構很重要。這就是為什麼很多好的程序員都會喜歡用自己熟悉的某一PHP框架來進行編程了。當然,你也可以自己構思自己的框架,當然這個是需要有對PHP這門語言相當熟練,在通過自己的理解,自己的需要編寫適合自己或大眾的框架。如zend framework 、thinphp、qeephp、smarty、cakephp等等,要知道一個好的框架不是一天就能寫出來的,都是日積月累的。
5、程序實現了你自己的需求,然後就是測試了。測試,可以分的很細了。如數據完整性驗證。數據有效性、操作步驟一致性、
6、以上則完成。
㈤ 百度網盤網頁版導入通訊錄的功能下線了嗎,原來還用過,現在沒有這功能了
工具/材料:電腦1.首先在瀏覽器裡面輸入網路網盤官網,然後在搜索結果裡面選擇官網點擊進入。2.接著點擊下面的賬號和密碼登陸選項。3.然後切換到登陸頁面之後,輸入賬號和密碼。4.點擊登陸之後,這樣就可以登陸到網路網盤了。
㈥ QQ通訊錄網頁版在哪
QQ通訊錄網站ic.qq.com。
QQ通訊錄是一款最快最方便的通訊錄。為您提供歸屬地顯示、IP撥號等便捷通訊功能;支持通過手機網路發送語音、圖片和文字消息;可將手機聯系人備份到網路,或從網路恢復到手機(在手機上安裝QQ通訊錄或者QQ同步助手),通過網站ic.qq.com或QQ客戶端txl.qq.com便捷管理,隨時下載找回。因此在電腦上只需要訪問ic.qq.com即可找到並管理的QQ通訊錄。
㈦ PHP如何獲取網頁的手機號碼並存入手機通訊錄,ios和android分別闡述
如果你想讓手機直接通過自帶的瀏覽器訪問頁面來完成這個效果,那是實現不了的
系統自帶的瀏覽器沒有訪問手機系統介面的許可權
要實現這個功能,只能做一個app來模擬
安卓有一個組件叫webbrowser,通過這個組件訪問你的頁面,拿到資料庫調用安卓系統api可以達到目的
蘋果的雖然沒做過開發,但估計也有類似的組件
㈧ 在iPhone的iCloud里怎麼查看通訊錄
使用任一瀏覽器瀏覽進入icloud登錄頁面: www.icloud.com,輸入icloud帳號和密碼,登錄到你的 iCloud 帳戶
進入個人iCloud帳號,點擊【開始使用icloud】。
進入icloud,查看到icloud同步數據,選擇【通訊錄】,查看到icloud同步的通訊錄信息。
㈨ 求一個通訊錄靜態HTML頁面!
你用word做一個就可以了。反正是靜態的。
㈩ 怎麼在網頁版釘釘中添加手機通訊錄好友
方法一,在釘釘好友頁面,我們可以看到該頁面最右上角的「添加好友」選項,點擊它;之後在跳轉到的頁面下,我們輸入對方的手機號或者手機通訊錄里的名字就可以添加他為好友了
方法二,應用主頁面,然後切換到「聯系人」,之後我們選擇該頁面的「手機通訊錄」,點擊之後就會跳轉到我們通訊錄下所有的聯系人信息列表,然後點擊我們打算添加的聯系人信息,在該聯系人的主頁面選擇」加為好友「
方法三,和第二種方法一樣,還是在主頁面切換到聯系人項下,然後我們點擊該頁面最右下角的小圖標,之後在彈出的頁面下點擊」添加好友「,然後輸入通訊錄里聯系人的手機號或者名字就可以