php安全开发05博客系统套用模板主题修改登录和后台样式

最新推荐文章于 2022-10-17 16:51:06 发布
最新推荐文章于 2022-10-17 16:51:06 发布
阅读量614 收藏
点赞数
文章标签： php 安全 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42307546/article/details/125172562
版权

下载地址

https://www.codejie.net/5681.html

在这里插入图片描述
直接把这里的全部文件复制到admin目录下
在这里插入图片描述
访问www.moon.com/admin/index.html
在这里插入图片描述
将login.html的模板替换到admin/login.php

<?php
include_once 'init.php';
if($_POST['sub']) {
    $password = filterstr(md5($_POST['password']));
    $username = filterstr($_POST['username']);
    //echo $username;

    $result = $conn->query("select * from users where username = '$username'and password ='$password'");
    if($result->num_rows>0){
        $row = $result->fetch_assoc();
        //echo $row['username'];

        if($row['password'] == $password){
            echo "登录成功";
            $_SESSION['username'] = $row['username'];
            header('location:main.php');
            $conn->close();
        }else{
            echo "<script>alert('账户或密码错误')</script>";

        }
    }else{
        echo "<script>alert('账户或密码错误')</script>";
    }

}

?>

<!doctype html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>『博客』后台管理</title>
    <link rel="stylesheet" type="text/css" href="css/admin_login.css"/>
</head>
<script>
    function check(form){
        var username = form.username.value;
        if(username.length ==0){
            alert('用户不能为空');
            form.username.focus();
            return false;
        }
        var password = form.password.value;
        if(password.length ==0){
            alert('密码不能为空');
            form.password.focus();
            return false;
        }
        return true;
    }
</script>
<body>
<div class="admin_login_wrap">
    <h1>后台管理</h1>
    <div class="adming_login_border">
        <div class="admin_input">
            <form method="post" onsubmit="return check(this)">
                <ul class="admin_items">
                    <li>
                        <label for="username">用户名：</label>
                        <input type="text" name="username" id="username" size="40" class="admin_input_style" />
                    </li>
                    <li>
                        <label for="password">密码：</label>
                        <input type="password" name="password" id="password" size="40" class="admin_input_style" />
                    </li>
                    <li>
                        <input type="submit" tabindex="3" value="提交" name="sub" class="btn btn-primary" />
                    </li>
                </ul>
            </form>
        </div>
    </div>
    <p class="admin_copyright"><a tabindex="5" href="#" target="_blank">返回首页</a> &copy; 2014 Powered by 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>

<!--<html>
<head>
    <title>管理员登录</title>
    <style>
        .login{
            width: 400px;
            margin: 0px auto;
        }
    </style>
    <script>
        function check(form){
            var username = form.username.value;
            if(username.length ==0){
                alert('用户不能为空');
                form.username.focus();
                return false;
            }
            var password = form.password.value;
            if(password.length ==0){
                alert('密码不能为空');
                form.password.focus();
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
<div class="login">
    <form method="post" onsubmit="return check(this)">
        <table>
            <tr><td><label for="username">用户</label></td><td><input type="text" name="username" id="username"></td></tr>
            <tr><td><label for="password">密码</label></td><td><input type="password" name="password" id="password"></td></tr>
            <tr><td colspan="2"><input type="submit" value="登录" name="sub"></td></tr>

        </table>
    </form>
</div>
</body>
</html>

访问/admin/login.php

在这里插入图片描述

后台模板修改将/admin/index.html的内容替换到admin/main.php
/admin/main.php

/*
<?php
include_once 'init.php';
if($_SESSION['username']){
    echo $_SESSION['username'];
}else{
    echo "验证失败";
}
?>
*/
<!doctype html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>简单通用文章系统后台管理模板</title>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
<div class="topbar-wrap white">
    <div class="topbar-inner clearfix">
        <div class="topbar-logo-wrap clearfix">
            <h1 class="topbar-logo none"><a href="index.html" class="navbar-brand">后台管理</a></h1>
            <ul class="navbar-list clearfix">
                <li><a class="on" href="index.html">首页</a></li>
                <li><a href="#" target="_blank">网站首页</a></li>
            </ul>
        </div>
        <div class="top-info-wrap">
            <ul class="top-info-list clearfix">
                <li><a href="#">管理员</a></li>
                <li><a href="#">修改密码</a></li>
                <li><a href="#">退出</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="container clearfix">
    <div class="sidebar-wrap">
        <div class="sidebar-title">
            <h1>菜单</h1>
        </div>
        <div class="sidebar-content">
            <ul class="sidebar-list">
                <li>
                    <a href="#"><i class="icon-font">&#xe003;</i>常用操作</a>
                    <ul class="sub-menu">
                        <li><a href="design.html"><i class="icon-font">&#xe008;</i>作品管理</a></li>
                        <li><a href="design.html"><i class="icon-font">&#xe005;</i>博文管理</a></li>
                        <li><a href="design.html"><i class="icon-font">&#xe006;</i>分类管理</a></li>

                        <li><a href="design.html"><i class="icon-font">&#xe052;</i>友情链接</a></li>

                    </ul>
                </li>
                <li>
                    <a href="#"><i class="icon-font">&#xe018;</i>系统管理</a>
                    <ul class="sub-menu">
                        <li><a href="system.html"><i class="icon-font">&#xe017;</i>系统设置</a></li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!--/sidebar-->
    <div class="main-wrap">
        <div class="crumb-wrap">
            <div class="crumb-list"><i class="icon-font">&#xe06b;</i><span>欢迎使用『豪情』博客程序，建博的首选工具。</span></div>
        </div>
        <div class="result-wrap">
            <div class="result-title">
                <h1>快捷操作</h1>
            </div>
            <div class="result-content">
                <div class="short-wrap">
                    <a href="insert.html"><i class="icon-font">&#xe001;</i>新增作品</a>
                    <a href="insert.html"><i class="icon-font">&#xe005;</i>新增博文</a>
                    <a href="insert.html"><i class="icon-font">&#xe048;</i>新增作品分类</a>
                    <a href="insert.html"><i class="icon-font">&#xe041;</i>新增博客分类</a>
                    <a href="#"><i class="icon-font">&#xe01e;</i>作品评论</a>
                </div>
            </div>
        </div>
        <div class="result-wrap">
            <div class="result-title">
                <h1>系统基本信息</h1>
            </div>
            <div class="result-content">
                <ul class="sys-info-list">
                    <li>
                        <label class="res-lab">操作系统</label><span class="res-info">WINNT</span>
                    </li>
                    <li>
                        <label class="res-lab">运行环境</label><span class="res-info">Apache/2.2.21 (Win64) PHP/5.3.10</span>
                    </li>
                    <li>
                        <label class="res-lab">PHP运行方式</label><span class="res-info">apache2handler</span>
                    </li>
                    <li>
                        <label class="res-lab">静静设计-版本</label><span class="res-info">v-0.1</span>
                    </li>
                    <li>
                        <label class="res-lab">上传附件限制</label><span class="res-info">2M</span>
                    </li>
                    <li>
                        <label class="res-lab">北京时间</label><span class="res-info">2014年3月18日 21:08:24</span>
                    </li>
                    <li>
                        <label class="res-lab">服务器域名/IP</label><span class="res-info">localhost [ 127.0.0.1 ]</span>
                    </li>
                    <li>
                        <label class="res-lab">Host</label><span class="res-info">127.0.0.1</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="result-wrap">
            <div class="result-title">
                <h1>使用帮助</h1>
            </div>
            <div class="result-content">
                <ul class="sys-info-list">
                    <li>
                        <label class="res-lab">更多模板：</label><span class="res-info"><a href="http://www.codejie.net/" target="_blank">源码街-免费源码下载</a></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/main-->
</div>
</body>
</html>
qq_42307546
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
typecho模板制作快速入门
大伟先生
05-24 1049
模板的制作并非难事，只要你写好了HTML和CSS，嵌套模板就非常简单了，你无需了解标签的内部结构，你只要会使用，模板就能迅速完成。这篇文章只简单的介绍了常用标签的使用方法，希望能带你进入模板的世界。本篇文章以Typecho的默认模板为例，您可以打开默认模板default边看边学习。该模板所在的路径为进入该目录后，我们可以看到有许多文件，别犯愁，我们将在后续的内容中一一进行介绍，所有在当前目录下的文件都能在后台的模板编辑页面进行编辑。
ThinkPHP5.1后台搭建项目2---后台登录（验证码）
luyangsiyi的博客
11-19 2206
文章目录1、数据库字段2、layui框架3、dialog弹窗4、登录界面的前端实现（1）界面渲染（2）验证判断（3）、数据与后端的交互（4）、验证码部分5、登录界面的后端实现（0）公共函数（1）controller部分（2）、model部分（3）说明 1、数据库字段 CREATE TABLE `cms_admin` ( `admin_id` mediumint(6) unsigned NOT ...
php前后台模板
11-30
这是一套前后台网站模板，很完善很好用的，前台3级页面。后台包括登陆界面，很完善的模板
php写网站后台需要什么,怎么自己写php网站后台管理系统？
weixin_42365038的博客
03-09 561
就是可以在后台发布文章，发布新产品，更新产品库，更新价格等。这个该怎么写？怎么样的思路？因为我是自学php做网站的，所以刚有好多不明白之处，还望大家帮帮我，谢谢！回复讨论(解决方案)先学HTML和基本的CSS，再去做PHP，这个过程会很漫长先学HTML和基本的CSS，再去做PHP，这个过程会很漫长我已经学了html，css和php了，能做一些简单的动态网站了，我现在要做的是网站的后台管理。我也想我...
php网站模板怎么修改,网站后台模板修改
weixin_39999586的博客
03-11 376
方法1、首先制作网站背景图片，这个建议找一些大尺寸的图片。(本图仅限测试使用)2、通过FTp工具链接到网站的空间，找到dedecms网站的模版文件templets。找到模版目录下的模版样式文件。如果使用的是默认模版，文件在templets/default/style/dedecms.css文件如果使用的是其他模版，那就看下网页源代码中最上面那部分有行：其中的xxxxxx就是目标css位置。3、使用...
用php做管理后台
weixin_30641465的博客
07-17 880
最近因处理家庭之事,技术上没有提高,这段时间也陆续的恢复了正常的开发,由于要做一个管理后台,所以在选择语言和架构上搜了不少资料, php 和java 的选择上,后来选择用php作为管理后台开发的语言. 最开始选择了springboot 上 的一个开源代码.由于对springboot 开发不够熟悉,费心费力,最终搭建起来eclipse 又出现数据库连接的插件不显示.尽管可以手动配置,...
php项目开发免费后台模板,自定义后台模板文件
weixin_30246273的博客
03-09 305
当需要修改后台模板时可以采用此方法来修改，不影响对程序的升级一、自定义后台模板文件例如需要修改系统默认模板：/dayrui/Core/Views/api_my.html此文件位于Core目录下，是不允许开发者修改的，如果非要修改，需要复制到自定义的位置：/dayrui/My/View/api_my.htmlView目录不存在就新建，不要加s例如，自定义联动菜单页面的界面1、开启开发者模式，进入联动...
5套用bootstrap框架写的后台管理模板打包下载
05-25
使用这些模板可以大大加快后台管理系统开发的速度，只需根据实际需求进行少量的定制和配置。同时，由于它们都基于Bootstrap3，所以确保了模板的稳定性和兼容性。在实际应用中，开发者还需要结合后端技术，如PHP、...
20套后台模板，后台框架html静态页
01-20
在IT行业中，后台模板和后台框架是开发高效、美观且用户友好的管理系统的基石。"20套后台模板，后台框架html静态页"这个资源集合为开发者提供了丰富的选择，可以帮助他们快速搭建和定制企业的内部管理系统。这些模板...
10x精仿挖片网模板.zip
06-23
苹果CMS是一款基于PHP开发的内容管理系统，它以强大的可扩展性和灵活性而备受推崇，尤其在视频网站建站领域中应用广泛。这款系统提供了丰富的功能，包括内容管理、用户管理、权限控制、模板定制等，使得非专业程序员...
PHPCMS后台模板 美化PHPCMS后台
11-27
PHPCMS后台模板，用于美化PHPCMS原始后台，直接把文件压根上传网站根目录，可替换原来后台模板。
PHP后端样式怎么设置,WordPress中自定义后台管理界面配色方案的小技巧
weixin_32075603的博客
03-27 300
这篇文章主要介绍了WordPress中自定义后台管理界面配色方案的小技巧,即使用wp_admin_css_color()函数来添加配色,需要的朋友可以参考下WordPress 3.8 开始的全新设计的后台支持多颜色选择，默认有八种非常精美的配色，可以让用户自己选择。关于配色 WordPress 提供了一个函数 wp_admin_css_color() 可以让开发者自定义配色，只需要调用一下这个函数...
php后台样式怎么做,PHPCMS更改后台编辑器样式
weixin_27033895的博客
03-20 303
PHPCMS默认的后台样式用着不习惯，根前台的视觉差太大？没关系，改一下就是了。后台编辑器样式文件 staticsjsckeditorcontents.css把前台样式表中控制文字的那一部分拷贝进去稍微修改下即可，当然你可以自定义编辑器背景什么的，看个人喜好了。我自己比较喜欢的样式现在分享给大家/*Copyright (c) 2003-2013, CKSource - Frederico Knab...
前端修改php项目页面样式的方法
thigh_d的博客
07-17 2166
有时候在开发过程中，在所难免会遇到后端开发的项目，也就是用php写的。作为前端的我们，刚起手还是比较吃力的，今天来教一下从拉打码到修改的过程。（小白一枚，有误请大佬指导）。 第一步就是要把项目拉取下来 现在用的是svn和FlashFXP这两种拉取远程打码 正如图中，php项目的页面路径是这样的，所以我们很难找到项目中所对应的文件夹在哪。 所图所示，我们可以在地址上加一个error=1,来找到文件所对应的路径（大部分可以使用这种方法）。 然后就能去目录中找到对应的文件，右击选中传输指定的项，传输到右边
php后台界面修改教程,ThinkPHP实现在可视化后台管理永久修改前端视图页面的方法_PHP教程...
weixin_29100927的博客
03-27 461
ThinkPHP实现在可视化后台管理永久修改前端视图页面的方法我一直以来就在纳闷意见事情，就是像csdn一样，用户可以自己去修改自己的主页样式，而且是永久性的修改，很多的地方都请到了，把视图样式交给用户这也是未来发展的趋势，想QQ空间装扮，甚至一些建站程序的后台都是这样的，所以，把这个原理明白是非常重要的。首先这个显然不可能通过前端的来实现，因为前段的东西到用户那里最终是放到内存里面，内存是有易失...
关于更改laravel的模板加载功能，可以用来在后台控制前端模板的切换
那记忆搁浅的博客
07-19 1730
首先，我们知道laravel调用模板用的是return view(‘index’)，像这样子它默认是去加载Resources/views/index.blade.php， class HomeController extends Controller { /** * Display a listing of the resource. * @return Respo...
WEB安全之PHP安全开发 博客系统（二）：前台js登陆验证、套用模板主体修改登陆和后台样式
最新发布
weixin_44891093的博客
10-17 983
WEB安全之PHP安全开发 博客系统（二）：前台js登陆验证、套用模板主体修改登陆和后台样式
php后台如何修改模块布局,自定义模块后台模板文件
weixin_35407400的博客
03-13 238
模块自定义后，可以为他单独设计，管理页面和发布页面一、如何自己修改后台模块的模板又不影响系统升级呢？默认模块模板介绍发布/修改：/dayrui/Core/Views/share_post.html列表：/dayrui/Core/Views/share_list.html如果要改的话，不能改上面的文件，需要把它复制出来，再修改比如demo模块为例，那么他的自定义文件就是：发布/修改：/dayrui/...
php更改样式,php开发之js修改页面css样式
weixin_30686891的博客
03-10 468
在我以前的印象里，页面的字体属性，背景，等样式在页面加载后基本上都是固定的了，但是今天看到可以通过js修改页面的样式，觉得有必要和大家分享下。test.html css ajaxProduct NameAirPlaneBig car触发事件改变页面的样式触发事件改变页面样式现在页面的文字样式，背景，字体大小，都是系统默认的，待会儿，给大家演示下运行结果，可以比较下哦test.js func...
"Dreamweaver第六章模板和库完美版资料.ppt详解与应用指南
模板可以包含预先设计好的布局和样式，用户只需根据自己的需求进行一些修改和定制，就能够创建出符合自己需求的网页。同时，如果用户对模板进行了修改，Dreamweaver会自动更新所有由此模板创建的页面，从而确保页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值