梁先国SEO专注网站优化,让您网站更具价值!

当前位置:首页 > WEB前端学习 > 网页开发,如何设计查询反馈结果页面!

网页开发,如何设计查询反馈结果页面!

时间:2018-08-12 11:33 来源:重庆网站制作公司(www.seozol.cn) 作者:重庆网站建设公司

网页开发,如何设计查询反馈结果页面!
 
 
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.seozol.cn)原创内容,如需要转载请注明原文网址:重庆网站建设公司http://www.seozol.cn/

 
喜欢看,就分享到:

围观: 9999次 | 责任编辑:重庆网站建设公司

推荐文章

热门文章

最新文章

回到顶部