二十二世纪古墓奇兵爱慕影院

小梁建站專注重慶中小企業網站建設SEO優化,讓您網站更具價值!

當前位置:首頁 > WEB前端學習 > 網頁開發,如何設計查詢反饋結果頁面!

網頁開發,如何設計查詢反饋結果頁面!

時間:2018-08-12 11:33 來源:重慶網站制作公司(www.l2qz.net) 作者:重慶網站建設公司

網頁開發,如何設計查詢反饋結果頁面!
 
 
1、前端展示
 
2、中間交互
 
3、后臺處理
 
 
首先前端展示:
 
聽說weui不錯,使用weui能使你的頁面看起來跟騰訊的風格一致,我使用的是weui的修改版(weui jquery),將這些CSS,JS直接下載到服務器。
 
頁面開發的時候直接調用這些個樣式。
 
比如查詢寬帶覆蓋情況:
 
查詢反饋結果圖是這樣的:
 

查詢反饋結果圖
 
 
查詢反饋結果頁面代碼是這樣的:
 
 
 
 
查詢反饋結果頁面代碼
 
 
link標簽引用的一些CSS,就是引用的樣式。主要作用是讓頁面看起來好看。
 
 
然后是中間交互:
 
可以注意到,查詢按鈕有一個
 
onclick="wszl()"
 
意思就是點擊他,就執行wszl();
 
wszl()是自定義的一個JS函數,需要事先定義。
 
可以看到<script>里面就有一個function wszl()
 
里面就簡單的2個東西
 
一個空值拒絕,意思是如果ID“area”里面填寫的東西是空值就會執行
 
$.toast***(這個是事先定義的js指令,我直接引用的weui的js)
 
一個POST命令大概格式是固定的,發送給誰,發送什么,發送結果怎么處理,后面的是發送結果的格式。
 
里面是發送給kuandai.php這個后臺處理文件,內容是id"area"跟id"guishu“傳過來的值
 
然后是后臺處理反饋:
 
后臺處理就是,發送過來了什么參數,根據查詢結果頁面參數反饋相應的值
查詢結果頁面參數反饋相應的值
 
 
大概就是這么個流程,學習代碼從改代碼開始!
 
邊改邊看執行結果看問題出在哪,然后探索,baidu。
 
我就是這么來的。
 
前端代碼是直接打開別人的頁面,右鍵點擊網頁——查看網頁源代碼(我用的谷歌瀏覽器)
 
js\css文件也可以把別人的拷貝下來使用。
 
后臺代碼就要學習別人的,然后自己編寫了。
 
 
好了 下一回介紹微信開發之用戶通過微信發消息過來,返回一個結果值
 
 
 
 
 

版權聲明:本文:網頁開發,如何設計查詢反饋結果頁面! 由重慶網站制作公司(www.l2qz.net)原創內容,如需要轉載請注明原文網址:重慶網站建設公司http://www.l2qz.net/

 
喜歡看,就分享到:

圍觀: 9999次 | 責任編輯:重慶網站建設公司

回到頂部
二十二世纪古墓奇兵爱慕影院 重庆时时历史开奖记录 三公棋牌游戏下载 通比牛牛攻略 重庆时时黑马人工计划 重庆时时彩计划软件 香港极速6合计划 极速6合开奖记录 中国体育彩票手机投注 兰斯 pk10赛车5码34567技巧 双式投注什么意思 3d胆拖投注表及中奖