PHP开发文章发布系统之效果展示

项目目标

本项目主要是开发一个简易的文章发布系统,其主要功能有

1.后台对文章的增删改查

2.前台的文章列表及文章详情


项目达到的效果

后台文章管理页面:

<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
 <meta name="format-detection" content="telephone=no"> 
<title>文章管理</title>
<meta charset="utf-8">
    <style>
    .box{
        background-color:#f0f0f0;
    }
    .title{
        margin:0 auto;
        border:1px solid black;
        width:400px;
    }
    .middle{
        margin:0 auto;
        border:1px solid black;
        width:400px;
    }
    .menu{
        margin:-50px 0px 1px 319px;
        width:80px;
    }
    .content{
        clear:both;
    }
    .art{
        text-align:center;
    }
    
    .num{
        float:left;
        border:1px solid black;
        width:50px;
        font-size: 13px;
    }         
    .tit{
        float:left;
        border:1px solid black;
        width:274px;
        font-size: 13px;
    }         
    .act{
        float:left;
        border:1px solid black;
        width:70px;
        font-size: 13px;
    }
    .bottom{
        width:400px;
        margin:0 auto;
        border:1px solid black;
        clear:both;
    }         
    </style>
</head>
<body>
<div class="box">
    <div class="title"><h1>后台管理系统</h1>
        <div class="menu">
            <a href="admin_add.php">发布文章</a><br>
            <a href="admin_manage.php">管理文章</a>
        </div>
    </div>
    <div class="middle">
            <div class="art">文章管理列表</div>
            <div class="num">编号</div>
            <div class="tit">标题</div>
            <div class="act">操作</div>    
            <div class="content">
                          &					
继续学习
||
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <title>文章列表</title> <meta charset="utf-8"> <style> *{ box-sizing:border-box; } .box{ font-family: 宋体; margin:0px auto; width:400px; } .box a:link,.box a:visited,.box a:hover{color:#000000;text-decoration:underline; } .head{ background-color:#0f8ff2; height:80px; } .tit{ padding: 20px 20px; font-size:25px; } .content{ width:400px; min-height:100px; border:1px solid red; } .top_con{ width:400px; padding:10px; } .bottom_con{ margin-left:20px; width:400px; } .con_tit{ font-size:18px; margin:10px 0px 10px 10px; font-weight:bold; } .con_des{ text-indent:2em; font-size:18px; } .con_det{ padding: 0px 0px 0px 300px; } ul{ list-style:none; margin-left:-40px; } li{ margin:15px 0px 0px 0px; } .index{ margin:-5px 0px 0px 0px ; } .bg{ position:relative; top: -6px; background-color:#fff; margin-left:335px; } </style> </head> <body> <div class="box"> <div class="head"><div class="tit">php资讯站</div><span class="bg"><a href="../admin/admin_manage.php">后台入口</a></span></div> <div class="content"> <div class="top_con"> <div class="con_tit">用PHP编程语言开发动态WAP页面</div> <div class="con_des">WAP(无线通讯协议)是在数字移动电话、个人手持设备(PDA等)及计算机之间进行通讯的开放性全球标准协议。随着无线通讯的不断发展,静态的WAP页面在很多方面已经不能满足用户个性化的要求,因此开发者可以在WAP服务 </div> <div class="con_det"><a href="home_show.php?id=13">查看详细</a></div> <div class="con_tit">动态语言正成为开发者的重要工具</div> <div class="con_des">曾经程序语言世界里的二等公民,脚本语言(也叫动态语言)正成为开发者的重要工具。</div> <div class="con_det"><a href="home_show.php?id=15">查看详细</a></div> <div class="con_tit">动态网页制作PHP常用的正则表达式</div> <div class="con_des">正则表达式用于字符串处理、表单验证等场合,实用高效</div> <div class="con_det"><a href="home_show.php?id=18">查看详细</a></div> <div class="index"> <a href="home_list.php?page=1">首页</a> <a href="home_list.php?page=0">上一页</a> <a href="home_list.php?page=2">下一页</a> <a href="home_list.php?page=5">末页</a> </div> </div> <div class="bottom_con"> <div style="margin-left:10px;margin-top:20px,font-size:20px;">最新资讯</div> <ul> <li><a href="home_show.php?id=28">Facebook 将 PHP 编译成 JVM 字节码?</a></li> <li><a href="home_show.php?id=27">PHP 5.5 或将引入 Generators</a></li> <li><a href="home_show.php?id=26">国外十大最流行PHP框架排名</a></li> <li><a href="home_show.php?id=25">php接收标准输入解决分布式处理实现方法</a></li> <li><a href="home_show.php?id=24">PhpStorm 6 发布,PHP 集成开发环境</a></li> <li><a href="home_show.php?id=23">PHP闭包(Closure)初探</a></li> </ul> </div> </div> </div> </body></html>
提交重置代码