PHP网站使用JavaScript和Iframe简单实现部分刷新效果

        本文主要是记录自己寒假作业PHP网站实现加载界面的文章,运行效果如下图所示。主要记录php+html+Apache开发网站的3个功能:(方便以后阅读和其他人学习)
        1.如何实现简单页面布局
        2.使用jsp如何实现隐藏与显示效果
        3.通过iframe实现局部动态更新页面内容


一.运行效果
        运行apache访问本地页面http://localhost:8080/CourseStudy/index.php,效果如下所示:(lamp/wamp配置php网站)

        可以发现该界面布局主要由3部分组成,顶部head、中间左边菜单栏和中间右边显示界面,点击左边菜单栏会通过JavaScript实现隐藏缩放功能;同时点击不同菜单栏可以在右边显示不同界面。如下图所示:





二.实现方法介绍
1.界面布局
        界面布局主要采用的是include加载php文件实现,采用div和table实现布局,其中index.php文件代码如下:


        主要是通过head.php布局该界面的头部,main_right.php实现加载界面的中间右边部分,main_left.php加载界面的中间左边菜单栏,而
        上面代码中其中src=""中加入要嵌入的页面,name=""要嵌入页面中traget。
        然后在子菜单中添加:
        教师团队
        href中添加要加载的php界面,target中添加框架中的name。
       
其中第二栏“课程概括”代码如下:(可参考:百度文库)

        最后讲讲接下来需要解决的问题:
        1.iframe布局后,刷新总是重新加载index.php界面,而当前显示的内容会消失;
        2.php如何通过Post+Session进行登陆及表单访问MySQL数据库;
        3.如何实现网页index.php显示不同内容时index.php/xxxx加载些内容.
        希望文章对你有所帮助,后天就要过年了!提前祝自己和大家新年快了。
        下面地址是该部分界面代码:http://pan.baidu.com/s/1740Cu
        (BY:Eastmount 2015-2-16 清晨6点  http://blog.csdn.net/eastmount/)

你可能感兴趣的:(PHP基础知识及网站开发,php,javascript,iframe,html)